GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update E2E tests

Browse Source
This commit is contained in:
Gert Hengeveld 2025-03-25 13:56:02 +01:00
parent 32fe8e8cda
commit f110e56067
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
code/e2e-tests/addon-a11y.spec.ts
View File

@ -22,7 +22,7 @@ test.describe('addon-a11y', () => {
// check that the highlight is visible // check that the highlight is visible
const imageElement = sbPage.previewIframe().getByRole('img'); const imageElement = sbPage.previewIframe().getByRole('img');
expect(await imageElement.evaluate((el) => getComputedStyle(el).outline)).toBe( expect(await imageElement.evaluate((el) => getComputedStyle(el).outline)).toBe(
'rgb(255, 68, 0) dashed 2px' 'rgba(255, 68, 0, 0.6) solid 1px'
); );
await page.getByRole('button', { name: 'Hide highlights' }).click(); await page.getByRole('button', { name: 'Hide highlights' }).click();
@ -55,13 +55,13 @@ test.describe('addon-a11y', () => {
const panel = sbPage.panelContent(); const panel = sbPage.panelContent();
await panel.getByRole('tab', { name: 'Passes' }).click(); await panel.getByRole('tab', { name: 'Passes' }).click();
await panel.getByRole('button', { name: 'ARIA hidden element must not' }).click(); await panel.getByRole('button', { name: 'ARIA hidden element must not' }).click();
await panel.getByRole('tab', { name: '2. <table aria-hidden="true"' }).click(); await panel.getByRole('tab', { name: '1. <table aria-hidden="true"' }).click();
await panel.getByRole('button', { name: 'Copy link' }).click(); await panel.getByRole('button', { name: 'Copy link' }).click();
// test that clipboard contains the correct url // test that clipboard contains the correct url
const clipboard = await page.evaluate(() => navigator.clipboard.readText()); const clipboard = await page.evaluate(() => navigator.clipboard.readText());
await expect(clipboard).toContain( await expect(clipboard).toContain(
'path=/story/addons-a11y-tests--violations&addonPanel=storybook/a11y/panel&a11ySelection=passes.aria-hidden-focus.2' 'path=/story/addons-a11y-tests--violations&addonPanel=storybook/a11y/panel&a11ySelection=passes.aria-hidden-focus.1'
); );
// navigate to that url // navigate to that url
@ -71,7 +71,7 @@ test.describe('addon-a11y', () => {
await expect( await expect(
page.getByRole('button', { name: 'ARIA hidden element must not' }) page.getByRole('button', { name: 'ARIA hidden element must not' })
).toHaveAttribute('data-active', 'true'); ).toHaveAttribute('data-active', 'true');
const element = page.getByRole('tab', { name: '2. <table aria-hidden="true"' }); const element = page.getByRole('tab', { name: '1. <table aria-hidden="true"' });
await expect(element).toHaveAttribute('data-state', 'active'); await expect(element).toHaveAttribute('data-state', 'active');
}); });
}); });