wix-style-react/dist/src/MultiSelect/InputWithTags.spec.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _InputWithTags = require('./InputWithTags');

var _InputWithTags2 = _interopRequireDefault(_InputWithTags);

var _unit = require('../../test/utils/unit');

var _Input = require('../Input/Input.driver');

var _Input2 = _interopRequireDefault(_Input);

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

var driverFactory = function driverFactory(_ref) {
  var element = _ref.element;

  return {
    inputDriver: function inputDriver() {
      return (0, _Input2.default)({
        element: element.querySelector('[data-hook="inputWithTags-input"]')
      });
    }
  };
};

describe('InputWithTags', function () {
  var render = (0, _unit.createRendererWithDriver)(driverFactory);

  afterEach(function () {
    (0, _unit.cleanup)();
  });

  it('should clear input value state when clear is called', function () {
    var onChange = jest.fn();
    var component = void 0;

    var _render = render(_react2.default.createElement(_InputWithTags2.default, { onChange: onChange, ref: function ref(comp) {
        return component = comp;
      } })),
        driver = _render.driver;

    driver.inputDriver().enterText('foo');

    expect(onChange).toHaveBeenCalledTimes(1);
    expect(onChange.mock.calls[0][0].target.value).toBe('foo');

    component.clear();

    expect(onChange).toHaveBeenCalledTimes(2);
    expect(onChange.mock.calls[1][0].target.value).toBe('');
  });
});