From 7a1ceda25f5cf7ae966b1de4b3bcff33d8fa8bd4 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 30 Jan 2023 15:23:22 -0800
Subject: [PATCH] More fixes to disabling story snapshot UI tests

---
 .../stories-category-doc-pages/Colors.stories.mdx          | 7 +++----
 .../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, 15 insertions(+), 21 deletions(-)

diff --git a/web/.storybook/stories-category-doc-pages/Colors.stories.mdx b/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
index c5b8358c6..95a4ba162 100644
--- a/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Colors.stories.mdx
@@ -1,16 +1,15 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { ColorRow } from './Color';
 
-<Meta title="owncast/Styles/Colors" parameters={chromatic: { disableSnapshot: true }} />
+<Meta title="owncast/Styles/Colors" parameters={{ chromatic: { disableSnapshot: true } }} />
 
 # Default theme colors
 
 These colors are assigned in our [color token](https://github.com/owncast/owncast/tree/develop/web/style-definitions/tokens/color) files
 and get reflected here as they change. run `npm run build-styles` to regenerate.
 
-<Story
-  name="Default Theme"
->
+<Story name="Default Theme">
+	
 ## Default Theme
 
 These color names are assigned to specific component variables. They can be overwritten via CSS.
diff --git a/web/.storybook/stories-category-doc-pages/Design.stories.mdx b/web/.storybook/stories-category-doc-pages/Design.stories.mdx
index 794245213..ca5b63b67 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 c0e8c8b65..e2776cae6 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 7305c35d2..9cc3721af 100644
--- a/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
+++ b/web/.storybook/stories-category-doc-pages/Emoji.stories.mdx
@@ -1,12 +1,7 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { Image, ImageRow } from './ImageAsset';
 
-<Meta
-  title="owncast/Frontend Assets/Emoji"
-  parameters={
-    chromatic: { disableSnapshot: true },
-  }
-/>
+<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 b5a642bff..736a3fa20 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 edb8c9b4e..c8d52f01f 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 7ac90f717..02dfa27bc 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 eef9edf3e..9f18b5a45 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 fc7a4b359..93d546aba 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 2a3cfad1a..e97c9732b 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 15cbd4e14..1186c7e45 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}}" parameters={chromatic: { disableSnapshot: true }} />
+<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 dd751818d..c0c969d21 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" parameters={chromatic: { disableSnapshot: true }} />
+<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 cf9b0463a..ad6a60b03 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}}" parameters={chromatic: { disableSnapshot: true }} />
+<Meta title="{{category}}" parameters=\{{chromatic: { disableSnapshot: true }}} />
 
 # {{capitalize title}}