redux-devtools/packages/redux-devtools-ui/tests/Tabs.test.tsx
2021-09-18 14:00:58 +00:00

54 lines
1.2 KiB
TypeScript

import React from 'react';
import { render, mount } from 'enzyme';
import { renderToJson } from 'enzyme-to-json';
import { Tabs } from '../src';
import { tabs, simple10Tabs } from '../src/Tabs/data';
describe('Tabs', function () {
it('renders correctly', () => {
const wrapper = render(
<Tabs
tabs={tabs}
onClick={() => {
// noop
}}
/>
);
expect(renderToJson(wrapper)).toMatchSnapshot();
});
it('renders with props', () => {
const wrapper = render(
<Tabs
tabs={tabs}
onClick={() => {
// noop
}}
selected="Tab2"
/>
);
expect(renderToJson(wrapper)).toMatchSnapshot();
});
it('renders tabs without inner components', () => {
const wrapper = render(
<Tabs
tabs={simple10Tabs}
onClick={() => {
// noop
}}
selected="5"
/>
);
expect(renderToJson(wrapper)).toMatchSnapshot();
});
it('should select tab', () => {
const onClick = jest.fn();
const wrapper = mount(<Tabs tabs={tabs} onClick={onClick} />);
wrapper.find('button').first().simulate('click');
expect(onClick).toBeCalled();
});
});