diff --git a/packages/twenty-ui-deprecated/.storybook/vitest.setup.ts b/packages/twenty-ui-deprecated/.storybook/vitest.setup.ts index 8b25f1ffbb..512a7f55d2 100644 --- a/packages/twenty-ui-deprecated/.storybook/vitest.setup.ts +++ b/packages/twenty-ui-deprecated/.storybook/vitest.setup.ts @@ -1,5 +1,12 @@ import { setProjectAnnotations } from '@storybook/react-vite'; +import { MotionGlobalConfig } from 'framer-motion'; import * as projectAnnotations from './preview'; +// Freeze framer-motion so Argos screenshots are deterministic. Playwright's +// `animations: "disabled"` only halts CSS animations/transitions, not +// framer-motion's main-thread (rAF) animations, so loaders/spinners were +// captured mid-frame and flagged as visual changes on every run. +MotionGlobalConfig.skipAnimations = true; + // Apply Storybook's preview configuration to Vitest runs. setProjectAnnotations([projectAnnotations]); diff --git a/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx b/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx index 8bdd4eaa70..297b49c054 100644 --- a/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx +++ b/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/CircularProgressBar.stories.tsx @@ -10,9 +10,6 @@ const meta: Meta = { args: { size: 50, }, - parameters: { - chromatic: { disableSnapshot: true }, - }, }; export default meta; diff --git a/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx b/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx index 83b71be965..8c63e2a0a9 100644 --- a/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx +++ b/packages/twenty-ui-deprecated/src/feedback/progress-bar/components/__stories__/ProgressBar.stories.tsx @@ -42,7 +42,4 @@ export const Animated: Story = { return ; }, ], - parameters: { - chromatic: { disableSnapshot: true }, - }, }; diff --git a/packages/twenty-ui/.storybook/vitest.setup.ts b/packages/twenty-ui/.storybook/vitest.setup.ts index 8b25f1ffbb..512a7f55d2 100644 --- a/packages/twenty-ui/.storybook/vitest.setup.ts +++ b/packages/twenty-ui/.storybook/vitest.setup.ts @@ -1,5 +1,12 @@ import { setProjectAnnotations } from '@storybook/react-vite'; +import { MotionGlobalConfig } from 'framer-motion'; import * as projectAnnotations from './preview'; +// Freeze framer-motion so Argos screenshots are deterministic. Playwright's +// `animations: "disabled"` only halts CSS animations/transitions, not +// framer-motion's main-thread (rAF) animations, so loaders/spinners were +// captured mid-frame and flagged as visual changes on every run. +MotionGlobalConfig.skipAnimations = true; + // Apply Storybook's preview configuration to Vitest runs. setProjectAnnotations([projectAnnotations]);