test: stories

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(<AvatarStackStories.MoreButton randomAvatar={false} />);
+
+        await expectScreenshot();
+    });
+
+    test('edge case with more button omit', async ({mount, expectScreenshot}) => {
+        await mount(<AvatarStackStories.MoreButtonOmit randomAvatar={false} />);
+
+        await expectScreenshot();
+    });
+
+    test('custom more button', async ({mount, expectScreenshot}) => {
+        const component = await mount(<AvatarStackStories.CustomMoreButton randomAvatar={false} />);
+
+        await component.getByRole('button', {name: 'Rest of the users'}).hover();
+
+        await expectScreenshot();
+    });
 });