diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-dark-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-dark-chromium-linux.png new file mode 100644 index 0000000000..5f3be82141 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-dark-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-dark-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-dark-webkit-linux.png new file mode 100644 index 0000000000..90badd78ce Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-dark-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-light-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-light-chromium-linux.png new file mode 100644 index 0000000000..fabde2f664 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-light-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-light-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-light-webkit-linux.png new file mode 100644 index 0000000000..1c32322cdb Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-custom-more-button-light-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-dark-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-dark-chromium-linux.png new file mode 100644 index 0000000000..5f3be82141 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-dark-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-dark-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-dark-webkit-linux.png new file mode 100644 index 0000000000..90badd78ce Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-dark-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-light-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-light-chromium-linux.png new file mode 100644 index 0000000000..fabde2f664 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-light-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-light-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-light-webkit-linux.png new file mode 100644 index 0000000000..1c32322cdb Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-default-more-component-light-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-dark-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-dark-chromium-linux.png new file mode 100644 index 0000000000..9584de0536 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-dark-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-dark-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-dark-webkit-linux.png new file mode 100644 index 0000000000..d40c16dffc Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-dark-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-light-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-light-chromium-linux.png new file mode 100644 index 0000000000..6d1abcf1b5 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-light-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-light-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-light-webkit-linux.png new file mode 100644 index 0000000000..3ab541002c Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-edge-case-with-more-button-omit-light-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-dark-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-dark-chromium-linux.png new file mode 100644 index 0000000000..4346f27ec6 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-dark-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-dark-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-dark-webkit-linux.png new file mode 100644 index 0000000000..cef93a0a01 Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-dark-webkit-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-light-chromium-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-light-chromium-linux.png new file mode 100644 index 0000000000..5f0b07b72a Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-light-chromium-linux.png differ diff --git a/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-light-webkit-linux.png b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-light-webkit-linux.png new file mode 100644 index 0000000000..2238b45c9d Binary files /dev/null and b/src/components/AvatarStack/__snapshots__/AvatarStack.visual.test.tsx-snapshots/AvatarStack-single-avatar-light-webkit-linux.png differ diff --git a/src/components/AvatarStack/__tests__/AvatarStack.visual.test.tsx b/src/components/AvatarStack/__tests__/AvatarStack.visual.test.tsx index f26e55e583..d4be4d23e2 100644 --- a/src/components/AvatarStack/__tests__/AvatarStack.visual.test.tsx +++ b/src/components/AvatarStack/__tests__/AvatarStack.visual.test.tsx @@ -10,4 +10,24 @@ test.describe('AvatarStack', () => { await expectScreenshot(); }); + + test('default more component', async ({mount, expectScreenshot}) => { + await mount(); + + await expectScreenshot(); + }); + + test('edge case with more button omit', async ({mount, expectScreenshot}) => { + await mount(); + + await expectScreenshot(); + }); + + test('custom more button', async ({mount, expectScreenshot}) => { + const component = await mount(); + + await component.getByRole('button', {name: 'Rest of the users'}).hover(); + + await expectScreenshot(); + }); });