directory-select.test.js

import React from 'react';
import {shallow} from 'enzyme';
import {TextBuffer} from 'atom';

import DirectorySelect from '../../lib/views/directory-select';
import TabGroup from '../../lib/tab-group';
import {TabbableTextEditor} from '../../lib/views/tabbable';

describe('DirectorySelect', function() {
  let atomEnv;

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

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

  function buildApp(override = {}) {
    const buffer = new TextBuffer();

    return (
      <DirectorySelect
        currentWindow={atomEnv.getCurrentWindow()}
        buffer={buffer}
        showOpenDialog={() => Promise.resolve()}
        tabGroup={new TabGroup()}
        {...override}
      />
    );
  }

  it('renders an editor for the destination path', function() {
    const buffer = new TextBuffer();
    const wrapper = shallow(buildApp({buffer}));

    assert.strictEqual(wrapper.find('.github-DirectorySelect-destinationPath').prop('buffer'), buffer);
  });

  it('disables both controls', function() {
    const wrapper = shallow(buildApp({disabled: true}));

    assert.isTrue(wrapper.find(TabbableTextEditor).prop('readOnly'));
    assert.isTrue(wrapper.find('.btn.icon-file-directory').prop('disabled'));
  });

  describe('clicking the directory button', function() {
    it('populates the destination path buffer on accept', async function() {
      const showOpenDialog = sinon.stub().returns(Promise.resolve({filePaths: ['/some/directory/path']}));
      const buffer = new TextBuffer({text: '/original'});

      const wrapper = shallow(buildApp({showOpenDialog, buffer}));

      await wrapper.find('.btn.icon-file-directory').prop('onClick')();

      assert.strictEqual(buffer.getText(), '/some/directory/path');
    });

    it('leaves the destination path buffer unmodified on cancel', async function() {
      const showOpenDialog = sinon.stub().returns(Promise.resolve({filePaths: []}));
      const buffer = new TextBuffer({text: '/original'});

      const wrapper = shallow(buildApp({showOpenDialog, buffer}));

      await wrapper.find('.btn.icon-file-directory').prop('onClick')();

      assert.strictEqual(buffer.getText(), '/original');
    });
  });
});