mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-23 09:30:31 +03:00
67 lines
2.4 KiB
TypeScript
67 lines
2.4 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { fromPartial } from '@total-typescript/shoehorn';
|
|
import { MemoryRouter } from 'react-router-dom';
|
|
import { AppFactory } from '../../src/app/App';
|
|
import { checkAccessibility } from '../__helpers__/accessibility';
|
|
|
|
describe('<App />', () => {
|
|
const App = AppFactory(
|
|
fromPartial({
|
|
MainHeader: () => <>MainHeader</>,
|
|
Home: () => <>Home</>,
|
|
ShlinkWebComponentContainer: () => <>ShlinkWebComponentContainer</>,
|
|
CreateServer: () => <>CreateServer</>,
|
|
EditServer: () => <>EditServer</>,
|
|
Settings: () => <>SettingsComp</>,
|
|
ManageServers: () => <>ManageServers</>,
|
|
ShlinkVersionsContainer: () => <>ShlinkVersions</>,
|
|
}),
|
|
);
|
|
const setUp = (activeRoute = '/') => render(
|
|
<MemoryRouter initialEntries={[{ pathname: activeRoute }]}>
|
|
<App
|
|
fetchServers={() => {}}
|
|
servers={{}}
|
|
settings={fromPartial({})}
|
|
appUpdated
|
|
resetAppUpdate={() => {}}
|
|
/>
|
|
</MemoryRouter>,
|
|
);
|
|
|
|
it('passes a11y checks', () => checkAccessibility(setUp()));
|
|
|
|
it('renders children components', () => {
|
|
setUp();
|
|
|
|
expect(screen.getByText('MainHeader')).toBeInTheDocument();
|
|
expect(screen.getByText('ShlinkVersions')).toBeInTheDocument();
|
|
expect(screen.getByText('This app has just been updated!')).toBeInTheDocument();
|
|
});
|
|
|
|
it.each([
|
|
['/settings/foo', 'SettingsComp'],
|
|
['/settings/bar', 'SettingsComp'],
|
|
['/manage-servers', 'ManageServers'],
|
|
['/server/create', 'CreateServer'],
|
|
['/server/abc123/edit', 'EditServer'],
|
|
['/server/def456/edit', 'EditServer'],
|
|
['/server/abc123/foo', 'ShlinkWebComponentContainer'],
|
|
['/server/def456/bar', 'ShlinkWebComponentContainer'],
|
|
['/other', 'Oops! We could not find requested route.'],
|
|
])('renders expected route', async (activeRoute, expectedComponent) => {
|
|
setUp(activeRoute);
|
|
expect(await screen.findByText(expectedComponent)).toBeInTheDocument();
|
|
});
|
|
|
|
it.each([
|
|
['/foo', 'shlink-wrapper'],
|
|
['/bar', 'shlink-wrapper'],
|
|
['/', 'shlink-wrapper d-flex d-md-block align-items-center'],
|
|
])('renders expected classes on shlink-wrapper based on current pathname', (pathname, expectedClasses) => {
|
|
const { container } = setUp(pathname);
|
|
const shlinkWrapper = container.querySelector('.shlink-wrapper');
|
|
|
|
expect(shlinkWrapper).toHaveAttribute('class', expectedClasses);
|
|
});
|
|
});
|