More fixes to disabling story snapshot UI tests

This commit is contained in:
Gabe Kangas
2023-01-30 15:23:27 -08:00
parent ae538b5693
commit 7a1ceda25f
13 changed files with 15 additions and 21 deletions
@@ -1,16 +1,15 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { ColorRow } from './Color'; 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 # Default theme colors
These colors are assigned in our [color token](https://github.com/owncast/owncast/tree/develop/web/style-definitions/tokens/color) files 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. and get reflected here as they change. run `npm run build-styles` to regenerate.
<Story <Story name="Default Theme">
name="Default Theme"
>
## Default Theme ## Default Theme
These color names are assigned to specific component variables. They can be overwritten via CSS. These color names are assigned to specific component variables. They can be overwritten via CSS.
@@ -1,6 +1,6 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; 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 # Owncast Design Guidelines & Resources
@@ -1,6 +1,6 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; 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" title: "How to work on Owncast"
@@ -1,12 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; import { Image, ImageRow } from './ImageAsset';
<Meta <Meta title="owncast/Frontend Assets/Emoji" parameters={{chromatic: { disableSnapshot: true }}} />
title="owncast/Frontend Assets/Emoji"
parameters={
chromatic: { disableSnapshot: true },
}
/>
# Built-in Custom Emoji # Built-in Custom Emoji
@@ -1,7 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; 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 # Images
@@ -1,7 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; 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 # Logos &amp; Graphics
@@ -1,6 +1,6 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; 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 # Owncast Product Definition
@@ -1,7 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; 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 # Social Platform Images
@@ -1,7 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; 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 # T-shirt
@@ -1,6 +1,6 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; 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 # How we develop components
+1 -1
View File
@@ -1,5 +1,5 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; 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}} {{content}}
+1 -1
View File
@@ -1,7 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; 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 # Built-in Custom Emoji
+1 -1
View File
@@ -1,7 +1,7 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs'; import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset'; import { Image, ImageRow } from './ImageAsset';
<Meta title="{{category}}" parameters={chromatic: { disableSnapshot: true }} /> <Meta title="{{category}}" parameters=\{{chromatic: { disableSnapshot: true }}} />
# {{capitalize title}} # {{capitalize title}}