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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _enzyme = require('enzyme');

var _driverFactory = require('wix-ui-test-utils/driver-factory');

var _AddItem = require('./AddItem.driver');

var _AddItem2 = _interopRequireDefault(_AddItem);

var _AddItem3 = require('./AddItem');

var _AddItem4 = _interopRequireDefault(_AddItem3);

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

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

var createDriver = (0, _driverFactory.createDriverFactory)(_AddItem2.default);

describe('AddItem', function () {
  var renderAddItem = function renderAddItem() {
    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    return _react2.default.createElement(_AddItem4.default, props);
  };

  it('should have correct displayName', function () {
    var wrapper = (0, _enzyme.mount)(renderAddItem());
    expect(wrapper.name()).toEqual('WithFocusable(AddItem)');
  });

  describe('`children` prop', function () {
    var text = 'Add New Item';
    var child = _react2.default.createElement(
      'div',
      { 'data-hook': 'child' },
      'Hello'
    );
    it('should render text component when string is passed', function () {
      var driver = createDriver(renderAddItem({ children: text }));
      expect(driver.getText()).toEqual(text);
    });

    it('should render children as component', function () {
      var wrapper = (0, _enzyme.mount)(renderAddItem({ children: child }));
      expect(wrapper.find('[data-hook*="child"]').exists()).toEqual(true);
    });

    it('should not render text when children is undefined', function () {
      var driver = createDriver(renderAddItem());
      expect(driver.textExists()).toEqual(false);
    });

    it('should not render children as string when theme is `image`', function () {
      var driver = createDriver(renderAddItem({ children: text, theme: 'image' }));
      expect(driver.textExists()).toEqual(false);
    });

    it('should not render children as component when theme is `image`', function () {
      var wrapper = (0, _enzyme.mount)(renderAddItem({ children: child, theme: 'image' }));
      expect(wrapper.find('[data-hook*="child"]').exists()).toEqual(false);
    });
  });

  describe('`onClick` prop', function () {
    it('should call onClick when clicked', function () {
      var onClick = jest.fn();
      var driver = createDriver(renderAddItem({ onClick: onClick, theme: 'image' }));
      driver.click();
      expect(onClick).toHaveBeenCalled();
    });
  });

  describe('`disable` prop ', function () {
    it('should not call onClick when disabled', function () {
      var onClick = jest.fn();
      var driver = createDriver(renderAddItem({ onClick: onClick, disabled: true }));
      driver.click();
      expect(onClick).not.toHaveBeenCalled();
    });
  });

  describe('Icon svg', function () {
    it('should render', function () {
      var wrapper = (0, _enzyme.mount)(renderAddItem());
      expect(wrapper.find('[data-hook*="additem-icon"]').exists()).toEqual(true);
    });
  });

  describe('Tooltip', function () {
    var tooltipContent = 'I am ToolTip';
    it('should render tooltip with given tooltip content', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
      var driver;
      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              driver = createDriver(renderAddItem({ tooltipContent: tooltipContent }));
              _context.t0 = expect;
              _context.next = 4;
              return driver.getTooltipContent();

            case 4:
              _context.t1 = _context.sent;
              _context.t2 = tooltipContent;
              (0, _context.t0)(_context.t1).toEqual(_context.t2);

            case 7:
            case 'end':
              return _context.stop();
          }
        }
      }, _callee, undefined);
    })));

    it('should not render when disabled', function () {
      var wrapper = (0, _enzyme.mount)(renderAddItem({ tooltipContent: tooltipContent, disabled: true }));
      expect(wrapper.find('[data-hook*="additem-tooltip"]').exists()).toEqual(false);
    });
  });
});