Revision 0314efb8
Added by Maria Agaphontzev over 2 years ago
| webpack/assets/javascripts/react_app/components/PF4/Bookmarks/__tests__/Bookmarks.test.js | ||
|---|---|---|
|
import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
|
||
|
|
||
|
import React from 'react';
|
||
|
import { Provider } from 'react-redux';
|
||
|
import store from '../../../../redux';
|
||
|
import { fireEvent, screen, render, act } from '@testing-library/react';
|
||
|
import Bookmarks from '../Bookmarks';
|
||
|
import { STATUS } from '../../../../constants';
|
||
|
import history from '../../../../history';
|
||
|
import * as helpers from '../../../../common/helpers';
|
||
|
|
||
|
const helpersNewWindow = jest.fn();
|
||
|
window.open = args => {
|
||
|
helpersNewWindow(args);
|
||
|
return {};
|
||
|
};
|
||
|
const historyPush = jest.spyOn(history, 'push');
|
||
|
|
||
|
const commonFixture = {
|
||
|
controller: 'architectures',
|
||
| ... | ... | |
|
setModalClosed: jest.fn(),
|
||
|
};
|
||
|
|
||
|
const fixtures = {
|
||
|
'should render bookmarks dropdown when loading': {
|
||
|
...commonFixture,
|
||
|
},
|
||
|
'should render bookmarks dropdown when loaded': {
|
||
|
...commonFixture,
|
||
|
status: STATUS.RESOLVED,
|
||
|
bookmarks: [
|
||
|
{ name: 'my-bookmark', controller: 'architectures', query: 'name ~ 86' },
|
||
|
],
|
||
|
},
|
||
|
'should render when no bookmarks loaded': {
|
||
|
...commonFixture,
|
||
|
status: STATUS.RESOLVED,
|
||
|
},
|
||
|
'should show error': {
|
||
|
...commonFixture,
|
||
|
status: STATUS.ERROR,
|
||
|
errors: 'Random test error',
|
||
|
},
|
||
|
};
|
||
|
describe('Bookmarks', () => {
|
||
|
it('loading has all base items', async () => {
|
||
|
render(
|
||
|
<Provider store={store}>
|
||
|
<Bookmarks {...commonFixture} />
|
||
|
</Provider>
|
||
|
);
|
||
|
await act(async () => {
|
||
|
fireEvent.click(screen.getByLabelText('bookmarks dropdown toggle'));
|
||
|
});
|
||
|
expect(screen.queryAllByText('Bookmark this search')).toHaveLength(1);
|
||
|
expect(screen.queryAllByLabelText('loading bookmarks')).toHaveLength(1);
|
||
|
fireEvent.click(screen.getByText('Manage Bookmarks'));
|
||
|
expect(historyPush).toHaveBeenCalledWith({
|
||
|
pathname: '/bookmarks',
|
||
|
search: '?page=1&per_page=25&search=controller%3Darchitectures',
|
||
|
});
|
||
|
fireEvent.click(screen.getByText('Documentation'));
|
||
|
expect(helpersNewWindow).toHaveBeenCalledWith('https://test-docs.com');
|
||
|
expect(screen.queryAllByText('Documentation')).toHaveLength(1);
|
||
|
});
|
||
|
it('success load with no bookmarks has all base items', async () => {
|
||
|
render(
|
||
|
<Provider store={store}>
|
||
|
<Bookmarks {...commonFixture} status={STATUS.RESOLVED} />
|
||
|
</Provider>
|
||
|
);
|
||
|
await act(async () => {
|
||
|
fireEvent.click(screen.getByLabelText('bookmarks dropdown toggle'));
|
||
|
});
|
||
|
expect(screen.queryAllByText('Bookmark this search')).toHaveLength(1);
|
||
|
expect(screen.queryAllByLabelText('loading bookmarks')).toHaveLength(0);
|
||
|
expect(screen.queryAllByText('None found')).toHaveLength(1);
|
||
|
fireEvent.click(screen.getByText('Manage Bookmarks'));
|
||
|
expect(historyPush).toHaveBeenCalledWith({
|
||
|
pathname: '/bookmarks',
|
||
|
search: '?page=1&per_page=25&search=controller%3Darchitectures',
|
||
|
});
|
||
|
fireEvent.click(screen.getByText('Documentation'));
|
||
|
expect(helpersNewWindow).toHaveBeenCalledWith('https://test-docs.com');
|
||
|
expect(screen.queryAllByText('Documentation')).toHaveLength(1);
|
||
|
});
|
||
|
|
||
|
it('bookmark click', async () => {
|
||
|
const onBookmarkClick = jest.fn();
|
||
|
render(
|
||
|
<Provider store={store}>
|
||
|
<Bookmarks
|
||
|
{...commonFixture}
|
||
|
status={STATUS.RESOLVED}
|
||
|
bookmarks={[
|
||
|
{
|
||
|
name: 'my-bookmark',
|
||
|
controller: 'architectures',
|
||
|
query: 'name ~ 86',
|
||
|
},
|
||
|
]}
|
||
|
onBookmarkClick={onBookmarkClick}
|
||
|
/>
|
||
|
</Provider>
|
||
|
);
|
||
|
|
||
|
await act(async () => {
|
||
|
fireEvent.click(screen.getByLabelText('bookmarks dropdown toggle'));
|
||
|
});
|
||
|
expect(screen.queryAllByText('Bookmark this search')).toHaveLength(1);
|
||
|
expect(screen.queryAllByLabelText('loading bookmarks')).toHaveLength(0);
|
||
|
fireEvent.click(screen.getByText('my-bookmark'));
|
||
|
expect(onBookmarkClick).toHaveBeenCalledWith('name ~ 86');
|
||
|
});
|
||
|
|
||
|
it('show error', async () => {
|
||
|
const onBookmarkClick = jest.fn();
|
||
|
render(
|
||
|
<Provider store={store}>
|
||
|
<Bookmarks
|
||
|
{...commonFixture}
|
||
|
status={STATUS.ERROR}
|
||
|
errors="Random test error"
|
||
|
/>
|
||
|
</Provider>
|
||
|
);
|
||
|
|
||
|
describe('Bookmarks', () =>
|
||
|
testComponentSnapshotsWithFixtures(Bookmarks, fixtures));
|
||
|
await act(async () => {
|
||
|
fireEvent.click(screen.getByLabelText('bookmarks dropdown toggle'));
|
||
|
});
|
||
|
expect(screen.queryAllByText('Bookmark this search')).toHaveLength(1);
|
||
|
fireEvent.click(screen.getByText('Manage Bookmarks'));
|
||
|
expect(historyPush).toHaveBeenCalledWith({
|
||
|
pathname: '/bookmarks',
|
||
|
search: '?page=1&per_page=25&search=controller%3Darchitectures',
|
||
|
});
|
||
|
fireEvent.click(screen.getByText('Documentation'));
|
||
|
expect(helpersNewWindow).toHaveBeenCalledWith('https://test-docs.com');
|
||
|
expect(screen.queryAllByText('Documentation')).toHaveLength(1);
|
||
|
expect(screen.queryAllByLabelText('loading bookmarks')).toHaveLength(0);
|
||
|
expect(screen.queryAllByText('Failed to load bookmarks: Random test error')).toHaveLength(1);
|
||
|
});
|
||
|
});
|
||
Also available in: Unified diff
Fixes #33675 - remove snapshot testing from pf4 bookmark