atom-user-support-helper/spec/prompt-view-spec.js

A helper for user support features in Atom.io

'use babel';

import PromptView from '../lib/prompt-view';

describe('PromptView', () => {
  describe('when constructing', () => {
    it('generates a DOM using the parameters', () => {
      const prompt = new PromptView({
        type: 'input',
        name: 'Test',
        message: '',
        detail: document.createElement('div')
      });
      expect(prompt.getElement()).not.toBe(null)
      expect(prompt.getElement()).not.toBe(undefined)
    })
  })
  describe('.updateMenu', () => {
    it('enables skip button if isOptional is true', () => {
      const prompt = new PromptView({
        type: 'input',
        name: 'Test',
        message: '',
        detail: document.createElement('div')
      });
      prompt.updateMenu(true, false, false);
      expect(prompt.getElement().querySelector(
        '.user-support-helper .section-footer .prompt-skip'
      ).hasAttribute('disabled')).toBe(false)
    })
    it('shows finish button if finished is true', () => {
      const prompt = new PromptView({
        type: 'input',
        name: 'Test',
        message: '',
        detail: document.createElement('div')
      });
      prompt.updateMenu(false, true, false);
      expect(prompt.getElement().querySelector(
        '.user-support-helper .section-footer .prompt-finish'
      ).style["display"]).toBe('block')
      expect(prompt.getElement().querySelector(
        '.user-support-helper .section-footer .prompt-next'
      ).style["display"]).toBe('none')
    })
    it('hides back button if started is true', () => {
      const prompt = new PromptView({
        type: 'input',
        name: 'Test',
        message: '',
        detail: document.createElement('div')
      });
      prompt.updateMenu(false, false, true);
      expect(prompt.getElement().querySelector(
        '.user-support-helper .section-footer .prompt-back'
      ).style.display).toBe("none")
    })
  })
  describe('when the input is changed', () => {
    it('validates the input result', () => {
      const prompt = new PromptView({
        type: 'input',
        name: 'Test',
        message: '',
        detail: document.createElement('div'),
        validate: (result) => { return result.length > 0; }
      });

      expect(prompt.getElement().querySelector(
        '.user-support-helper .section-footer .prompt-next'
      ).hasAttribute('disabled')).toBe(true)

      // change the input
      prompt.getElement().querySelector('atom-text-editor').getModel().setText('test');

      expect(prompt.getElement().querySelector(
        '.user-support-helper .section-footer .prompt-next'
      ).hasAttribute('disabled')).toBe(false)
    })
  })
  describe('.activate', () => {
    it('returns a promise of the input value', () => {
      const prompt = new PromptView({
        type: 'input',
        name: 'Test',
        message: '',
        detail: document.createElement('div')
      });
      const p = prompt.activate()
      let isCalled = false;
      p.then((result) => {
        isCalled = true;
        expect(result.event).toBe('success');
        expect(result.value).toBe('foo');
      })

      // Click the next button
      prompt.getElement().querySelector('atom-text-editor').getModel().setText('foo');
      prompt.getElement().querySelector('.prompt-next').click();

      waitsForPromise(() => {
        return p;
      });
      runs(() => {
        expect(isCalled).toBe(true);
      });
    })
  })
});