Skip to content

Commit

Permalink
chore(angular): add ngcc postinstall for angular-cli example
Browse files Browse the repository at this point in the history
change all angular storyshot because is now generated with ivy 馃
  • Loading branch information
ThibaudAV committed Jul 6, 2021
1 parent 52623ee commit ea7c36e
Show file tree
Hide file tree
Showing 24 changed files with 108 additions and 98 deletions.
3 changes: 2 additions & 1 deletion examples/angular-cli/package.json
Expand Up @@ -15,7 +15,8 @@
"test": "jest",
"test:coverage": "jest --coverage",
"test:generate-output": "jest --json --config=jest.addon-config.js --outputFile=addon-jest.testresults.json || true",
"test:watch": "jest --watch"
"test:watch": "jest --watch",
"postinstall": "ngcc --source ../../node_modules"
},
"dependencies": {
"@angular/common": "^11.2.14",
Expand Down
Expand Up @@ -11,7 +11,7 @@ exports[`Storyshots Welcome/ To Angular To Angular 1`] = `

</div>
<div
style="text-align:center"
style="text-align: center;"
>
<h1>
Welcome to app!
Expand Down
Expand Up @@ -3,98 +3,98 @@
exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
<storybook-wrapper>
<storybook-welcome-component
_nghost-a-c25=""
_nghost-a-c151=""
>
<main
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
<h1
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
Welcome to storybook
</h1>
<p
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
This is a UI component dev environment for your app.
</p>
<p
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
We've added some basic stories inside the
<span
_ngcontent-a-c25=""
_ngcontent-a-c151=""
class="inline-code"
>
src/stories
</span>
directory.
<br
_ngcontent-a-c25=""
_ngcontent-a-c151=""
/>
A story is a single state of one or more UI components. You can have as many stories as you want.
<br
_ngcontent-a-c25=""
_ngcontent-a-c151=""
/>
(Basically a story is like a visual test case.)
</p>
<p
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
See these sample
<a
_ngcontent-a-c25=""
_ngcontent-a-c151=""
role="button"
tabindex="0"
>
stories
</a>
for a component called
<span
_ngcontent-a-c25=""
_ngcontent-a-c151=""
class="inline-code"
>
Button
</span>
.
</p>
<p
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
Just like that, you can add your own components as stories.
<br
_ngcontent-a-c25=""
_ngcontent-a-c151=""
/>
You can also edit those components and see changes right away.
<br
_ngcontent-a-c25=""
_ngcontent-a-c151=""
/>
(Try editing the
<span
_ngcontent-a-c25=""
_ngcontent-a-c151=""
class="inline-code"
>
Button
</span>
stories located at
<span
_ngcontent-a-c25=""
_ngcontent-a-c151=""
class="inline-code"
>
src/stories/index.js
</span>
.)
</p>
<p
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
Usually we create stories with smaller UI components in the app.
<br
_ngcontent-a-c25=""
_ngcontent-a-c151=""
/>
Have a look at the
<a
_ngcontent-a-c25=""
_ngcontent-a-c151=""
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-c25=""
_ngcontent-a-c151=""
class="note"
>
<b
_ngcontent-a-c25=""
_ngcontent-a-c151=""
>
NOTE:
</b>
<br
_ngcontent-a-c25=""
_ngcontent-a-c151=""
/>
Have a look at the
<span
_ngcontent-a-c25=""
_ngcontent-a-c151=""
class="inline-code"
>
.storybook/webpack.config.js
Expand Down
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Actions Component Output with ArgsTypes 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c4=""
_nghost-a-c43=""
ng-reflect-text="Button 馃"
>
<button
_ngcontent-a-c4=""
_ngcontent-a-c43=""
>
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-c2=""
_nghost-a-c43=""
ng-reflect-text="Button 馃"
>
<button
_ngcontent-a-c2=""
_ngcontent-a-c43=""
>
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-c3=""
_nghost-a-c43=""
ng-reflect-text="Button 馃"
>
<button
_ngcontent-a-c3=""
_ngcontent-a-c43=""
>
Button 馃
</button>
Expand Down
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons / Backgrounds Overridden 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c7=""
_nghost-a-c43=""
ng-reflect-text="This one should have different"
>
<button
_ngcontent-a-c7=""
_ngcontent-a-c43=""
>
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-c5=""
_nghost-a-c43=""
ng-reflect-text="Button"
>
<button
_ngcontent-a-c5=""
_ngcontent-a-c43=""
>
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-c6=""
_nghost-a-c43=""
ng-reflect-text="Button"
>
<button
_ngcontent-a-c6=""
_ngcontent-a-c43=""
>
Button
</button>
Expand Down
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Docs with some emoji 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c9=""
_nghost-a-c43=""
ng-reflect-text="馃榾 馃槑 馃憤 馃挴"
>
<button
_ngcontent-a-c9=""
_ngcontent-a-c43=""
>
馃榾 馃槑 馃憤 馃挴
</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-c8=""
_nghost-a-c43=""
ng-reflect-text="hello button"
>
<button
_ngcontent-a-c8=""
_ngcontent-a-c43=""
>
hello button
</button>
Expand Down
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Docs/SimpleButton with text 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c11=""
_nghost-a-c43=""
ng-reflect-text="Hello 馃憢"
>
<button
_ngcontent-a-c11=""
_ngcontent-a-c43=""
>
Hello 馃憢
</button>
Expand Down
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Docs/Iframe Basic 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c10=""
_nghost-a-c43=""
ng-reflect-text="Add 馃懢"
>
<button
_ngcontent-a-c10=""
_ngcontent-a-c43=""
>
Add 馃懢
</button>
Expand Down
Expand Up @@ -11,7 +11,7 @@ exports[`Storyshots Addons/Jest app.component with jest tests 1`] = `

</div>
<div
style="text-align:center"
style="text-align: center;"
>
<h1>
Welcome to app!
Expand Down
Expand Up @@ -3,11 +3,11 @@
exports[`Storyshots Addons/Links button with link to another story 1`] = `
<storybook-wrapper>
<storybook-button-component
_nghost-a-c12=""
_nghost-a-c43=""
ng-reflect-text="Go to Welcome Story"
>
<button
_ngcontent-a-c12=""
_ngcontent-a-c43=""
>
Go to Welcome Story
</button>
Expand Down
Expand Up @@ -9,6 +9,7 @@ exports[`Storyshots Basics / Component / With ng-content / Button with different
style="background-color: rgb(94, 173, 245);"
/>
</sb-button>

</button>
</sb-button>
</storybook-wrapper>
Expand Down Expand Up @@ -41,6 +42,7 @@ exports[`Storyshots Basics / Component / With ng-content / Button with different
<sb-emoji>
馃懢
</sb-emoji>

</button>
</sb-button>
</storybook-wrapper>
Expand All @@ -55,6 +57,7 @@ exports[`Storyshots Basics / Component / With ng-content / Button with different
>
馃尩
</sb-emoji>

</button>
</sb-button>
</storybook-wrapper>
Expand Down
Expand Up @@ -7,7 +7,6 @@ exports[`Storyshots Basics / Component / without selector / Custom wrapper *NgCo
ng-reflect-component-outlet="function WithoutSelectorCompon"
ng-reflect-name="Dixie Normous"
>

<ng-component>
My name in color :
<div
Expand All @@ -18,6 +17,7 @@ exports[`Storyshots Basics / Component / without selector / Custom wrapper *NgCo
Ng-content : Inspired by
https://angular.io/api/common/NgComponentOutlet
</ng-component>

</ng-component-outlet-wrapper>
</storybook-wrapper>
`;
Expand Up @@ -5,7 +5,6 @@ exports[`Storyshots Basics / NgModule / forRoot() pattern Chips group 1`] = `
<storybook-chips-group
ng-reflect-chips="[object Object],[object Object"
>

<storybook-chip
class="chip"
ng-reflect-display-text="Chip 1"
Expand Down Expand Up @@ -52,6 +51,7 @@ exports[`Storyshots Basics / NgModule / forRoot() pattern Chips group 1`] = `
>
Remove All
</div>

</storybook-chips-group>
</storybook-wrapper>
`;
Expand All @@ -61,7 +61,6 @@ exports[`Storyshots Basics / NgModule / forRoot() pattern Chips group with overr
<storybook-chips-group
ng-reflect-chips="[object Object],[object Object"
>

<storybook-chip
class="chip"
ng-reflect-display-text="Chip 1"
Expand Down Expand Up @@ -108,6 +107,7 @@ exports[`Storyshots Basics / NgModule / forRoot() pattern Chips group with overr
>
Remove All
</div>

</storybook-chips-group>
</storybook-wrapper>
`;

0 comments on commit ea7c36e

Please sign in to comment.