diff --git a/src/elements/content-preview/stories/ContentPreview.stories.js b/src/elements/content-preview/stories/ContentPreview.stories.js index a94bd3a228..df7348ca4f 100644 --- 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 index 7dec45c897..fa5a34d8bf 100644 --- 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 index d9ccab053f..f76247ee36 100644 --- 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, + }, + }, };