From 81e1f7920bc49035113d1059e2a4c51ceeb7b703 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 30 Jan 2023 14:46:28 -0800
Subject: [PATCH] Disable snapshot UI tests on certain stories. Closes #2642

---
 .../stories-category-doc-pages/Colors.stories.mdx          | 2 +-
 .../stories-category-doc-pages/Design.stories.mdx          | 2 +-
 .../stories-category-doc-pages/Development.stories.mdx     | 2 +-
 .../stories-category-doc-pages/Emoji.stories.mdx           | 7 ++++++-
 .../stories-category-doc-pages/Images.stories.mdx          | 2 +-
 .../LogosAndGraphics.stories.mdx                           | 2 +-
 .../ProductDefinition.stories.mdx                          | 2 +-
 .../SocialPlatformImages.stories.mdx                       | 2 +-
 .../stories-category-doc-pages/Tshirt.stories.mdx          | 2 +-
 .../stories-category-doc-pages/WebComponents.stories.mdx   | 2 +-
 web/.storybook/tools/Document.stories.mdx                  | 2 +-
 web/.storybook/tools/Emoji.stories.mdx                     | 2 +-
 web/.storybook/tools/Images.stories.mdx                    | 2 +-
 13 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/web/.storybook/stories-category-doc-pages/Colors.stories.mdx b/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
index d742ac164..c5b8358c6 100644
--- a/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/Design.stories.mdx b/web/.storybook/stories-category-doc-pages/Design.stories.mdx
index ab1fad9bf..794245213 100644
--- a/web/.storybook/stories-category-doc-pages/Design.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Design.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/Development.stories.mdx b/web/.storybook/stories-category-doc-pages/Development.stories.mdx
index 66bd8b364..c0e8c8b65 100644
--- a/web/.storybook/stories-category-doc-pages/Development.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Development.stories.mdx
@@ -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"
diff --git a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
index ef0632b1c..7305c35d2 100644
--- a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/Images.stories.mdx b/web/.storybook/stories-category-doc-pages/Images.stories.mdx
index fbd76356e..b5a642bff 100644
--- a/web/.storybook/stories-category-doc-pages/Images.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Images.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
index 721983c19..edb8c9b4e 100644
--- a/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx b/web/.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx
index 966646167..7ac90f717 100644
--- a/web/.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/ProductDefinition.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
index afb58f9c8..eef9edf3e 100644
--- a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx b/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
index addae58f9..fc7a4b359 100644
--- a/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Tshirt.stories.mdx
@@ -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
 
diff --git a/web/.storybook/stories-category-doc-pages/WebComponents.stories.mdx b/web/.storybook/stories-category-doc-pages/WebComponents.stories.mdx
index 3fe62117f..2a3cfad1a 100644
--- a/web/.storybook/stories-category-doc-pages/WebComponents.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/WebComponents.stories.mdx
@@ -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
 
diff --git a/web/.storybook/tools/Document.stories.mdx b/web/.storybook/tools/Document.stories.mdx
index 4b44102b5..15cbd4e14 100644
--- a/web/.storybook/tools/Document.stories.mdx
+++ b/web/.storybook/tools/Document.stories.mdx
@@ -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}}
diff --git a/web/.storybook/tools/Emoji.stories.mdx b/web/.storybook/tools/Emoji.stories.mdx
index 112069c7d..dd751818d 100644
--- a/web/.storybook/tools/Emoji.stories.mdx
+++ b/web/.storybook/tools/Emoji.stories.mdx
@@ -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
 
diff --git a/web/.storybook/tools/Images.stories.mdx b/web/.storybook/tools/Images.stories.mdx
index 592f337c3..cf9b0463a 100644
--- a/web/.storybook/tools/Images.stories.mdx
+++ b/web/.storybook/tools/Images.stories.mdx
@@ -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}}