forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-15 03:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add more accessibility tests

Browse Source
This commit is contained in:
Alejandro Celaya
2023-09-30 10:45:52 +02:00
parent 6d1d3c021a
commit 7a216a195a
29 changed files with 117 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
test/servers/ManageServersRowDropdown.test.tsx
View File

@@ -1,8 +1,10 @@
import { screen } from '@testing-library/react';
import type { UserEvent } from '@testing-library/user-event';
import { fromPartial } from '@total-typescript/shoehorn';
import { MemoryRouter } from 'react-router-dom';
import type { ServerWithId } from '../../src/servers/data';
import { ManageServersRowDropdownFactory } from '../../src/servers/ManageServersRowDropdown';
import { checkAccessibility } from '../__helpers__/accessibility';
import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<ManageServersRowDropdown />', () => {
@@ -20,12 +22,23 @@ describe('<ManageServersRowDropdown />', () => {
</MemoryRouter>,
);
};
const toggleDropdown = (user: UserEvent) => user.click(screen.getByRole('button'));
it.each([
[setUp],
[async () => {
const { user, container } = setUp();
await toggleDropdown(user);
return { container };
}],
])('passes a11y checks', (setUp) => checkAccessibility(setUp()));
it('renders expected amount of dropdown items', async () => {
const { user } = setUp();
expect(screen.queryByRole('menu')).not.toBeInTheDocument();
await user.click(screen.getByRole('button'));
await toggleDropdown(user);
expect(screen.getByRole('menu')).toBeInTheDocument();
expect(screen.getAllByRole('menuitem')).toHaveLength(4);
@@ -37,7 +50,7 @@ describe('<ManageServersRowDropdown />', () => {
const { user } = setUp();
expect(setAutoConnect).not.toHaveBeenCalled();
await user.click(screen.getByRole('button'));
await toggleDropdown(user);
await user.click(screen.getByRole('menuitem', { name: 'Auto-connect' }));
expect(setAutoConnect).toHaveBeenCalledWith(expect.objectContaining({ id: 'abc123' }), true);
});
@@ -48,7 +61,7 @@ describe('<ManageServersRowDropdown />', () => {
expect(screen.queryByText('DeleteServerModal [OPEN]')).not.toBeInTheDocument();
expect(screen.getByText('DeleteServerModal [CLOSED]')).toBeInTheDocument();
await user.click(screen.getByRole('button'));
await toggleDropdown(user);
await user.click(screen.getByRole('menuitem', { name: 'Remove server' }));
expect(screen.getByText('DeleteServerModal [OPEN]')).toBeInTheDocument();