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

wix-style-react

import React from 'react';
import IconButton from './IconButton';
import Add from 'wix-ui-icons-common/Add';
import { shallow } from 'enzyme';

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

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

    it('should have size 24px', function () {
      var wrapper = shallow(React.createElement(
        IconButton,
        null,
        React.createElement(Add, { 'data-hook': dataHook })
      ));
      expect(wrapper.find(selector).props().size).toEqual('24px');
    });

    it('given size small should have size 18px', function () {
      var wrapper = shallow(React.createElement(
        IconButton,
        { size: 'small' },
        React.createElement(Add, { 'data-hook': dataHook })
      ));
      expect(wrapper.find(selector).props().size).toEqual('18px');
    });
  });
});