billing invoice tests wip

Author: na3d

src/billing/layouts/InvoicePage.js

@@ -111,7 +111,6 @@ function select(state, ownProps) {
   const params = ownProps.params;
   const invoiceId = params.invoiceId;
   const invoice = state.api.invoices.invoices[invoiceId];
-  console.log(state);
   const items = invoice._items.data;
   return {
     invoice,

test/billing/layouts/HistoryPage.spec.js

@@ -2,7 +2,6 @@ import React from 'react';
 import sinon from 'sinon';
 import { mount } from 'enzyme';
 import { expect } from 'chai';
-import moment from 'moment-timezone';
 
 import { HistoryPage } from '~/billing/layouts/HistoryPage';
 import { api } from '@/data';

test/billing/layouts/InvoicePage.spec.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import sinon from 'sinon';
+import { mount } from 'enzyme';
+import { expect } from 'chai';
+import moment from 'moment-timezone';
+
+import { InvoicePage } from '~/billing/layouts/InvoicePage';
+import { api } from '@/data';
+
+
+const { invoices } = api;
+
+describe('billing/layouts/InvoicePage', () => {
+  const sandbox = sinon.sandbox.create();
+
+  afterEach(() => {
+    sandbox.restore();
+  });
+
+  const dispatch = sandbox.spy();
+
+  it('renders a list of invoice items', () => {
+    const page = mount(
+      <InvoicePage
+        dispatch={dispatch}
+        invoices={invoices.invoices}
+        params={{ invoiceId: 1234 }}
+      />
+    );
+
+    expect(page.find('.TableRow').length).to.equal(2);
+  });
+});

test/data/invoices.js

@@ -1,8 +1,47 @@
+export const testItem = {
+  amount: 7.2,
+  from: '2017-09-01T04:00:00',
+  to: '2017-10-01T03:59:59',
+  label: 'Linode Managed - ln (1234)',
+  quantity: 720,
+  type: 'hourly',
+  unit_price: 0.01,
+};
+
 export const apiTestInvoice = {
   date: '2016-12-12T15:07:47',
   label: 'Invoice #1234',
   id: 1234,
   total: 10,
+  _items: {
+    data: [
+      testItem,
+      {
+      ...testItem,
+      label: 'Linode 1024 - ln (1234)',
+      },
+      {
+      ...testItem,
+      label: 'Storage Volume - sv (123)',
+      },
+      {
+      ...testItem,
+      label: 'Backup Service - Linode 1024 - ln (1234)',
+      },
+      {
+      ...testItem,
+      label: 'Nodebalancer - nb (432)',
+      },
+      {
+      ...testItem,
+      label: 'Linode 1024 - ln (1235)',
+      },
+      {
+      ...testItem,
+      label: 'Linode 1024 - ln (1236)',
+      },
+    ],
+  },
 };
 
 export const testInvoice = {