wix-style-react/dist/src/TPA/Button/Button.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 _Button = require('./Button.driver');

var _Button2 = _interopRequireDefault(_Button);

var _Button3 = require('./Button');

var _Button4 = _interopRequireDefault(_Button3);

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

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

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

var _enzyme2 = require('enzyme');

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

describe('Button', function () {
  var createDriver = (0, _driverFactory.createDriverFactory)(_Button2.default);

  it('should click a button', function () {
    var onClick = jest.fn();
    var driver = createDriver(_react2.default.createElement(_Button4.default, { onClick: onClick }));
    driver.click();
    expect(onClick).toHaveBeenCalled();
  });

  it('should not call onClick when disabled', function () {
    var onClick = jest.fn();
    var driver = createDriver(_react2.default.createElement(_Button4.default, { onClick: onClick, disabled: true }));

    driver.click();
    expect(onClick).toHaveBeenCalledTimes(0);
  });

  it('should get disabled class', function () {
    var driver = createDriver(_react2.default.createElement(_Button4.default, { disabled: true }));

    expect(driver.isButtonDisabled()).toBe(true);
  });

  it('should render children', function () {
    var children = '<div>123</div>';
    var driver = createDriver(_react2.default.createElement(
      _Button4.default,
      null,
      children
    ));

    expect(driver.getButtonTextContent()).toBe(children);
  });

  describe('testkit', function () {
    it('should exist', function () {
      var div = document.createElement('div');
      var dataHook = 'myDataHook';
      var onClick = jest.fn();
      var wrapper = div.appendChild(_testUtils2.default.renderIntoDocument(_react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(_Button4.default, { onClick: onClick, dataHook: dataHook })
      )));
      var buttonTestkit = (0, _testkit.tpaButtonTestkitFactory)({ wrapper: wrapper, dataHook: dataHook });
      expect(buttonTestkit.exists()).toBeTruthy();
    });
  });

  describe('enzyme testkit', function () {
    it('should exist', function () {
      var dataHook = 'myDataHook';
      var wrapper = (0, _enzyme2.mount)(_react2.default.createElement(_Button4.default, { dataHook: dataHook }));
      var buttonTestkit = (0, _enzyme.tpaButtonTestkitFactory)({ wrapper: wrapper, dataHook: dataHook });
      expect(buttonTestkit.exists()).toBeTruthy();
    });

    it('should have clickable properties', function () {
      var dataHook = 'myDataHook';
      var onClick = jest.fn();
      var wrapper = (0, _enzyme2.mount)(_react2.default.createElement(
        _Button4.default,
        { onClick: onClick, dataHook: dataHook },
        'fdsfds'
      ));
      var buttonTestkit = (0, _enzyme.tpaButtonTestkitFactory)({ wrapper: wrapper, dataHook: dataHook });
      buttonTestkit.click();
      expect(onClick).toHaveBeenCalled();
    });
  });
});