electron-react-boilerplate/test/containers/CounterPage.spec.js

Electron application boilerplate based on React, React Router, Webpack, React Hot Loader for rapid application development

import { expect } from 'chai';
import React from 'react';
import {
  renderIntoDocument,
  scryRenderedDOMComponentsWithTag,
  findRenderedDOMComponentWithClass,
  Simulate
} from 'react-addons-test-utils';
import { Provider } from 'react-redux';
import CounterPage from '../../app/containers/CounterPage';
import configureStore from '../../app/store/configureStore';


function setup(initialState) {
  const store = configureStore(initialState);
  const app = renderIntoDocument(
    <Provider store={store}>
      <CounterPage />
    </Provider>
  );
  return {
    app,
    buttons: scryRenderedDOMComponentsWithTag(app, 'button').map(button => button),
    p: findRenderedDOMComponentWithClass(app, 'counter')
  };
}


describe('containers', () => {
  describe('App', () => {
    it('should display initial count', () => {
      const { p } = setup();
      expect(p.textContent).to.match(/^0$/);
    });

    it('should display updated count after increment button click', () => {
      const { buttons, p } = setup();
      Simulate.click(buttons[0]);
      expect(p.textContent).to.match(/^1$/);
    });

    it('should display updated count after descrement button click', () => {
      const { buttons, p } = setup();
      Simulate.click(buttons[1]);
      expect(p.textContent).to.match(/^-1$/);
    });

    it('shouldnt change if even and if odd button clicked', () => {
      const { buttons, p } = setup();
      Simulate.click(buttons[2]);
      expect(p.textContent).to.match(/^0$/);
    });

    it('should change if odd and if odd button clicked', () => {
      const { buttons, p } = setup({ counter: 1 });
      Simulate.click(buttons[2]);
      expect(p.textContent).to.match(/^2$/);
    });
  });
});