diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 9972327f8b..b4261a8118 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -47,6 +47,7 @@ const preview: Preview = { cropToViewport: true, delay: 500, diffThreshold: 0.1, + disableSnapshot: true, modes: { specific: { viewport: { diff --git a/src/components/time/ReadableTime.stories.tsx b/src/components/time/ReadableTime.stories.tsx index 7dee114b7f..6fa7252070 100644 --- a/src/components/time/ReadableTime.stories.tsx +++ b/src/components/time/ReadableTime.stories.tsx @@ -52,8 +52,5 @@ export default { component: ReadableTime, parameters: { notes, - chromatic: { - disableSnapshot: true, - }, }, }; diff --git a/src/elements/common/stories/__tests__/PreviewDialog-visual.stories.tsx b/src/elements/common/stories/__tests__/PreviewDialog-visual.stories.tsx index 3a352fcf4c..1a74f5dea4 100644 --- a/src/elements/common/stories/__tests__/PreviewDialog-visual.stories.tsx +++ b/src/elements/common/stories/__tests__/PreviewDialog-visual.stories.tsx @@ -86,4 +86,9 @@ export default { args: { token: global.TOKEN, }, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js b/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js index 0128f92f5e..bcc4ca3951 100644 --- a/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js +++ b/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js @@ -155,6 +155,9 @@ export default { token: global.TOKEN, }, parameters: { + chromatic: { + disableSnapshot: false, + }, msw: { handlers: defaultHandlers, }, diff --git a/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js b/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js index 32c07f3a66..853c1975bf 100644 --- a/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js +++ b/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js @@ -28,4 +28,9 @@ export const deleteDialogIsLoading = { export default { title: 'Elements/ContentExplorer/tests/DeleteConfirmationDialog/visual', component: DeleteConfirmationDialog, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx b/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx index 594b6e5476..19a73f3a24 100644 --- a/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx +++ b/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx @@ -317,6 +317,9 @@ const meta: Meta = { token: global.TOKEN, }, parameters: { + chromatic: { + disableSnapshot: false, + }, msw: { handlers: [ // Note that the Metadata API backend normally handles the sorting. The mocks below simulate the sorting for specific cases, but may not 100% accurately reflect the backend behavior. diff --git a/src/elements/content-explorer/stories/tests/RenameDialog-visual.stories.tsx b/src/elements/content-explorer/stories/tests/RenameDialog-visual.stories.tsx index d8318cbb93..39bde8001d 100644 --- a/src/elements/content-explorer/stories/tests/RenameDialog-visual.stories.tsx +++ b/src/elements/content-explorer/stories/tests/RenameDialog-visual.stories.tsx @@ -105,4 +105,9 @@ export const renameDialogNameTooLongError = { export default { title: 'Elements/ContentExplorer/tests/RenameDialog/visual', component: RenameDialog, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/elements/content-explorer/stories/tests/ShareDialog-visual.stories.tsx b/src/elements/content-explorer/stories/tests/ShareDialog-visual.stories.tsx index 91497b19f3..e6be4a28ee 100644 --- a/src/elements/content-explorer/stories/tests/ShareDialog-visual.stories.tsx +++ b/src/elements/content-explorer/stories/tests/ShareDialog-visual.stories.tsx @@ -73,4 +73,9 @@ export const shareDialogShareAccessSelect = { export default { title: 'Elements/ContentExplorer/tests/ShareDialog/visual', component: ShareDialog, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js b/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js index 798c775fbe..d6346498e6 100644 --- a/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js +++ b/src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js @@ -133,6 +133,9 @@ export default { token: global.TOKEN, }, parameters: { + chromatic: { + disableSnapshot: false, + }, msw: { handlers: [ http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/69083462919`, () => { diff --git a/src/elements/content-preview/stories/ContentPreview.stories.js b/src/elements/content-preview/stories/ContentPreview.stories.js index b1741327a7..19c0707482 100644 --- a/src/elements/content-preview/stories/ContentPreview.stories.js +++ b/src/elements/content-preview/stories/ContentPreview.stories.js @@ -70,9 +70,4 @@ export default { hasHeader: true, token: global.TOKEN, }, - parameters: { - chromatic: { - disableSnapshot: true, - }, - }, }; diff --git a/src/elements/content-preview/stories/tests/ContentPreview-e2e.stories.tsx b/src/elements/content-preview/stories/tests/ContentPreview-e2e.stories.tsx index 395a17ab85..e178ee50b1 100644 --- a/src/elements/content-preview/stories/tests/ContentPreview-e2e.stories.tsx +++ b/src/elements/content-preview/stories/tests/ContentPreview-e2e.stories.tsx @@ -62,9 +62,4 @@ export default { hasHeader: true, token: global.TOKEN, }, - parameters: { - chromatic: { - disableSnapshot: true, - }, - }, }; diff --git a/src/elements/content-preview/stories/tests/ContentPreview-metadata-visual.stories.js b/src/elements/content-preview/stories/tests/ContentPreview-metadata-visual.stories.js index 93b20a95f2..d4a118593e 100644 --- a/src/elements/content-preview/stories/tests/ContentPreview-metadata-visual.stories.js +++ b/src/elements/content-preview/stories/tests/ContentPreview-metadata-visual.stories.js @@ -169,4 +169,9 @@ export default { }, }, }, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; 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 5a47463aca..41a21e895f 100644 --- a/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js +++ b/src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js @@ -243,6 +243,7 @@ export default { }, parameters: { chromatic: { + disableSnapshot: false, ignoreSelectors: ['[class^="bp_avatar_module_avatar--"] > [class^="bp_avatar_module_text--"]'], }, msw: { diff --git a/src/elements/content-sharing/stories/ContentSharing.stories.js b/src/elements/content-sharing/stories/ContentSharing.stories.js index 7a07dc5fb4..f2782fcc83 100644 --- a/src/elements/content-sharing/stories/ContentSharing.stories.js +++ b/src/elements/content-sharing/stories/ContentSharing.stories.js @@ -42,9 +42,4 @@ export default { control: { type: 'select' }, }, }, - parameters: { - chromatic: { - disableSnapshot: true, - }, - }, }; diff --git a/src/elements/content-sharing/stories/ContentSharingV2.stories.tsx b/src/elements/content-sharing/stories/ContentSharingV2.stories.tsx index 1681a5410b..d2f86b14c3 100644 --- a/src/elements/content-sharing/stories/ContentSharingV2.stories.tsx +++ b/src/elements/content-sharing/stories/ContentSharingV2.stories.tsx @@ -25,9 +25,4 @@ export default { control: { type: 'select' }, }, }, - parameters: { - chromatic: { - disableSnapshot: true, - }, - }, }; diff --git a/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx b/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx index c19e5baf6a..621dc6c6ef 100644 --- a/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx +++ b/src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx @@ -79,4 +79,9 @@ export const withCollaborators = { export default { title: 'Elements/ContentSharingV2/tests/visual-regression-tests', component: ContentSharingV2Template, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx b/src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx index 17b627dec6..439d175f2b 100644 --- a/src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx +++ b/src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx @@ -26,7 +26,9 @@ export const basic: StoryObj = { }, }; -const meta: Meta & { parameters: { msw: { handlers: HttpHandler[] } } } = { +const meta: Meta & { + parameters: { chromatic: { disableSnapshot: boolean }; msw: { handlers: HttpHandler[] } }; +} = { title: 'Elements/ContentSidebar/BoxAISidebar/tests/visual-regression-tests', component: ContentSidebar, args: { @@ -78,6 +80,9 @@ const meta: Meta & { parameters: { msw: { handlers: HttpH }, }, parameters: { + chromatic: { + disableSnapshot: false, + }, msw: { handlers: [ http.get(mockUserRequest.url, () => { diff --git a/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx b/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx index 379d20f8c2..52484ac69a 100644 --- a/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx +++ b/src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx @@ -66,6 +66,11 @@ export default { hasVersions: true, token: global.TOKEN, }, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; // Basic diff --git a/src/elements/content-sidebar/stories/tests/MetadataSidebarRedesign-visual.stories.tsx b/src/elements/content-sidebar/stories/tests/MetadataSidebarRedesign-visual.stories.tsx index d03c0cf47f..de81d77fe2 100644 --- a/src/elements/content-sidebar/stories/tests/MetadataSidebarRedesign-visual.stories.tsx +++ b/src/elements/content-sidebar/stories/tests/MetadataSidebarRedesign-visual.stories.tsx @@ -942,7 +942,9 @@ export const EditSinglelevelTaxonomy: StoryObj = }, }; -const meta: Meta & { parameters: { msw: { handlers: HttpHandler[] } } } = { +const meta: Meta & { + parameters: { chromatic: { disableSnapshot: boolean }; msw: { handlers: HttpHandler[] } }; +} = { title: 'Elements/ContentSidebar/MetadataSidebarRedesign/tests/visual-regression-tests', component: ContentSidebar, args: { @@ -956,6 +958,9 @@ const meta: Meta & { parameters: { msw: { handlers: HttpH logger: mockLogger, }, parameters: { + chromatic: { + disableSnapshot: false, + }, msw: { handlers: defaultMockHandlers, }, diff --git a/src/elements/content-sidebar/stories/tests/TaskModalV2-visual.stories.tsx b/src/elements/content-sidebar/stories/tests/TaskModalV2-visual.stories.tsx index 5e7c3521fb..718fe72c1c 100644 --- a/src/elements/content-sidebar/stories/tests/TaskModalV2-visual.stories.tsx +++ b/src/elements/content-sidebar/stories/tests/TaskModalV2-visual.stories.tsx @@ -9,6 +9,9 @@ const meta: Meta = { title: 'Elements/ContentSidebar/TaskModalV2/tests/visual-regression-tests', component: InteractiveTaskModal, parameters: { + chromatic: { + disableSnapshot: false, + }, docs: { story: { iframeHeight: 640, inline: false } }, }, }; diff --git a/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js b/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js index 2867a86bec..36605902d6 100644 --- a/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js +++ b/src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js @@ -175,6 +175,9 @@ export default { token: global.TOKEN, }, parameters: { + chromatic: { + disableSnapshot: false, + }, msw: { handlers: [ http.options(`${DEFAULT_HOSTNAME_API}/2.0/files/content`, () => { diff --git a/src/features/content-insights/stories/tests/ContentInsightsSummary-visual.stories.tsx b/src/features/content-insights/stories/tests/ContentInsightsSummary-visual.stories.tsx index 8fb049d75f..ce9a5f3574 100644 --- a/src/features/content-insights/stories/tests/ContentInsightsSummary-visual.stories.tsx +++ b/src/features/content-insights/stories/tests/ContentInsightsSummary-visual.stories.tsx @@ -108,4 +108,9 @@ export const WithNegativeTrendRedesign = { export default { title: 'Features/ContentInsights/tests/visual-regression-tests', component: ContentInsightsSummary as React.ComponentType, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js b/src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js index 3645731dec..0d42fe6ef4 100644 --- a/src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js +++ b/src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js @@ -32,4 +32,9 @@ export { EnabledCascadePolicyOptionsFieldsOnly, DisabledCascadePolicyOptionsFiel export default { title: 'Features/Metadata Instance Editor/CascadePolicy/Visual', component: CascadePolicy, + parameters: { + chromatic: { + disableSnapshot: false, + }, + }, }; diff --git a/src/features/security-cloud-game/stories/SecurityCloudGame.stories.js b/src/features/security-cloud-game/stories/SecurityCloudGame.stories.js index fb66fa89cb..bca89a4b06 100644 --- a/src/features/security-cloud-game/stories/SecurityCloudGame.stories.js +++ b/src/features/security-cloud-game/stories/SecurityCloudGame.stories.js @@ -13,8 +13,5 @@ export default { component: SecurityCloudGame, parameters: { notes, - chromatic: { - disableSnapshot: true, - }, }, };