chore(chromatic): disable flaky snapshots (#3829)

box · Jan 7, 2025 · 200420d · 200420d
1 parent 2f69783
commit 200420d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/src/elements/content-preview/stories/ContentPreview.stories.js b/src/elements/content-preview/stories/ContentPreview.stories.js
@@ -70,4 +70,9 @@ export default {
         hasHeader: true,
         token: global.TOKEN,
     },
+    parameters: {
+        chromatic: {
+            disableSnapshot: true,
+        },
+    },
 };
diff --git a/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js b/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js
@@ -119,6 +119,11 @@ export const hoverOverCitation = {
         const citation = await modal.getByRole('button', { name: 'Reference 1' });
         expect(citation).toBeInTheDocument();
         await userEvent.hover(citation);
+
+        const main = await waitFor(() => document.querySelector('.sb-main-padded.sb-show-main'));
+        await waitFor(async () => {
+            await expect(within(main).getByText('Public APIs are key drivers of innovation and growth.')).toBeVisible();
+        });
     },
 };
 
@@ -249,7 +254,7 @@ export default {
     },
     parameters: {
         chromatic: {
-            ignoreSelectors: ['[data-testid="content-answers-question-input-avatar"]'], // highly inconsistent in snapshots
+            ignoreSelectors: ['[class^="bp_avatar_module_avatar--"] > [class^="bp_avatar_module_text--"]'],
         },
         msw: {
             handlers: [

diff --git a/src/utils/createTheme.stories.js b/src/utils/createTheme.stories.js
@@ -269,5 +269,10 @@ export const ThemeExample = () => {
 export default {
     title: 'Theming/Theme',
     component: ThemeExample,
-    parameters: { notes },
+    parameters: {
+        notes,
+        chromatic: {
+            disableSnapshot: true,
+        },
+    },
 };