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

wix-style-react

var _this = this;

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"); }); }; }

import React from 'react';
import { mount } from 'enzyme';

import { createDriverFactory } from 'wix-ui-test-utils/driver-factory';
import addItemDriverFactory from './AddItem.driver';

var createDriver = createDriverFactory(addItemDriverFactory);

import AddItem from './AddItem';

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

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

  describe('`children` prop', function () {
    var text = 'Add New Item';
    var child = React.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 = 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 = 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 = 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, _this);
    })));

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