38 lines
1.1 KiB
React
38 lines
1.1 KiB
React
|
import React from 'react';
|
||
|
|
import {shallow} from 'enzyme';
|
||
|
|
import IconButton from '../../../src/components/icon-button/icon-button';
|
||
|
|
import renderer from 'react-test-renderer';
|
||
|
|
|
||
|
|
describe('IconButtonComponent', () => {
|
||
|
|
test('matches snapshot', () => {
|
||
|
|
const onClick = jest.fn();
|
||
|
|
const title = <div>Text</div>;
|
||
|
|
const imgSrc = 'imgSrc';
|
||
|
|
const className = 'custom-class-name';
|
||
|
|
const component = renderer.create(
|
||
|
|
<IconButton
|
||
|
|
className={className}
|
||
|
|
img={imgSrc}
|
||
|
|
title={title}
|
||
|
|
onClick={onClick}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
expect(component.toJSON()).toMatchSnapshot();
|
||
|
|
});
|
||
|
|
|
||
|
|
test('triggers callback when clicked', () => {
|
||
|
|
const onClick = jest.fn();
|
||
|
|
const title = <div>Text</div>;
|
||
|
|
const imgSrc = 'imgSrc';
|
||
|
|
const componentShallowWrapper = shallow(
|
||
|
|
<IconButton
|
||
|
|
img={imgSrc}
|
||
|
|
title={title}
|
||
|
|
onClick={onClick}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
componentShallowWrapper.simulate('click');
|
||
|
|
expect(onClick).toHaveBeenCalled();
|
||
|
|
});
|
||
|
|
});
|