wix-style-react/dist/src/DropdownComposite/DropdownComposite.spec.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _testUtils2 = _interopRequireDefault(_testUtils);

var _DropdownComposite = require('./DropdownComposite');

var _DropdownComposite2 = _interopRequireDefault(_DropdownComposite);

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

var _Dropdown2 = _interopRequireDefault(_Dropdown);

var _testkit = require('../../testkit');

var _enzyme = require('../../testkit/enzyme');

var _enzyme2 = require('enzyme');

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

describe('DropdownComposite', function () {
  describe('testkit', function () {
    it('should exist', function () {
      var div = document.createElement('div');
      var dataHook = 'compHook';
      var wrapper = div.appendChild(_testUtils2.default.renderIntoDocument(_react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          _DropdownComposite2.default,
          { dataHook: dataHook },
          _react2.default.createElement(_Dropdown2.default, null)
        )
      )));
      var dropdownCompositeTestkit = (0, _testkit.dropdownCompositeTestkitFactory)({
        wrapper: wrapper,
        dataHook: dataHook
      });
      expect(dropdownCompositeTestkit.exists()).toBeTruthy();
    });

    it('should show option length', function () {
      var div = document.createElement('div');
      var dataHook = 'compHook';
      var someOptions = [{ id: 0, value: 'Option 1' }, { id: 1, value: 'Option 2' }];
      var wrapper = div.appendChild(_testUtils2.default.renderIntoDocument(_react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          _DropdownComposite2.default,
          { dataHook: dataHook },
          _react2.default.createElement(_Dropdown2.default, { options: someOptions })
        )
      )));
      var dropdownCompositeTestkit = (0, _testkit.dropdownCompositeTestkitFactory)({
        wrapper: wrapper,
        dataHook: dataHook
      });
      expect(dropdownCompositeTestkit.dropdownLayoutDriver.optionsLength()).toEqual(someOptions.length);
    });

    describe('enzyme testkit', function () {
      it('should exist', function () {
        var dataHook = 'myDataHook';
        var wrapper = (0, _enzyme2.mount)(_react2.default.createElement(
          _DropdownComposite2.default,
          { dataHook: dataHook },
          _react2.default.createElement(_Dropdown2.default, null)
        ));
        var dropdownCompositeTestkit = (0, _enzyme.dropdownCompositeTestkitFactory)({
          wrapper: wrapper,
          dataHook: dataHook
        });
        expect(dropdownCompositeTestkit.exists()).toBeTruthy();
      });

      it('should show option length', function () {
        var dataHook = 'myDataHook';
        var someOptions = [{ id: 0, value: 'Option 1' }, { id: 1, value: 'Option 2' }];
        var wrapper = (0, _enzyme2.mount)(_react2.default.createElement(
          _DropdownComposite2.default,
          { dataHook: dataHook },
          _react2.default.createElement(_Dropdown2.default, { options: someOptions })
        ));
        var dropdownCompositeTestkit = (0, _enzyme.dropdownCompositeTestkitFactory)({
          wrapper: wrapper,
          dataHook: dataHook
        });
        expect(dropdownCompositeTestkit.dropdownLayoutDriver.optionsLength()).toEqual(someOptions.length);
      });
    });
  });
});