chromatic strategy

.storybook/preview.tsx

@@ -2,6 +2,7 @@ import * as React from "react"
 import type { Preview } from "@storybook/react"
 import { ResetStyle } from "../src/lib/style/reset-style"
 import { ligthTheme } from "../src/features/theme/theme"
+import { disabledSnapshot } from "../src/lib/test/chromatic"
 import { ThemeProvider } from "styled-components"
 
 const preview: Preview = {
@@ -20,6 +21,7 @@ const preview: Preview = {
         query: {},
       },
     },
+    ...disabledSnapshot,
   },
   decorators: [
     (Story) => (

src/lib/test/chromatic/index.ts

@@ -0,0 +1 @@
+export { enabledSnapshot, disabledSnapshot } from "./parameters"

src/lib/test/chromatic/parameters.ts

@@ -0,0 +1,21 @@
+/**
+ * @example
+ * ```typescript
+ * export const StoryName = {
+ *  parameters: {
+ *    ...enabledSnapshot
+ *  }
+ * }
+ * ```
+ */
+export const enabledSnapshot = {
+  chromatic: {
+    disableSnapshot: false,
+  },
+} as const
+
+export const disabledSnapshot = {
+  chromatic: {
+    disableSnapshot: true,
+  },
+} as const