GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-08 06:23:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Angular-cli: update storyshots

Browse Source
This commit is contained in:
Michael Shilman 2019-07-03 02:54:12 +08:00
parent c9d1f3befe
commit e3c59fd7b9
8 changed files with 48 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
View File

@ -7,10 +7,10 @@ exports[`Storyshots Addon|Actions Action and method 1`] = `
target={[Function ViewContainerRef_]}
>
<storybook-button-component
_nghost-a-c4=""
_nghost-a-c1=""
>
<button
_ngcontent-a-c4=""
_ngcontent-a-c1=""
>
Action and Method
</button>
@ -25,10 +25,10 @@ exports[`Storyshots Addon|Actions Action only 1`] = `
target={[Function ViewContainerRef_]}
>
<storybook-button-component
_nghost-a-c3=""
_nghost-a-c0=""
>
<button
_ngcontent-a-c3=""
_ngcontent-a-c0=""
>
Action only
</button>

4
examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
View File

@ -72,11 +72,11 @@ exports[`Storyshots Addon|Background background template 1`] = `
>
<ng-component>
<storybook-button-component
_nghost-a-c5=""
_nghost-a-c2=""
ng-reflect-text="Hello Button"
>
<button
_ngcontent-a-c5=""
_ngcontent-a-c2=""
>
Hello Button
</button>

4
examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot
View File

@ -92,11 +92,11 @@ exports[`Storyshots Addon|Centered centered template 1`] = `
style="margin: auto; max-height: 100%;"
>
<storybook-button-component
_nghost-a-c6=""
_nghost-a-c3=""
ng-reflect-text="Hello Button"
>
<button
_ngcontent-a-c6=""
_ngcontent-a-c3=""
>
Hello Button
</button>

4
examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
View File

@ -7,10 +7,10 @@ exports[`Storyshots Addon|Links button with link to another story 1`] = `
target={[Function ViewContainerRef_]}
>
<storybook-button-component
_nghost-a-c7=""
_nghost-a-c4=""
>
<button
_ngcontent-a-c7=""
_ngcontent-a-c4=""
>
Go to Welcome Story
</button>

8
examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot
View File

@ -7,10 +7,10 @@ exports[`Storyshots Addon|Notes Note with HTML 1`] = `
target={[Function ViewContainerRef_]}
>
<storybook-button-component
_nghost-a-c9=""
_nghost-a-c6=""
>
<button
_ngcontent-a-c9=""
_ngcontent-a-c6=""
>
Notes with HTML
</button>
@ -25,10 +25,10 @@ exports[`Storyshots Addon|Notes Simple note 1`] = `
target={[Function ViewContainerRef_]}
>
<storybook-button-component
_nghost-a-c8=""
_nghost-a-c5=""
>
<button
_ngcontent-a-c8=""
_ngcontent-a-c5=""
>
Notes on some Button
</button>

6
examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
View File

@ -7,12 +7,12 @@ exports[`Storyshots Core|Parameters passed to story 1`] = `
target={[Function ViewContainerRef_]}
>
<storybook-button-component
_nghost-a-c10=""
_nghost-a-c7=""
>
<button
_ngcontent-a-c10=""
_ngcontent-a-c7=""
>
Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{},"docs":{"iframeHeight":"60px"}},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
</button>
</storybook-button-component>
</storybook-dynamic-app-root>

8
examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
View File

@ -8,11 +8,11 @@ exports[`Storyshots Custom|Style Default 1`] = `
>
<ng-component>
<storybook-button-component
_nghost-a-c11=""
_nghost-a-c8=""
ng-reflect-text="Button with custom styles"
>
<button
_ngcontent-a-c11=""
_ngcontent-a-c8=""
>
Button with custom styles
</button>
@ -29,11 +29,11 @@ exports[`Storyshots Custom|Style With Knobs 1`] = `
>
<ng-component>
<storybook-button-component
_nghost-a-c12=""
_nghost-a-c9=""
ng-reflect-text="Button with custom styles"
>
<button
_ngcontent-a-c12=""
_ngcontent-a-c9=""
>
Button with custom styles
</button>

54
examples/angular-cli/src/stories/__snapshots__/index.storyshot → examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
View File

@ -8,11 +8,11 @@ exports[`Storyshots Button with some emoji 1`] = `
>
<ng-component>
<storybook-button-component
_nghost-a-c2=""
_nghost-a-c12=""
ng-reflect-text="😀 😎 👍 💯"
>
<button
_ngcontent-a-c2=""
_ngcontent-a-c12=""
>
😀 😎 👍 💯
</button>
@ -29,11 +29,11 @@ exports[`Storyshots Button with text 1`] = `
>
<ng-component>
<storybook-button-component
_nghost-a-c1=""
_nghost-a-c11=""
ng-reflect-text="Hello Button"
>
<button
_ngcontent-a-c1=""
_ngcontent-a-c11=""
>
Hello Button
</button>
@ -50,47 +50,47 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
<ng-component>
<storybook-welcome-component
_nghost-a-c0=""
_nghost-a-c10=""
>
<main
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
<h1
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
Welcome to storybook
</h1>
<p
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
This is a UI component dev environment for your app.
</p>
<p
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
We've added some basic stories inside the
<span
_ngcontent-a-c0=""
_ngcontent-a-c10=""
class="inline-code"
>
src/stories
</span>
directory.
<br
_ngcontent-a-c0=""
_ngcontent-a-c10=""
/>
A story is a single state of one or more UI components. You can have as many stories as you want.
<br
_ngcontent-a-c0=""
_ngcontent-a-c10=""
/>
(Basically a story is like a visual test case.)
</p>
<p
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
See these sample
<a
_ngcontent-a-c0=""
_ngcontent-a-c10=""
role="button"
tabindex="0"
>
@ -98,7 +98,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
</a>
for a component called
<span
_ngcontent-a-c0=""
_ngcontent-a-c10=""
class="inline-code"
>
Button
@ -106,26 +106,26 @@ exports[`Storyshots Welcome to Storybook 1`] = `
.
</p>
<p
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
Just like that, you can add your own components as stories.
<br
_ngcontent-a-c0=""
_ngcontent-a-c10=""
/>
You can also edit those components and see changes right away.
<br
_ngcontent-a-c0=""
_ngcontent-a-c10=""
/>
(Try editing the
<span
_ngcontent-a-c0=""
_ngcontent-a-c10=""
class="inline-code"
>
Button
</span>
stories located at
<span
_ngcontent-a-c0=""
_ngcontent-a-c10=""
class="inline-code"
>
src/stories/index.js
@ -133,15 +133,15 @@ exports[`Storyshots Welcome to Storybook 1`] = `
.)
</p>
<p
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
Usually we create stories with smaller UI components in the app.
<br
_ngcontent-a-c0=""
_ngcontent-a-c10=""
/>
Have a look at the
<a
_ngcontent-a-c0=""
_ngcontent-a-c10=""
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
target="_blank"
@ -151,20 +151,20 @@ exports[`Storyshots Welcome to Storybook 1`] = `
section in our documentation.
</p>
<p
_ngcontent-a-c0=""
_ngcontent-a-c10=""
class="note"
>
<b
_ngcontent-a-c0=""
_ngcontent-a-c10=""
>
NOTE:
</b>
<br
_ngcontent-a-c0=""
_ngcontent-a-c10=""
/>
Have a look at the
<span
_ngcontent-a-c0=""
_ngcontent-a-c10=""
class="inline-code"
>
.storybook/webpack.config.js