issueish-list-controller.test.js

import React from 'react';
import {shallow} from 'enzyme';
import {shell} from 'electron';

import {createPullRequestResult} from '../fixtures/factories/pull-request-result';
import Issueish from '../../lib/models/issueish';
import {BareIssueishListController} from '../../lib/controllers/issueish-list-controller';
import * as reporterProxy from '../../lib/reporter-proxy';

describe('IssueishListController', function() {

  function buildApp(overrideProps = {}) {
    return (
      <BareIssueishListController
        title="title"
        results={null}
        repository={null}

        isLoading={false}

        onOpenIssueish={() => {}}
        onOpenMore={() => {}}

        {...overrideProps}
      />
    );
  }

  it('renders an IssueishListView in a loading state', function() {
    const wrapper = shallow(buildApp({isLoading: true}));

    const view = wrapper.find('IssueishListView');
    assert.isTrue(view.prop('isLoading'));
    assert.strictEqual(view.prop('total'), 0);
    assert.lengthOf(view.prop('issueishes'), 0);
  });

  it('renders an IssueishListView in an error state', function() {
    const error = new Error("d'oh");
    error.rawStack = error.stack;
    const wrapper = shallow(buildApp({error}));

    const view = wrapper.find('IssueishListView');
    assert.strictEqual(view.prop('error'), error);
  });

  it('renders an IssueishListView with issueish results', function() {
    const mockPullRequest = createPullRequestResult({number: 1});

    const onOpenIssueish = sinon.stub();
    const onOpenMore = sinon.stub();

    const wrapper = shallow(buildApp({
      results: [mockPullRequest],
      total: 1,
      onOpenIssueish,
      onOpenMore,
    }));

    const view = wrapper.find('IssueishListView');
    assert.isFalse(view.prop('isLoading'));
    assert.strictEqual(view.prop('total'), 1);
    assert.lengthOf(view.prop('issueishes'), 1);
    assert.deepEqual(view.prop('issueishes'), [
      new Issueish(mockPullRequest),
    ]);

    const payload = Symbol('payload');
    view.prop('onIssueishClick')(payload);
    assert.isTrue(onOpenIssueish.calledWith(payload));

    view.prop('onMoreClick')(payload);
    assert.isTrue(onOpenMore.calledWith(payload));
  });

  it('applies a resultFilter to limit its results', function() {
    const wrapper = shallow(buildApp({
      resultFilter: issueish => issueish.getNumber() > 10,
      results: [0, 11, 13, 5, 12].map(number => createPullRequestResult({number})),
      total: 5,
    }));

    const view = wrapper.find('IssueishListView');
    assert.strictEqual(view.prop('total'), 5);
    assert.deepEqual(view.prop('issueishes').map(issueish => issueish.getNumber()), [11, 13, 12]);
  });

  describe('openOnGitHub', function() {
    const url = 'https://github.com/atom/github/pull/2084';

    it('calls shell.openExternal with specified url', async function() {
      const wrapper = shallow(buildApp());
      sinon.stub(shell, 'openExternal').callsFake(() => { });

      await wrapper.instance().openOnGitHub(url);
      assert.isTrue(shell.openExternal.calledWith(url));
    });

    it('fires `open-issueish-in-browser` event upon success', async function() {
      const wrapper = shallow(buildApp());
      sinon.stub(shell, 'openExternal').callsFake(() => {});
      sinon.stub(reporterProxy, 'addEvent');

      await wrapper.instance().openOnGitHub(url);
      assert.strictEqual(reporterProxy.addEvent.callCount, 1);

      await assert.isTrue(reporterProxy.addEvent.calledWith('open-issueish-in-browser', {package: 'github', component: 'BareIssueishListController'}));
    });

    it('handles error when openOnGitHub fails', async function() {
      const wrapper = shallow(buildApp());
      sinon.stub(shell, 'openExternal').throws(new Error('oh noes'));
      sinon.stub(reporterProxy, 'addEvent');

      try {
        await wrapper.instance().openOnGitHub(url);
      } catch (err) {
        assert.strictEqual(err.message, 'oh noes');
      }
      assert.strictEqual(reporterProxy.addEvent.callCount, 0);
    });
  });

});