payments-ui/tests/test.payment-app.jsx

import React from 'react';
import TestUtils from 'react/lib/ReactTestUtils';

import * as actionTypes from 'constants/action-types';
import * as appActions from 'actions/app';
import { createReduxStore } from 'data-store';
import ErrorMessage from 'components/error';

import * as helpers from './helpers';

import PaymentApp from 'apps/payment/app';


describe('Payment App', function() {

  var accessToken = 'some-oauth-token';
  var productId = 'mozilla-concrete-brick';
  var FakeLogin = helpers.stubComponent();
  var FakePurchase = helpers.stubComponent();
  var store;

  beforeEach(function() {
    store = createReduxStore();
  });

  function mountView() {
    var FluxContainer = helpers.getFluxContainer(store);

    var fakeWin = {
      'location': {
        'href': ('http://pay.dev/?access_token=' + accessToken +
                 '&product=' + productId),
      },
    };

    var container = TestUtils.renderIntoDocument(
      <FluxContainer>
        {function() {
          return (
            <PaymentApp
              Login={FakeLogin} Purchase={FakePurchase} win={fakeWin} />
          );
        }}
      </FluxContainer>
    );
    return TestUtils.findRenderedComponentWithType(
      container, PaymentApp
    );
  }

  it('should render an error', function() {
    var View = mountView();
    store.dispatch(appActions.error('this is some error'));
    var error = TestUtils.findRenderedComponentWithType(
      View, ErrorMessage
    );
    // Maybe expand this test later if we pass in custom properties.
    assert.ok(error);
  });

  it('should render a sign-in page', function() {
    var View = mountView();
    var login = TestUtils.findRenderedComponentWithType(
      View, FakeLogin
    );
    assert.equal(login.props.accessToken, accessToken);
  });

  it('should render a purchase page', function() {
    var user = {
      email: 'f@f.com',
      payment_methods: [],
      signedIn: true,
    };

    var View = mountView();
    store.dispatch({
      type: actionTypes.USER_SIGNED_IN,
      user: user,
    });

    var purchase = TestUtils.findRenderedComponentWithType(
      View, FakePurchase
    );
    assert.deepEqual(purchase.props.user, user);
  });

});