forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-10-21 13:14:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace rendering with store with react testing library by vitest-browser-react

Browse Source
This commit is contained in:
Alejandro Celaya
2026-08-16 20:55:48 +02:00
parent 7b9f084f9c
commit c5c994a603
18 changed files with 113 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
test/servers/ServersDropdown.test.tsx
View File

@@ -1,6 +1,5 @@
import { fromPartial } from '@total-typescript/shoehorn';
import { MemoryRouter } from 'react-router';
import { page } from 'vitest/browser';
import type { ServersMap } from '../../src/servers/data';
import { ServersDropdown } from '../../src/servers/ServersDropdown';
import { checkAccessibility } from '../__helpers__/accessibility';
@@ -25,15 +24,15 @@ describe('<ServersDropdown />', () => {
);
it('passes a11y checks', async () => {
const { user, ...rest } = setUp();
const { user, container, ...page } = await setUp();
// Open menu
await user.click(page.getByText('Servers'));
return checkAccessibility(rest);
return checkAccessibility({ container });
});
it('contains the list of servers and the "mange servers" button', async () => {
const { user } = setUp();
const { user, ...page } = await setUp();
await user.click(page.getByText('Servers'));
const items = page.getByRole('menuitem').elements();
@@ -47,12 +46,12 @@ describe('<ServersDropdown />', () => {
});
it('contains a toggle with proper text', async () => {
setUp();
const page = await setUp();
await expect.element(page.getByRole('button')).toHaveTextContent('Servers');
});
it('contains a button to manage servers', async () => {
const { user } = setUp();
const { user, ...page } = await setUp();
await user.click(page.getByText('Servers'));
await expect
@@ -61,7 +60,7 @@ describe('<ServersDropdown />', () => {
});
it('shows only create link when no servers exist yet', async () => {
const { user } = setUp({});
const { user, ...page } = await setUp({});
await user.click(page.getByText('Servers'));
await expect.element(page.getByRole('menuitem', { name: 'Add a server' })).toBeInTheDocument();