;
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 },
},
};