Disable snapshot UI tests on certain stories. Closes #2642

3 years ago · 81e1f7920b
13 changed files with 18 additions and 13 deletions
--- a/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { ColorRow } from './Color';

-<Meta title="owncast/Styles/Colors" />
+<Meta title="owncast/Styles/Colors" parameters={chromatic: { disableSnapshot: true }} />

 # Default theme colors

--- a/web/.storybook/stories-category-doc-pages/Design.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Design.stories.mdx
@ -1,6 +1,6 @@
				@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';

-<Meta title="owncast/Documentation/Design" />
+<Meta title="owncast/Documentation/Design" parameters={chromatic: { disableSnapshot: true }} />

 # Owncast Design Guidelines & Resources

--- a/web/.storybook/stories-category-doc-pages/Development.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Development.stories.mdx
@ -1,6 +1,6 @@
				@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';

-<Meta title="owncast/Documentation/Get Started with Owncast Development" />
+<Meta title="owncast/Documentation/Get Started with Owncast Development" parameters={chromatic: { disableSnapshot: true }} />

 ---
 title: "How to work on Owncast"
--- a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
@ -1,7 +1,12 @@
				@@ -1,7 +1,12 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="owncast/Frontend Assets/Emoji" />
+<Meta
+  title="owncast/Frontend Assets/Emoji"
+  parameters={
+    chromatic: { disableSnapshot: true },
+  }
+/>

 # Built-in Custom Emoji

--- a/web/.storybook/stories-category-doc-pages/Images.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Images.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="owncast/Frontend Assets/Images" />
+<Meta title="owncast/Frontend Assets/Images" parameters={chromatic: { disableSnapshot: true }} />

 # Images

--- a/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="owncast/Project Assets/Logos &amp; Graphics" />
+<Meta title="owncast/Project Assets/Logos &amp; Graphics" parameters={chromatic: { disableSnapshot: true }} />

 # Logos &amp; Graphics

--- a/web/.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx
@ -1,6 +1,6 @@
				@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';

-<Meta title="owncast/Documentation/Product Definition" />
+<Meta title="owncast/Documentation/Product Definition" parameters={chromatic: { disableSnapshot: true }} />

 # Owncast Product Definition

--- a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="owncast/Frontend Assets/Social Platform Images" />
+<Meta title="owncast/Frontend Assets/Social Platform Images" parameters={chromatic: { disableSnapshot: true }} />

 # Social Platform Images

--- a/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="owncast/Project Assets/T-Shirt" />
+<Meta title="owncast/Project Assets/T-Shirt" parameters={chromatic: { disableSnapshot: true }} />

 # T-shirt

--- a/web/.storybook/stories-category-doc-pages/WebComponents.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/WebComponents.stories.mdx
@ -1,6 +1,6 @@
				@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';

-<Meta title="owncast/Documentation/Building Frontend Components" />
+<Meta title="owncast/Documentation/Building Frontend Components" parameters={chromatic: { disableSnapshot: true }} />

 # How we develop components

--- a/web/.storybook/tools/Document.stories.mdx
+++ b/web/.storybook/tools/Document.stories.mdx
@ -1,5 +1,5 @@
				@@ -1,5 +1,5 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';

-<Meta title="owncast/Documentation/{{title}}" />
+<Meta title="owncast/Documentation/{{title}}" parameters={chromatic: { disableSnapshot: true }} />

 {{content}}
--- a/web/.storybook/tools/Emoji.stories.mdx
+++ b/web/.storybook/tools/Emoji.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="owncast/Frontend Assets/Emoji" />
+<Meta title="owncast/Frontend Assets/Emoji" parameters={chromatic: { disableSnapshot: true }} />

 # Built-in Custom Emoji

--- a/web/.storybook/tools/Images.stories.mdx
+++ b/web/.storybook/tools/Images.stories.mdx
@ -1,7 +1,7 @@
				@@ -1,7 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';

-<Meta title="{{category}}" />
+<Meta title="{{category}}" parameters={chromatic: { disableSnapshot: true }} />

 # {{capitalize title}}