co-author-form.test.js

import React from 'react';
import {mount} from 'enzyme';

import CoAuthorForm from '../../lib/views/co-author-form';
import Author from '../../lib/models/author';

describe('CoAuthorForm', function() {
  let atomEnv;
  let app, wrapper, didSubmit, didCancel;

  beforeEach(function() {
    atomEnv = global.buildAtomEnvironment();

    didSubmit = sinon.stub();
    didCancel = sinon.stub();

    app = (
      <CoAuthorForm
        commands={atomEnv.commands}
        onSubmit={didSubmit}
        onCancel={didCancel}
      />
    );
  });

  afterEach(function() {
    atomEnv.destroy();
  });

  const setTextIn = function(selector, text) {
    wrapper.find(selector).simulate('change', {target: {value: text}});
  };

  describe('initial component state', function() {
    it('name prop is in name input field if supplied', function() {
      const name = 'Original Name';
      app = React.cloneElement(app, {name});
      wrapper = mount(app);
      assert.strictEqual(wrapper.find('.github-CoAuthorForm-name').prop('value'), name);
    });
  });

  describe('submit', function() {
    it('submits current co author name and email when form contains valid input', function() {
      wrapper = mount(app);
      const name = 'Coauthor Name';
      const email = 'foo@bar.com';

      setTextIn('.github-CoAuthorForm-name', name);
      setTextIn('.github-CoAuthorForm-email', email);

      wrapper.find('.btn-primary').simulate('click');

      assert.deepEqual(didSubmit.firstCall.args[0], new Author(email, name));
    });

    it('submit button is initially disabled', function() {
      wrapper = mount(app);

      const submitButton = wrapper.find('.btn-primary');
      assert.isTrue(submitButton.prop('disabled'));
      submitButton.simulate('click');
      assert.isFalse(didSubmit.called);
    });

    it('submit button is disabled when form contains invalid input', function() {
      wrapper = mount(app);
      const name = 'Coauthor Name';
      const email = 'foobar.com';

      setTextIn('.github-CoAuthorForm-name', name);
      setTextIn('.github-CoAuthorForm-email', email);

      const submitButton = wrapper.find('.btn-primary');
      assert.isTrue(submitButton.prop('disabled'));
      submitButton.simulate('click');
      assert.isFalse(didSubmit.called);
    });
  });

  describe('cancel', function() {
    it('calls cancel prop when cancel is clicked', function() {
      wrapper = mount(app);
      wrapper.find('.github-CancelButton').simulate('click');
      assert.isTrue(didCancel.called);
    });

    it('calls cancel prop when `core:cancel` is triggered', function() {
      wrapper = mount(app);
      atomEnv.commands.dispatch(wrapper.find('.github-CoAuthorForm').getDOMNode(), 'core:cancel');
      assert.isTrue(didCancel.called);
    });
  });
});