External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-16 02:30:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

fix RoutedTabs tests

Browse Source 
Signed-off-by: Alex Corey <alex.swansboro@gmail.com>
This commit is contained in:
Keith Grant
2019-04-17 15:45:42 -04:00
committed by Alex Corey
parent ca6153c955
commit 25db22e072
2 changed files with 76 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
__tests__/components/RoutedTabs.test.jsx
View File

@@ -1,69 +1,63 @@
import React from 'react';
import { mount } from 'enzyme';
import { mount, shallow } from 'enzyme';
import { Router } from 'react-router-dom';
import { createMemoryHistory } from 'history';
import { I18nProvider } from '@lingui/react';
import RoutedTabs from '../../src/components/Tabs/RoutedTabs';
import RoutedTabs, { _RoutedTabs } from '../../src/components/Tabs/RoutedTabs';
let wrapper;
let history;
beforeEach(() => {
history = createMemoryHistory({
initialEntries: ['/organizations/19/details'],
});
});
const tabs = [
{ name: 'Details', link: 'organizations/19/details', id: 0 },
{ name: 'Access', link: 'organizations/19/access', id: 1 },
{ name: 'Teams', link: 'organizations/19/teams', id: 2 },
{ name: 'Notification', link: 'organizations/19/notification', id: 3 }
{ name: 'Details', link: '/organizations/19/details', id: 1 },
{ name: 'Access', link: '/organizations/19/access', id: 2 },
{ name: 'Teams', link: '/organizations/19/teams', id: 3 },
{ name: 'Notification', link: '/organizations/19/notification', id: 4 }
];
describe('<RoutedTabs />', () => {
beforeEach(() => {
history = createMemoryHistory({
initialEntries: ['/organizations/19/teams'],
});
});
test('RoutedTabs renders successfully', () => {
wrapper = mount(
<I18nProvider>
<Router history={history}>
<RoutedTabs
tabsArray={tabs}
/>
</Router>
</I18nProvider>
).find('RoutedTabs');
wrapper = shallow(
<_RoutedTabs
tabsArray={tabs}
history={history}
/>
);
expect(wrapper.find('Tab')).toHaveLength(4);
});
test('Given a URL the correct tab is displayed', async (done) => {
test('Given a URL the correct tab is active', async () => {
wrapper = mount(
<I18nProvider>
<Router history={history}>
<RoutedTabs
tabsArray={tabs}
/>
</Router>
</I18nProvider>
).find('RoutedTabs');
wrapper.find('Tabs').prop('onSelect')({}, 1);
<Router history={history}>
<RoutedTabs
tabsArray={tabs}
/>
</Router>
);
expect(history.location.pathname).toEqual('/organizations/19/teams');
expect(wrapper.find('Tabs').prop('activeKey')).toBe(3);
});
test('should update history when new tab selected', async () => {
wrapper = mount(
<Router history={history}>
<RoutedTabs
tabsArray={tabs}
/>
</Router>
);
wrapper.find('Tabs').prop('onSelect')({}, 2);
wrapper.update();
expect(history.location.pathname).toEqual('/organizations/19/access');
done();
});
test('the correct tab is rendered', async () => {
wrapper = mount(
<I18nProvider>
<Router history={history}>
<RoutedTabs
tabsArray={tabs}
/>
</Router>
</I18nProvider>
).find('RoutedTabs');
const selectedTab = wrapper.find('section').get(2).props.hidden;
wrapper.find('button').at(2).simulate('click');
expect(selectedTab).toBe(false);
expect(wrapper.find('Tabs').prop('activeKey')).toBe(2);
});
});