fix: disable unstable snapshot (#3791)

apps/storybook/src/stories/breadcrumbs.stories.tsx

@@ -7,6 +7,9 @@ import { within } from '@storybook/testing-library';
 export default {
   title: 'AFFiNE/Breadcrumbs',
   component: Breadcrumbs,
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } as Meta<typeof Breadcrumbs>;
 
 const Template: StoryFn = args => <Breadcrumbs {...args} />;

apps/storybook/src/stories/card.stories.tsx

@@ -9,11 +9,15 @@ import {
   HelpIcon,
   PageIcon,
 } from '@blocksuite/icons';
+import type { Meta } from '@storybook/react';
 
 export default {
   title: 'AFFiNE/Card',
   component: WorkspaceCard,
-};
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
+} satisfies Meta;
 
 const blockSuiteWorkspace = getOrCreateWorkspace(
   'blocksuite-local',

apps/storybook/src/stories/import-page.stories.tsx

@@ -7,6 +7,9 @@ import type { Meta } from '@storybook/react';
 export default {
   title: 'AFFiNE/ImportPage',
   component: ImportPage,
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta;
 
 const Template: StoryFn<typeof ImportPage> = args => <ImportPage {...args} />;

apps/storybook/src/stories/notification-center.stories.tsx

@@ -9,6 +9,9 @@ import { useAtomValue, useSetAtom } from 'jotai';
 export default {
   title: 'AFFiNE/NotificationCenter',
   component: NotificationCenter,
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta<typeof NotificationCenter>;
 
 let id = 0;

apps/storybook/src/stories/onboarding-modal.stories.tsx

@@ -1,11 +1,14 @@
 /* deepscan-disable USELESS_ARROW_FUNC_BIND */
 import { TourModal } from '@affine/component/tour-modal';
-import type { StoryFn } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 
 export default {
   title: 'AFFiNE/TourModal',
   component: TourModal,
-};
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
+} satisfies Meta;
 
 export const Basic: StoryFn = () => {
   return <TourModal open={true} onClose={() => {}} />;

apps/storybook/src/stories/page-detail-skeleton.stories.tsx

@@ -4,6 +4,9 @@ import type { Meta } from '@storybook/react';
 export default {
   title: 'AFFiNE/PageDetailSkeleton',
   component: PageDetailSkeleton,
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta<typeof PageDetailSkeleton>;
 
 export const Basic = () => {

apps/storybook/src/stories/page-list.stories.tsx

@@ -7,7 +7,7 @@ import { NewPageButton } from '@affine/component/page-list';
 import { OperationCell } from '@affine/component/page-list';
 import { PageIcon } from '@blocksuite/icons';
 import { expect } from '@storybook/jest';
-import type { StoryFn } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import { userEvent } from '@storybook/testing-library';
 
 export default {
@@ -16,7 +16,7 @@ export default {
   parameters: {
     chromatic: { disableSnapshot: true },
   },
-};
+} satisfies Meta;
 
 export const AffineOperationCell: StoryFn<OperationCellProps> = ({
   ...props

apps/storybook/src/stories/share-menu.stories.tsx

@@ -12,14 +12,17 @@ import { WorkspaceFlavour } from '@affine/env/workspace';
 import { getOrCreateWorkspace } from '@affine/workspace/manager';
 import type { Page } from '@blocksuite/store';
 import { expect } from '@storybook/jest';
-import type { StoryFn } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import { use } from 'foxact/use';
 import { useState } from 'react';
 
 export default {
   title: 'AFFiNE/ShareMenu',
   component: ShareMenu,
-};
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
+} satisfies Meta;
 
 async function initPage(page: Page) {
   await page.waitForLoaded();

apps/storybook/src/stories/switch.stories.tsx

@@ -1,11 +1,14 @@
 /* deepscan-disable USELESS_ARROW_FUNC_BIND */
 import { Switch } from '@affine/component';
-import type { StoryFn } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 
 export default {
   title: 'AFFiNE/Switch',
   component: Switch,
-};
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
+} satisfies Meta;
 
 export const Basic: StoryFn = () => {
   return <Switch>Switch</Switch>;

apps/storybook/src/stories/workspace-avatar.stories.tsx

@@ -16,6 +16,9 @@ export default {
       },
     },
   },
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta<WorkspaceAvatarProps>;
 
 const schema = new Schema();

apps/storybook/src/stories/workspace-list.stories.tsx

@@ -9,6 +9,9 @@ import { useState } from 'react';
 export default {
   title: 'AFFiNE/WorkspaceList',
   component: WorkspaceList,
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 } satisfies Meta<WorkspaceListProps>;
 
 export const Default = () => {