chore: turn off chromatic visual regression tests for all but one com…

…ponent (PostHog#12516) * chore: turn off chromatic visual regression tests for all but one component * run storybook chromatic workflow if the .storybook folder changes
depot · Oct 30, 2022 · 7762c9e · 7762c9e
1 parent bbac280
commit 7762c9e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/.github/workflows/storybook-chromatic.yml b/.github/workflows/storybook-chromatic.yml
@@ -19,6 +19,7 @@ jobs:
                   filters: |
                       frontend:
                         - 'frontend/**'
+                        - '.storybook/**'
 
             - name: Install dependencies and chromatic
               if: steps.changes.outputs.frontend == 'true'

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -29,6 +29,7 @@ setupPosthogJs()
 
 // Setup storybook global parameters. See https://storybook.js.org/docs/react/writing-stories/parameters#global-parameters
 export const parameters = {
+    chromatic: { disableSnapshot: true },
     actions: { argTypesRegex: '^on[A-Z].*', disabled: true },
     controls: {
         matchers: {

diff --git a/frontend/src/lib/components/LemonBadge/LemonBadge.stories.tsx b/frontend/src/lib/components/LemonBadge/LemonBadge.stories.tsx
@@ -6,6 +6,9 @@ import { LemonButton } from '../LemonButton'
 export default {
     title: 'Lemon UI/Lemon Badge',
     component: LemonBadge,
+    parameters: {
+        chromatic: { disableSnapshot: false },
+    },
 } as ComponentMeta<typeof LemonBadge>
 
 const Template: ComponentStory<typeof LemonBadge> = ({ count, ...props }: LemonBadgeProps) => {