shlink-web-client/test/common/Home.test.tsx

41 lines
1.3 KiB
TypeScript
Raw Normal View History

import { render, screen } from '@testing-library/react';
import { fromPartial } from '@total-typescript/shoehorn';
import { MemoryRouter } from 'react-router-dom';
import { Home } from '../../src/common/Home';
2023-02-18 12:40:37 +03:00
import type { ServersMap, ServerWithId } from '../../src/servers/data';
2018-08-12 09:20:35 +03:00
describe('<Home />', () => {
const setUp = (servers: ServersMap = {}) => render(
<MemoryRouter>
<Home servers={servers} />
</MemoryRouter>,
);
it('renders title', () => {
setUp();
expect(screen.getByRole('heading', { name: 'Welcome!' })).toBeInTheDocument();
2018-08-12 09:20:35 +03:00
});
2020-12-20 14:17:12 +03:00
it.each([
[
{
'1a': fromPartial<ServerWithId>({ name: 'foo', id: '1' }),
'2b': fromPartial<ServerWithId>({ name: 'bar', id: '2' }),
'3c': fromPartial<ServerWithId>({ name: 'baz', id: '3' }),
2020-12-20 14:17:12 +03:00
},
3,
2020-12-20 14:17:12 +03:00
],
[{}, 2],
])('shows link to create or set-up server only when no servers exist', (servers, expectedServers) => {
setUp(servers);
const links = screen.getAllByRole('link');
expect(links).toHaveLength(expectedServers);
if (Object.keys(servers).length === 0) {
expect(screen.getByText('This application will help you manage your Shlink servers.')).toBeInTheDocument();
expect(screen.getByText('Learn more about Shlink')).toBeInTheDocument();
}
});
2018-08-12 09:20:35 +03:00
});