diff --git a/e2e/components/ActionList.test.ts b/e2e/components/ActionList.test.ts index 1d7dd8754d9..3679845b095 100644 --- a/e2e/components/ActionList.test.ts +++ b/e2e/components/ActionList.test.ts @@ -478,4 +478,39 @@ test.describe('ActionList', () => { }) } }) + + test.describe('All combinations', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-actionlist-examples--all-combinations', + globals: { + colorScheme: theme, + }, + }) + + // Resize to fit long page + await page.setViewportSize({width: 1000, height: 1000}) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`ActionList.All combinations.${theme}.png`) + + // Hover state + await page.getByRole('listitem', {name: 'Danger inline description'}).hover() + expect(await page.screenshot()).toMatchSnapshot(`ActionList.All combinations.${theme}.hover.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: 'components-actionlist-features--all-combinations', + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations() + }) + }) + } + }) }) diff --git a/src/ActionList/ActionList.examples.stories.tsx b/src/ActionList/ActionList.examples.stories.tsx index ef5c79a08aa..d43d1b2fc4c 100644 --- a/src/ActionList/ActionList.examples.stories.tsx +++ b/src/ActionList/ActionList.examples.stories.tsx @@ -440,6 +440,17 @@ export function AllCombinations(): JSX.Element { + + + + + Danger + inline description + Block description + + + +