diff --git a/MIGRATION.md b/MIGRATION.md index adb41e1c2f99..0805c3682b8b 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -3668,7 +3668,7 @@ export default { label: 'Click Me!', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; export const Basic = { diff --git a/code/addons/a11y/template/stories/parameters.stories.ts b/code/addons/a11y/template/stories/parameters.stories.ts index ac11fd1469dd..59a772a90ddd 100644 --- a/code/addons/a11y/template/stories/parameters.stories.ts +++ b/code/addons/a11y/template/stories/parameters.stories.ts @@ -6,7 +6,7 @@ export default { content: '', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, a11y: { test: 'error', }, diff --git a/code/addons/a11y/template/stories/tests.stories.ts b/code/addons/a11y/template/stories/tests.stories.ts index 1c92290264a4..fb1fabda9fe3 100644 --- a/code/addons/a11y/template/stories/tests.stories.ts +++ b/code/addons/a11y/template/stories/tests.stories.ts @@ -6,7 +6,7 @@ export default { content: '', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/src/blocks/examples/Button.stories.tsx b/code/addons/docs/src/blocks/examples/Button.stories.tsx index 73f59e5188da..48ab130420e3 100644 --- a/code/addons/docs/src/blocks/examples/Button.stories.tsx +++ b/code/addons/docs/src/blocks/examples/Button.stories.tsx @@ -136,7 +136,7 @@ export const ErrorStory: Story = { }, args: { label: 'Button' }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, tags: ['!test', '!vitest'], }; diff --git a/code/addons/docs/src/blocks/examples/ButtonNoAutodocs.stories.tsx b/code/addons/docs/src/blocks/examples/ButtonNoAutodocs.stories.tsx index ac771a2c43d3..f3115eb38889 100644 --- a/code/addons/docs/src/blocks/examples/ButtonNoAutodocs.stories.tsx +++ b/code/addons/docs/src/blocks/examples/ButtonNoAutodocs.stories.tsx @@ -9,7 +9,7 @@ const meta = { backgroundColor: { control: 'color' }, }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, } satisfies Meta; diff --git a/code/addons/docs/src/blocks/examples/ButtonSomeAutodocs.stories.tsx b/code/addons/docs/src/blocks/examples/ButtonSomeAutodocs.stories.tsx index 0065bf04761b..d691e2b8f91b 100644 --- a/code/addons/docs/src/blocks/examples/ButtonSomeAutodocs.stories.tsx +++ b/code/addons/docs/src/blocks/examples/ButtonSomeAutodocs.stories.tsx @@ -9,7 +9,7 @@ const meta = { backgroundColor: { control: 'color' }, }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, } satisfies Meta; diff --git a/code/addons/docs/template/stories/codePanel/index.stories.tsx b/code/addons/docs/template/stories/codePanel/index.stories.tsx index bdb368a45b96..87daa4c6ed46 100644 --- a/code/addons/docs/template/stories/codePanel/index.stories.tsx +++ b/code/addons/docs/template/stories/codePanel/index.stories.tsx @@ -2,7 +2,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, docs: { codePanel: true, }, diff --git a/code/addons/docs/template/stories/docs2/button.stories.ts b/code/addons/docs/template/stories/docs2/button.stories.ts index bb2bc66fbe33..ce289543933e 100644 --- a/code/addons/docs/template/stories/docs2/button.stories.ts +++ b/code/addons/docs/template/stories/docs2/button.stories.ts @@ -3,7 +3,7 @@ export default { tags: ['autodocs'], args: { onClick: () => console.log('clicked!') }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/template/stories/docs2/multiple-csf-files-a.stories.ts b/code/addons/docs/template/stories/docs2/multiple-csf-files-a.stories.ts index 92b132b1f17d..c1b2a4e3f9a1 100644 --- a/code/addons/docs/template/stories/docs2/multiple-csf-files-a.stories.ts +++ b/code/addons/docs/template/stories/docs2/multiple-csf-files-a.stories.ts @@ -6,7 +6,7 @@ export default { content: '

paragraph

', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/template/stories/docs2/multiple-csf-files-b.stories.ts b/code/addons/docs/template/stories/docs2/multiple-csf-files-b.stories.ts index 37af4e2658e6..f12d59f064e9 100644 --- a/code/addons/docs/template/stories/docs2/multiple-csf-files-b.stories.ts +++ b/code/addons/docs/template/stories/docs2/multiple-csf-files-b.stories.ts @@ -6,7 +6,7 @@ export default { content: '

paragraph

', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/template/stories/docs2/resolved-react.stories.ts b/code/addons/docs/template/stories/docs2/resolved-react.stories.ts index 3fddc6184373..6c017e3182e1 100644 --- a/code/addons/docs/template/stories/docs2/resolved-react.stories.ts +++ b/code/addons/docs/template/stories/docs2/resolved-react.stories.ts @@ -49,7 +49,7 @@ export default { name: 'ResolvedReact', }, // the version string changes with every release of React/Next.js/Preact, not worth snapshotting - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/template/stories/docspage/autoplay.stories.ts b/code/addons/docs/template/stories/docspage/autoplay.stories.ts index a8271c9d1745..6c69b322e90d 100644 --- a/code/addons/docs/template/stories/docspage/autoplay.stories.ts +++ b/code/addons/docs/template/stories/docspage/autoplay.stories.ts @@ -4,7 +4,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Pre, tags: ['autodocs'], args: { text: 'Play has not run' }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; // Should not autoplay diff --git a/code/addons/docs/template/stories/docspage/basic.stories.ts b/code/addons/docs/template/stories/docspage/basic.stories.ts index 940ad0055876..f6563bb6e287 100644 --- a/code/addons/docs/template/stories/docspage/basic.stories.ts +++ b/code/addons/docs/template/stories/docspage/basic.stories.ts @@ -4,7 +4,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], args: { label: 'Click Me!', onClick: fn() }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; /** A basic button */ diff --git a/code/addons/docs/template/stories/docspage/description.stories.ts b/code/addons/docs/template/stories/docspage/description.stories.ts index 8dd8bb0988a3..c896b5b42f28 100644 --- a/code/addons/docs/template/stories/docspage/description.stories.ts +++ b/code/addons/docs/template/stories/docspage/description.stories.ts @@ -11,7 +11,7 @@ export default { component: '**Component** description', }, }, - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/template/stories/docspage/error.stories.ts b/code/addons/docs/template/stories/docspage/error.stories.ts index 7114a8a65969..100b4dc5879a 100644 --- a/code/addons/docs/template/stories/docspage/error.stories.ts +++ b/code/addons/docs/template/stories/docspage/error.stories.ts @@ -3,7 +3,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs', '!test', '!vitest'], args: { label: 'Click Me!' }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; /** A story that throws */ diff --git a/code/addons/docs/template/stories/docspage/extract-description.stories.ts b/code/addons/docs/template/stories/docspage/extract-description.stories.ts index 8db2dcdabeda..aa6f730cd979 100644 --- a/code/addons/docs/template/stories/docspage/extract-description.stories.ts +++ b/code/addons/docs/template/stories/docspage/extract-description.stories.ts @@ -9,7 +9,7 @@ export default { // for documentation purposes only. extractComponentDescription: () => 'component description', }, - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/docs/template/stories/docspage/iframe.stories.ts b/code/addons/docs/template/stories/docspage/iframe.stories.ts index 685668a4d660..fbeb26981644 100644 --- a/code/addons/docs/template/stories/docspage/iframe.stories.ts +++ b/code/addons/docs/template/stories/docspage/iframe.stories.ts @@ -3,7 +3,7 @@ export default { tags: ['autodocs'], args: { label: 'Rendered in iframe' }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, docs: { story: { iframeHeight: '120px', diff --git a/code/addons/docs/template/stories/docspage/overflow.stories.ts b/code/addons/docs/template/stories/docspage/overflow.stories.ts index 6a02c43b5702..12a25dd127b7 100644 --- a/code/addons/docs/template/stories/docspage/overflow.stories.ts +++ b/code/addons/docs/template/stories/docspage/overflow.stories.ts @@ -5,7 +5,7 @@ export default { text: 'Demonstrates overflow', style: { width: 2000, height: 500, background: 'hotpink' }, }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const Basic = {}; diff --git a/code/addons/docs/template/stories/docspage/override.stories.ts b/code/addons/docs/template/stories/docspage/override.stories.ts index dc8e926b0b47..439201374003 100644 --- a/code/addons/docs/template/stories/docspage/override.stories.ts +++ b/code/addons/docs/template/stories/docspage/override.stories.ts @@ -16,7 +16,7 @@ export default { tags: ['autodocs'], args: { label: 'Click Me!' }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, docs: { page: Override }, }, }; diff --git a/code/addons/docs/template/stories/docspage/source.stories.ts b/code/addons/docs/template/stories/docspage/source.stories.ts index 940b44454f23..172072421a84 100644 --- a/code/addons/docs/template/stories/docspage/source.stories.ts +++ b/code/addons/docs/template/stories/docspage/source.stories.ts @@ -6,7 +6,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], args: { label: 'Click Me!' }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const Auto = {}; diff --git a/code/addons/docs/template/stories/toc/basic.stories.ts b/code/addons/docs/template/stories/toc/basic.stories.ts index 4f9ef34272f6..80c8aaed3dff 100644 --- a/code/addons/docs/template/stories/toc/basic.stories.ts +++ b/code/addons/docs/template/stories/toc/basic.stories.ts @@ -2,7 +2,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, docs: { toc: {} }, }, }; diff --git a/code/addons/docs/template/stories/toc/custom-selector.stories.ts b/code/addons/docs/template/stories/toc/custom-selector.stories.ts index 530844a22398..ce87e4ea719b 100644 --- a/code/addons/docs/template/stories/toc/custom-selector.stories.ts +++ b/code/addons/docs/template/stories/toc/custom-selector.stories.ts @@ -2,7 +2,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, // Select all the headings in the document docs: { toc: { headingSelector: 'h1, h2, h3' } }, }, diff --git a/code/addons/docs/template/stories/toc/custom-title.stories.ts b/code/addons/docs/template/stories/toc/custom-title.stories.ts index 49b7784c8f0f..3255255bd079 100644 --- a/code/addons/docs/template/stories/toc/custom-title.stories.ts +++ b/code/addons/docs/template/stories/toc/custom-title.stories.ts @@ -2,7 +2,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, // Custom title label docs: { toc: { title: 'Contents' } }, }, diff --git a/code/addons/docs/template/stories/toc/ignore-selector.stories.ts b/code/addons/docs/template/stories/toc/ignore-selector.stories.ts index 300daf2c0f97..ad922de36529 100644 --- a/code/addons/docs/template/stories/toc/ignore-selector.stories.ts +++ b/code/addons/docs/template/stories/toc/ignore-selector.stories.ts @@ -2,7 +2,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Button, tags: ['autodocs'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, // Skip the first story in the TOC docs: { toc: { ignoreSelector: '#one' } }, }, diff --git a/code/addons/links/template/stories/decorator.stories.ts b/code/addons/links/template/stories/decorator.stories.ts index 74f40bda6936..7a5ced861412 100644 --- a/code/addons/links/template/stories/decorator.stories.ts +++ b/code/addons/links/template/stories/decorator.stories.ts @@ -5,7 +5,7 @@ import { withLinks } from '@storybook/addon-links'; export default { component: globalThis.__TEMPLATE_COMPONENTS__.Html, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, decorators: [withLinks], }; @@ -19,7 +19,7 @@ export const Target = { `, }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/links/template/stories/hrefto.stories.ts b/code/addons/links/template/stories/hrefto.stories.ts index 2371daafd040..5bed666702c4 100644 --- a/code/addons/links/template/stories/hrefto.stories.ts +++ b/code/addons/links/template/stories/hrefto.stories.ts @@ -4,7 +4,7 @@ export default { component: globalThis.__TEMPLATE_COMPONENTS__.Html, title: 'hrefTo', parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, args: { content: '
Waiting for hrefTo to resolve...
', diff --git a/code/addons/links/template/stories/linkto.stories.ts b/code/addons/links/template/stories/linkto.stories.ts index 6bf541639af4..0208c7d06aca 100644 --- a/code/addons/links/template/stories/linkto.stories.ts +++ b/code/addons/links/template/stories/linkto.stories.ts @@ -9,7 +9,7 @@ export default { label: 'Click Me!', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; @@ -18,7 +18,7 @@ export const Target = { label: 'This is just a story to target with the links', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/addons/themes/template/stories/decorators.stories.ts b/code/addons/themes/template/stories/decorators.stories.ts index 5399acf1ecd7..dd1ea82127ba 100644 --- a/code/addons/themes/template/stories/decorators.stories.ts +++ b/code/addons/themes/template/stories/decorators.stories.ts @@ -49,7 +49,7 @@ export default { sb_theme: 'light', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, themes: { disable: false }, }, decorators: [addStyleSheetDecorator], diff --git a/code/addons/themes/template/stories/globals.stories.ts b/code/addons/themes/template/stories/globals.stories.ts index 6f4577b68b1a..93aaa39becae 100644 --- a/code/addons/themes/template/stories/globals.stories.ts +++ b/code/addons/themes/template/stories/globals.stories.ts @@ -42,7 +42,7 @@ export default { text: 'Testing the themes', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, themes: { disable: false }, }, globals: { diff --git a/code/addons/themes/template/stories/parameters.stories.ts b/code/addons/themes/template/stories/parameters.stories.ts index eee779be2ed4..0e9a5f49ee12 100644 --- a/code/addons/themes/template/stories/parameters.stories.ts +++ b/code/addons/themes/template/stories/parameters.stories.ts @@ -45,7 +45,7 @@ export default { sb_theme: 'light', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, themes: { disable: false }, }, decorators: [addStyleSheetDecorator], diff --git a/code/addons/vitest/template/stories/unhandled-errors.stories.ts b/code/addons/vitest/template/stories/unhandled-errors.stories.ts index 01103f88847c..48a554feaaff 100644 --- a/code/addons/vitest/template/stories/unhandled-errors.stories.ts +++ b/code/addons/vitest/template/stories/unhandled-errors.stories.ts @@ -13,7 +13,7 @@ export default { }, parameters: { actions: { argTypesRegex: '^on[A-Z].*' }, - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, tags: ['!test', '!vitest'], }; diff --git a/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx b/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx index 804af1d9bbc4..e8943f1dcd9b 100644 --- a/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx +++ b/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx @@ -114,7 +114,7 @@ export const Default: Story = { }; export const Dark: Story = { globals: { sb_theme: 'dark' }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const LongStoryName: Story = { diff --git a/code/core/src/manager/components/preview/Iframe.stories.tsx b/code/core/src/manager/components/preview/Iframe.stories.tsx index 84367478c4ec..2390ca501774 100644 --- a/code/core/src/manager/components/preview/Iframe.stories.tsx +++ b/code/core/src/manager/components/preview/Iframe.stories.tsx @@ -42,7 +42,7 @@ export const WorkingStory = () => ( /> ); WorkingStory.parameters = { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }; export const WorkingDocs = () => ( @@ -57,7 +57,7 @@ export const WorkingDocs = () => ( /> ); WorkingStory.parameters = { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }; export const MissingStory = { @@ -90,7 +90,7 @@ export const PreparingStory = () => ( /> ); PreparingStory.parameters = { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }; export const PreparingDocs = () => ( @@ -105,5 +105,5 @@ export const PreparingDocs = () => ( /> ); PreparingDocs.parameters = { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }; diff --git a/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx b/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx index ab447ff38d45..ddaa85831d71 100644 --- a/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx +++ b/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx @@ -137,7 +137,7 @@ export const DynamicHeight: Story = { // do not test in chromatic parameters: { chromatic: { - disable: true, + disableSnapshot: true, }, }, args: { diff --git a/code/core/template/stories/argtype.stories.ts b/code/core/template/stories/argtype.stories.ts index e642636e7e85..f977d59b5273 100644 --- a/code/core/template/stories/argtype.stories.ts +++ b/code/core/template/stories/argtype.stories.ts @@ -9,7 +9,7 @@ export default { onClick: {}, }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, actions: { argTypesRegex: '^on.*' }, }, }; diff --git a/code/core/template/stories/backgrounds/globals.stories.ts b/code/core/template/stories/backgrounds/globals.stories.ts index 68410d6079fe..0a1ee96dad13 100644 --- a/code/core/template/stories/backgrounds/globals.stories.ts +++ b/code/core/template/stories/backgrounds/globals.stories.ts @@ -6,7 +6,7 @@ export default { text: 'Testing the background', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, backgrounds: { options: { red: { name: 'light', value: 'red' }, diff --git a/code/core/template/stories/basics.stories.ts b/code/core/template/stories/basics.stories.ts index 024fb449ee45..354bacc466c9 100644 --- a/code/core/template/stories/basics.stories.ts +++ b/code/core/template/stories/basics.stories.ts @@ -8,7 +8,7 @@ export default { label: 'Click Me!', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/core/template/stories/before-each.stories.ts b/code/core/template/stories/before-each.stories.ts index 485be7ec8b96..4dc557af3c87 100644 --- a/code/core/template/stories/before-each.stories.ts +++ b/code/core/template/stories/before-each.stories.ts @@ -9,7 +9,7 @@ const meta = { export default meta; export const before_each_and_loaders_can_extend_context = { - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, loaders(context) { context.foo = ['bar']; }, @@ -22,14 +22,14 @@ export const before_each_and_loaders_can_extend_context = { }; export const context_prop_is_available = { - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, async play({ context, canvasElement }) { await expect(context.canvasElement).toEqual(canvasElement); }, }; export const step_and_canvas_element_can_be_used_in_loaders_and_before_each = { - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, loaders({ step, canvasElement }) { step('loaders', async () => { await expect(canvasElement).toBeInTheDocument(); diff --git a/code/core/template/stories/component-test.unhandled-errors.stories.ts b/code/core/template/stories/component-test.unhandled-errors.stories.ts index 01103f88847c..48a554feaaff 100644 --- a/code/core/template/stories/component-test.unhandled-errors.stories.ts +++ b/code/core/template/stories/component-test.unhandled-errors.stories.ts @@ -13,7 +13,7 @@ export default { }, parameters: { actions: { argTypesRegex: '^on[A-Z].*' }, - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, tags: ['!test', '!vitest'], }; diff --git a/code/core/template/stories/configs.stories.ts b/code/core/template/stories/configs.stories.ts index fb3e33b3903b..33742a79a0d8 100644 --- a/code/core/template/stories/configs.stories.ts +++ b/code/core/template/stories/configs.stories.ts @@ -10,7 +10,7 @@ export default { label: 'Click Me!', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/core/template/stories/controls/sorting.stories.ts b/code/core/template/stories/controls/sorting.stories.ts index 7faf74c12e7b..5da2290d99fa 100644 --- a/code/core/template/stories/controls/sorting.stories.ts +++ b/code/core/template/stories/controls/sorting.stories.ts @@ -24,7 +24,7 @@ export default { b: 'b', c: 'c', }, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const None = { parameters: { controls: { sort: 'none' } } }; diff --git a/code/core/template/stories/destructuring-not-transpiled.stories.ts b/code/core/template/stories/destructuring-not-transpiled.stories.ts index 440a2a26398b..bcfa2b0bc2d9 100644 --- a/code/core/template/stories/destructuring-not-transpiled.stories.ts +++ b/code/core/template/stories/destructuring-not-transpiled.stories.ts @@ -10,7 +10,7 @@ export default { // We must not transpile destructuring, to make sure that we can analyze the context properties that are used in play. // See: https://github.com/storybookjs/storybook/discussions/27389 export const DestructureNotTranspiled = { - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, async play() { async function fn({ destructured }: { destructured: unknown }) { console.log(destructured); diff --git a/code/core/template/stories/loader-enhancements.stories.ts b/code/core/template/stories/loader-enhancements.stories.ts index 638166713de9..619ecf4e56de 100644 --- a/code/core/template/stories/loader-enhancements.stories.ts +++ b/code/core/template/stories/loader-enhancements.stories.ts @@ -3,7 +3,7 @@ import { expect, within } from 'storybook/test'; const meta = { component: globalThis.__TEMPLATE_COMPONENTS__.Button, - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, args: { label: 'Button' }, }; diff --git a/code/core/template/stories/moduleMocking.stories.ts b/code/core/template/stories/moduleMocking.stories.ts index bbbe09d6b5ad..4fdb186a3165 100644 --- a/code/core/template/stories/moduleMocking.stories.ts +++ b/code/core/template/stories/moduleMocking.stories.ts @@ -13,7 +13,7 @@ export default { }, parameters: { chromatic: { - disable: true, + disableSnapshot: true, }, }, beforeEach: () => { diff --git a/code/core/template/stories/mount-in-play.stories.ts b/code/core/template/stories/mount-in-play.stories.ts index 5906b34ea6a9..5a3564175ee8 100644 --- a/code/core/template/stories/mount-in-play.stories.ts +++ b/code/core/template/stories/mount-in-play.stories.ts @@ -5,7 +5,7 @@ const meta = { component: globalThis.__TEMPLATE_COMPONENTS__.Button }; export default meta; export const MountShouldBeDestructured = { - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, args: { label: 'Button', onClick: fn(), diff --git a/code/core/template/stories/parameters-actions.stories.ts b/code/core/template/stories/parameters-actions.stories.ts index 94052223bb20..80be42c13e6f 100644 --- a/code/core/template/stories/parameters-actions.stories.ts +++ b/code/core/template/stories/parameters-actions.stories.ts @@ -8,7 +8,7 @@ export default { label: 'Click Me!', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/core/template/stories/rendering.stories.ts b/code/core/template/stories/rendering.stories.ts index b3e584bf62b2..8d98901d6396 100644 --- a/code/core/template/stories/rendering.stories.ts +++ b/code/core/template/stories/rendering.stories.ts @@ -54,7 +54,7 @@ let loadedLabel = 'Initial'; */ export const SlowLoader = { parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, loaders: [ async () => { diff --git a/code/core/template/stories/spies.stories.ts b/code/core/template/stories/spies.stories.ts index e74f89c95c7c..002898408ca2 100644 --- a/code/core/template/stories/spies.stories.ts +++ b/code/core/template/stories/spies.stories.ts @@ -14,7 +14,7 @@ export default meta; export const ShowSpyOnInActions = { parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, beforeEach() { console.log('second'); diff --git a/code/core/template/stories/tags-add.stories.ts b/code/core/template/stories/tags-add.stories.ts index f7cd5118a436..8f330a5eca0e 100644 --- a/code/core/template/stories/tags-add.stories.ts +++ b/code/core/template/stories/tags-add.stories.ts @@ -14,7 +14,7 @@ export default { }); }, ], - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const Inheritance = { @@ -25,7 +25,7 @@ export const Inheritance = { tags: ['story-one'], }); }, - parameters: { chromatic: { disable: false } }, + parameters: { chromatic: { disableSnapshot: false } }, }; export const Dev = { diff --git a/code/core/template/stories/tags-config.stories.ts b/code/core/template/stories/tags-config.stories.ts index 546edb2bdfff..73241353cb7f 100644 --- a/code/core/template/stories/tags-config.stories.ts +++ b/code/core/template/stories/tags-config.stories.ts @@ -14,7 +14,7 @@ export default { }); }, ], - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const Inheritance = { @@ -25,7 +25,7 @@ export const Inheritance = { tags: ['dev', 'test', 'component-one', 'component-two', 'autodocs', 'story-one'], }); }, - parameters: { chromatic: { disable: false } }, + parameters: { chromatic: { disableSnapshot: false } }, }; export const DocsOnly = { diff --git a/code/core/template/stories/tags-remove.stories.ts b/code/core/template/stories/tags-remove.stories.ts index 166236a39a3c..10b95a2932d7 100644 --- a/code/core/template/stories/tags-remove.stories.ts +++ b/code/core/template/stories/tags-remove.stories.ts @@ -14,7 +14,7 @@ export default { }); }, ], - parameters: { chromatic: { disable: true } }, + parameters: { chromatic: { disableSnapshot: true } }, }; export const Inheritance = { @@ -25,7 +25,7 @@ export const Inheritance = { tags: ['dev', 'test', 'component-one', 'autodocs', 'story-one'], }); }, - parameters: { chromatic: { disable: false } }, + parameters: { chromatic: { disableSnapshot: false } }, }; export const NoDev = { diff --git a/code/core/template/stories/viewport/globals.stories.ts b/code/core/template/stories/viewport/globals.stories.ts index de65d41ac89f..e0c23072fa15 100644 --- a/code/core/template/stories/viewport/globals.stories.ts +++ b/code/core/template/stories/viewport/globals.stories.ts @@ -10,7 +10,7 @@ export default { text: 'Testing the viewport', }, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts index b6a764d0c553..a678962eaa0c 100644 --- a/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts @@ -34,7 +34,7 @@ const meta: Meta = { component: OnDestroyComponent, parameters: { // disabled due to new Date() - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, } as Meta; diff --git a/code/frameworks/nextjs-vite/template/stories/RSC.stories.tsx b/code/frameworks/nextjs-vite/template/stories/RSC.stories.tsx index 74b5580e9636..1f708f351e28 100644 --- a/code/frameworks/nextjs-vite/template/stories/RSC.stories.tsx +++ b/code/frameworks/nextjs-vite/template/stories/RSC.stories.tsx @@ -22,7 +22,7 @@ export const Default: Story = {}; export const DisableRSC: Story = { tags: ['!test'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, nextjs: { rsc: false }, }, }; @@ -30,7 +30,7 @@ export const DisableRSC: Story = { export const Errored: Story = { tags: ['!test', '!vitest'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, render: () => { throw new Error('RSC Error'); diff --git a/code/frameworks/nextjs/template/stories/RSC.stories.tsx b/code/frameworks/nextjs/template/stories/RSC.stories.tsx index f8ba1dc120a1..777eccbcfb7a 100644 --- a/code/frameworks/nextjs/template/stories/RSC.stories.tsx +++ b/code/frameworks/nextjs/template/stories/RSC.stories.tsx @@ -22,7 +22,7 @@ export const Default: Story = {}; export const DisableRSC: Story = { tags: ['!test'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, nextjs: { rsc: false }, }, }; @@ -30,7 +30,7 @@ export const DisableRSC: Story = { export const Errored: Story = { tags: ['!test', '!vitest'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, render: () => { throw new Error('RSC Error'); diff --git a/code/renderers/react/template/stories/csf1.stories.tsx b/code/renderers/react/template/stories/csf1.stories.tsx index 63a53672b396..eff0dfceb66b 100644 --- a/code/renderers/react/template/stories/csf1.stories.tsx +++ b/code/renderers/react/template/stories/csf1.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; export default { component: {}, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/renderers/react/template/stories/csf2.stories.tsx b/code/renderers/react/template/stories/csf2.stories.tsx index 6b78e54e36e2..f2b7ff0d63bb 100644 --- a/code/renderers/react/template/stories/csf2.stories.tsx +++ b/code/renderers/react/template/stories/csf2.stories.tsx @@ -3,7 +3,7 @@ import React from 'react'; export default { component: {}, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, }; diff --git a/code/renderers/react/template/stories/errors.stories.tsx b/code/renderers/react/template/stories/errors.stories.tsx index 2c83be0cfeb9..a6e13f04d6e6 100644 --- a/code/renderers/react/template/stories/errors.stories.tsx +++ b/code/renderers/react/template/stories/errors.stories.tsx @@ -6,7 +6,7 @@ const BadComponent = () => badOutput; export default { component: BadComponent, parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, tags: ['!test', '!vitest'], }; diff --git a/code/renderers/react/template/stories/teardown.stories.tsx b/code/renderers/react/template/stories/teardown.stories.tsx index 0e5745d701c1..d6fcb91aee8e 100644 --- a/code/renderers/react/template/stories/teardown.stories.tsx +++ b/code/renderers/react/template/stories/teardown.stories.tsx @@ -15,7 +15,7 @@ export default { component: LoggingComponent, tags: ['autodocs'], parameters: { - chromatic: { disable: true }, + chromatic: { disableSnapshot: true }, }, };