Do not merge: Issue 31 test

test/end-to-end/issue-31/input.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { PropTypes } from 'prop-types';
+import './_campaign-cart.scss';
+
+const CampaignCart = ({ campaign }) =>
+  <div className="campaign-cart">
+    <div className="campaign-cart__header">
+      Campaign cart
+    </div>
+    <div className="campaign-cart__description">
+      Total campaign cost overview
+    </div>
+    <br/>
+
+    <table>
+      <tbody>
+      <tr>
+        <td>Campaign type</td>
+        <td>{campaign.type}</td>
+      </tr>
+      <tr>
+        <td>Audience size</td>
+        <td>{campaign.type}</td>
+      </tr>
+      <tr>
+        <td>Cost per profile</td>
+        <td>{campaign.type}</td>
+      </tr>
+      <tr>
+        <td>Sub total</td>
+        <td>{campaign.type}</td>
+      </tr>
+      <tr>
+        <td>GST</td>
+        <td>{campaign.type}</td>
+      </tr>
+      <tr>
+        <td><b>TOTAL COST</b></td>
+        <td>{campaign.type}</td>
+      </tr>
+      </tbody>
+    </table>
+    <a href="javascript:void(0);" className="campaign-cart__button">Checkout</a>
+  </div>;
+
+CampaignCart.propTypes = {
+  campaign: PropTypes.shape({
+    type: PropTypes.string.isRequired,
+    stars: PropTypes.number.isRequired,
+    completed: PropTypes.number.isRequired
+  })
+};
+
+export default CampaignCart;

test/end-to-end/issue-31/output.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import './_campaign-cart.scss';
+type CampaignCartProps = {
+    campaign?: {
+        type: string,
+        stars: number,
+        completed: number,
+    },
+};
+const CampaignCart: React.SFC<CampaignCartProps> = ({ campaign }) => (
+    <div className="campaign-cart">
+        <div className="campaign-cart__header">Campaign cart</div>
+        <div className="campaign-cart__description">Total campaign cost overview</div>
+        <br />
+
+        <table>
+            <tbody>
+                <tr>
+                    <td>Campaign type</td>
+                    <td>{campaign.type}</td>
+                </tr>
+                <tr>
+                    <td>Audience size</td>
+                    <td>{campaign.type}</td>
+                </tr>
+                <tr>
+                    <td>Cost per profile</td>
+                    <td>{campaign.type}</td>
+                </tr>
+                <tr>
+                    <td>Sub total</td>
+                    <td>{campaign.type}</td>
+                </tr>
+                <tr>
+                    <td>GST</td>
+                    <td>{campaign.type}</td>
+                </tr>
+                <tr>
+                    <td>
+                        <b>TOTAL COST</b>
+                    </td>
+                    <td>{campaign.type}</td>
+                </tr>
+            </tbody>
+        </table>
+        <a href="javascript:void(0);" className="campaign-cart__button">
+            Checkout
+        </a>
+    </div>
+);
+export default CampaignCart;