@ftrack/react-toolbox/lib/dropdown/__test__/index.spec.js

A set of React components implementing Google's Material Design specification with the power of CSS Modules.

'use strict';

var _expect = require('expect');

var _expect2 = _interopRequireDefault(_expect);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _testUtils = require('react-dom/test-utils');

var _sinon = require('sinon');

var _sinon2 = _interopRequireDefault(_sinon);

var _theme = require('../theme.scss');

var _theme2 = _interopRequireDefault(_theme);

var _Dropdown = require('../Dropdown');

var _Dropdown2 = _interopRequireDefault(_Dropdown);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

describe('Dropdown', function () {
  describe('#renderValue', function () {
    var source = [{ value: 'EN-gb', label: 'England' }, { value: 'ES-es', label: 'Spain', disabled: true }, { value: 'TH-th', label: 'Thailand', disabled: true }, { value: 'EN-en', label: 'USA' }];
    it('renders dropdown item with disabled style', function () {
      var tree = (0, _testUtils.renderIntoDocument)(_react2.default.createElement(_Dropdown2.default, { theme: _theme2.default, source: source }));
      var disabled = (0, _testUtils.scryRenderedDOMComponentsWithClass)(tree, _theme2.default.disabled);
      (0, _expect2.default)(disabled.length).toEqual(2);
    });
    it('does not call onChange callback when disabled dorpdown item is clicked', function () {
      var spy = _sinon2.default.spy();
      var tree = (0, _testUtils.renderIntoDocument)(_react2.default.createElement(_Dropdown2.default, {
        theme: _theme2.default,
        source: source,
        value: source[0].value,
        onChange: spy
      }));
      var disabled = (0, _testUtils.scryRenderedDOMComponentsWithClass)(tree, _theme2.default.disabled);
      (0, _expect2.default)(spy.called).toEqual(false);
      _testUtils.Simulate.click(disabled[0]);
      (0, _expect2.default)(spy.called).toEqual(false);
      var selected = (0, _testUtils.scryRenderedDOMComponentsWithClass)(tree, _theme2.default.selected);
      _testUtils.Simulate.click(selected[0]);
      (0, _expect2.default)(spy.called).toEqual(true);
    });
  });
});