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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _IconButton = require('./IconButton');

var _IconButton2 = _interopRequireDefault(_IconButton);

var _Add = require('wix-ui-icons-common/Add');

var _Add2 = _interopRequireDefault(_Add);

var _enzyme = require('enzyme');

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

describe('IconButton', function () {
  it('should have correct displayName', function () {
    expect(_IconButton2.default.displayName).toEqual('IconButton');
  });

  describe('Icon size', function () {
    var dataHook = 'children-icon';
    var selector = '[data-hook="' + dataHook + '"]';

    it('should have size 24px', function () {
      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(
        _IconButton2.default,
        null,
        _react2.default.createElement(_Add2.default, { 'data-hook': dataHook })
      ));
      expect(wrapper.find(selector).props().size).toEqual('24px');
    });

    it('given size small should have size 18px', function () {
      var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(
        _IconButton2.default,
        { size: 'small' },
        _react2.default.createElement(_Add2.default, { 'data-hook': dataHook })
      ));
      expect(wrapper.find(selector).props().size).toEqual('18px');
    });
  });
});