Skip to content

Commit

Permalink
Update snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@ghengeveld
ghengeveld committed Nov 24, 2021
1 parent 0803e96 commit 161598a
Show file tree
Hide file tree
Showing 14 changed files with 994 additions and 73 deletions.
46 changes: 23 additions & 23 deletions examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot
View file
Expand Up @@ -3,98 +3,98 @@
exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
<storybook-wrapper>
<storybook-welcome-component
_nghost-a-c44=""
_nghost-a-c45=""
>
<main
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
<h1
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
Welcome to storybook
</h1>
<p
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
This is a UI component dev environment for your app.
</p>
<p
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
We've added some basic stories inside the
<span
_ngcontent-a-c44=""
_ngcontent-a-c45=""
class="inline-code"
>
src/stories
</span>
directory.
<br
_ngcontent-a-c44=""
_ngcontent-a-c45=""
/>
A story is a single state of one or more UI components. You can have as many stories as you want.
<br
_ngcontent-a-c44=""
_ngcontent-a-c45=""
/>
(Basically a story is like a visual test case.)
</p>
<p
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
See these sample
<a
_ngcontent-a-c44=""
_ngcontent-a-c45=""
role="button"
tabindex="0"
>
stories
</a>
for a component called
<span
_ngcontent-a-c44=""
_ngcontent-a-c45=""
class="inline-code"
>
Button
</span>
.
</p>
<p
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
Just like that, you can add your own components as stories.
<br
_ngcontent-a-c44=""
_ngcontent-a-c45=""
/>
You can also edit those components and see changes right away.
<br
_ngcontent-a-c44=""
_ngcontent-a-c45=""
/>
(Try editing the
<span
_ngcontent-a-c44=""
_ngcontent-a-c45=""
class="inline-code"
>
Button
</span>
stories located at
<span
_ngcontent-a-c44=""
_ngcontent-a-c45=""
class="inline-code"
>
src/stories/index.js
</span>
.)
</p>
<p
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
Usually we create stories with smaller UI components in the app.
<br
_ngcontent-a-c44=""
_ngcontent-a-c45=""
/>
Have a look at the
<a
_ngcontent-a-c44=""
_ngcontent-a-c45=""
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
target="_blank"
Expand All @@ -104,20 +104,20 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
section in our documentation.
</p>
<p
_ngcontent-a-c44=""
_ngcontent-a-c45=""
class="note"
>
<b
_ngcontent-a-c44=""
_ngcontent-a-c45=""
>
NOTE:
</b>
<br
_ngcontent-a-c44=""
_ngcontent-a-c45=""
/>
Have a look at the
<span
_ngcontent-a-c44=""
_ngcontent-a-c45=""
class="inline-code"
>
.storybook/webpack.config.js
Expand Down
12 changes: 6 additions & 6 deletions ...ples/angular-cli/src/stories/addons/actions/__snapshots__/addon-actions.stories.storyshot
View file
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Actions Component Output with ArgsTypes 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Button 🥁"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Button 🥁
</button>
Expand All @@ -18,11 +18,11 @@ exports[`Storyshots Addons/Actions Component Output with ArgsTypes 1`] = `
exports[`Storyshots Addons/Actions Component Output with EventEmitter 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Button 🥁"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Button 🥁
</button>
Expand All @@ -41,11 +41,11 @@ exports[`Storyshots Addons/Actions Story with template 1`] = `
exports[`Storyshots Addons/Actions Use action in method 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Button 🥁"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Button 🥁
</button>
Expand Down
12 changes: 6 additions & 6 deletions ...gular-cli/src/stories/addons/backgrounds/__snapshots__/addon-background.stories.storyshot
View file
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons / Backgrounds Overridden 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="This one should have different"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
This one should have different backgrounds
</button>
Expand All @@ -18,11 +18,11 @@ exports[`Storyshots Addons / Backgrounds Overridden 1`] = `
exports[`Storyshots Addons / Backgrounds With Component 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Button"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Button
</button>
Expand All @@ -33,11 +33,11 @@ exports[`Storyshots Addons / Backgrounds With Component 1`] = `
exports[`Storyshots Addons / Backgrounds With Template 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Button"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Button
</button>
Expand Down
8 changes: 4 additions & 4 deletions examples/angular-cli/src/stories/addons/docs/__snapshots__/addon-docs.stories.storyshot
View file
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Docs with some emoji 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="😀 😎 👍 💯"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
😀 😎 👍 💯
</button>
Expand All @@ -18,11 +18,11 @@ exports[`Storyshots Addons/Docs with some emoji 1`] = `
exports[`Storyshots Addons/Docs with text 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="hello button"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
hello button
</button>
Expand Down
4 changes: 2 additions & 2 deletions examples/angular-cli/src/stories/addons/docs/__snapshots__/simple.stories.storyshot
View file
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Docs/SimpleButton with text 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Hello 👋"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Hello 👋
</button>
Expand Down
4 changes: 2 additions & 2 deletions examples/angular-cli/src/stories/addons/docs/iframe/__snapshots__/iframe.stories.storyshot
View file
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Docs/Iframe Basic 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c47=""
_nghost-a-c48=""
ng-reflect-text="Add 👾"
>
<button
_ngcontent-a-c47=""
_ngcontent-a-c48=""
>
Add 👾
</button>
Expand Down

0 comments on commit 161598a

Please sign in to comment.