diff --git a/.storybook/test-runner.ts b/.storybook/test-runner.ts index db0b25d5..4f293d8a 100644 --- a/.storybook/test-runner.ts +++ b/.storybook/test-runner.ts @@ -35,7 +35,10 @@ const executeA11y = async (page, context) => { } const executeVisualTest = async (page, context) => { - const image = await page.locator('#storybook-root').screenshot(); + const storyContext = await getStoryContext(page, context); + const screenshotSelector = storyContext.parameters?.visualTest?.selector ?? '#storybook-root'; + + const image = await page.locator(screenshotSelector).screenshot(); expect(image).toMatchImageSnapshot({ customSnapshotsDir, customSnapshotIdentifier: `${context.id}-${page.context().browser().browserType().name()}`, diff --git a/__snapshots__/menu--menu-account-chromium.png b/__snapshots__/menu--menu-account-chromium.png index 46b83db8..699108c4 100644 Binary files a/__snapshots__/menu--menu-account-chromium.png and b/__snapshots__/menu--menu-account-chromium.png differ diff --git a/__snapshots__/menu--menu-account-firefox.png b/__snapshots__/menu--menu-account-firefox.png index ba3137d1..1fc496bc 100644 Binary files a/__snapshots__/menu--menu-account-firefox.png and b/__snapshots__/menu--menu-account-firefox.png differ diff --git a/__snapshots__/menu--menu-account-list-chromium.png b/__snapshots__/menu--menu-account-list-chromium.png index 7b063994..f640eac2 100644 Binary files a/__snapshots__/menu--menu-account-list-chromium.png and b/__snapshots__/menu--menu-account-list-chromium.png differ diff --git a/__snapshots__/menu--menu-account-list-firefox.png b/__snapshots__/menu--menu-account-list-firefox.png index 4d9cc944..23d6ec8e 100644 Binary files a/__snapshots__/menu--menu-account-list-firefox.png and b/__snapshots__/menu--menu-account-list-firefox.png differ diff --git a/__snapshots__/menu--menu-account-list-webkit.png b/__snapshots__/menu--menu-account-list-webkit.png index 16492608..07ae08da 100644 Binary files a/__snapshots__/menu--menu-account-list-webkit.png and b/__snapshots__/menu--menu-account-list-webkit.png differ diff --git a/__snapshots__/menu--menu-account-webkit.png b/__snapshots__/menu--menu-account-webkit.png index 01e15241..fa7fa904 100644 Binary files a/__snapshots__/menu--menu-account-webkit.png and b/__snapshots__/menu--menu-account-webkit.png differ diff --git a/src/components/menu/Menu.stories.tsx b/src/components/menu/Menu.stories.tsx index f01a6f9a..389ebb14 100644 --- a/src/components/menu/Menu.stories.tsx +++ b/src/components/menu/Menu.stories.tsx @@ -14,6 +14,11 @@ const meta: Meta = { options: ['left start', 'left end', 'bottom start', 'bottom end', 'top start', 'top end', 'right start', 'right end'], control: {type: 'radio'}, } + }, + parameters: { + visualTest: { + selector: 'body' + } } }