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
+
+
+
+
>