LargeIconButton.spec.jsx

import React from 'react';
import { shallow, mount } from 'enzyme';
import ButtonIconLarge from './ButtonIconLarge';

describe('ButtonIconLarge', () => {
  it('renders', () => {
    const wrapper = shallow(<ButtonIconLarge />);
    expect(wrapper.find('.ButtonIconLarge').length).toBeTruthy();
  });

  it('renders icon', () => {
    const wrapper = mount(<ButtonIconLarge icon="TEST" title="TEST" />);
    expect(wrapper.find('img').props().src).toBe('TEST');
    expect(
      wrapper
        .find('AbstractButton')
        .at(0)
        .text()
        .includes('TEST')
    ).toBeTruthy();
  });

  it('accepts classes passed in', () => {
    const wrapper = shallow(
      <ButtonIconLarge className="test" isActive isDisabled />
    ).render();
    expect(wrapper.hasClass('test')).toBe(true);
    expect(wrapper.hasClass('btn--active')).toBe(false);
    expect(wrapper.hasClass('btn--disabled')).toBe(true);
  });

  it('onclick focuses and fires prop', () => {
    const clickFunc = jest.fn();
    const wrapper = mount(<ButtonIconLarge onClick={clickFunc} />);
    wrapper.simulate('click');
    expect(clickFunc).toHaveBeenCalled();
  });
});