mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 07:21:16 +08:00
Update some snapshots
This commit is contained in:
Tom Coleman
parent
27b9e3a133
commit
d7ee435207
@ -1,69 +1,5 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addon|Background background component 1`] = `
|
||||
<storybook-dynamic-app-root
|
||||
cfr={[Function CodegenComponentFactoryResolver]}
|
||||
data={[Function Object]}
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-app-root>
|
||||
<div
|
||||
class="hide"
|
||||
style="color: red; font-size: 30px; text-align: center;"
|
||||
>
|
||||
This should be hidden, if not - scss is not loaded as needed.
|
||||
|
||||
</div>
|
||||
<div
|
||||
style="text-align:center"
|
||||
>
|
||||
<h1>
|
||||
Welcome to app!
|
||||
</h1>
|
||||
<img
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgMjUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREQwMDMxO30NCgkuc3Qxe2ZpbGw6I0MzMDAyRjt9DQoJLnN0MntmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI1LDMwIDEyNSwzMCAxMjUsMzAgMzEuOSw2My4yIDQ2LjEsMTg2LjMgMTI1LDIzMCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMjUsMzAgMTI1LDUyLjIgMTI1LDUyLjEgMTI1LDE1My40IDEyNSwxNTMuNCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAxMjUsMzAgCSIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMjUsNTIuMUw2Ni44LDE4Mi42aDBoMjEuN2gwbDExLjctMjkuMmg0OS40bDExLjcsMjkuMmgwaDIxLjdoMEwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMQ0KCQlMMTI1LDUyLjF6IE0xNDIsMTM1LjRIMTA4bDE3LTQwLjlMMTQyLDEzNS40eiIvPg0KPC9nPg0KPC9zdmc+DQo="
|
||||
width="300"
|
||||
/>
|
||||
</div>
|
||||
<h2>
|
||||
Here are some links to help you start:
|
||||
</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h2>
|
||||
<a
|
||||
href="https://angular.io/tutorial"
|
||||
target="_blank"
|
||||
>
|
||||
Tour of Heroes
|
||||
</a>
|
||||
</h2>
|
||||
</li>
|
||||
<li>
|
||||
<h2>
|
||||
<a
|
||||
href="https://github.com/angular/angular-cli/wiki"
|
||||
target="_blank"
|
||||
>
|
||||
CLI Documentation
|
||||
</a>
|
||||
</h2>
|
||||
</li>
|
||||
<li>
|
||||
<h2>
|
||||
<a
|
||||
href="https://blog.angular.io//"
|
||||
target="_blank"
|
||||
>
|
||||
Angular blog
|
||||
</a>
|
||||
</h2>
|
||||
</li>
|
||||
</ul>
|
||||
</storybook-app-root>
|
||||
</storybook-dynamic-app-root>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Background background template 1`] = `
|
||||
<storybook-dynamic-app-root
|
||||
cfr={[Function CodegenComponentFactoryResolver]}
|
||||
|
||||
@ -1,81 +1,5 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addon|Centered centered component 1`] = `
|
||||
<storybook-dynamic-app-root
|
||||
cfr={[Function CodegenComponentFactoryResolver]}
|
||||
data={[Function Object]}
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<ng-component>
|
||||
<div
|
||||
ng-reflect-ng-style="[object Object]"
|
||||
style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
|
||||
>
|
||||
<div
|
||||
ng-reflect-ng-style="[object Object]"
|
||||
style="margin: auto; max-height: 100%;"
|
||||
>
|
||||
<storybook-app-root>
|
||||
<div
|
||||
class="hide"
|
||||
style="color: red; font-size: 30px; text-align: center;"
|
||||
>
|
||||
This should be hidden, if not - scss is not loaded as needed.
|
||||
|
||||
</div>
|
||||
<div
|
||||
style="text-align:center"
|
||||
>
|
||||
<h1>
|
||||
Welcome to app!
|
||||
</h1>
|
||||
<img
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgMjUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREQwMDMxO30NCgkuc3Qxe2ZpbGw6I0MzMDAyRjt9DQoJLnN0MntmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI1LDMwIDEyNSwzMCAxMjUsMzAgMzEuOSw2My4yIDQ2LjEsMTg2LjMgMTI1LDIzMCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMjUsMzAgMTI1LDUyLjIgMTI1LDUyLjEgMTI1LDE1My40IDEyNSwxNTMuNCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAxMjUsMzAgCSIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMjUsNTIuMUw2Ni44LDE4Mi42aDBoMjEuN2gwbDExLjctMjkuMmg0OS40bDExLjcsMjkuMmgwaDIxLjdoMEwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMQ0KCQlMMTI1LDUyLjF6IE0xNDIsMTM1LjRIMTA4bDE3LTQwLjlMMTQyLDEzNS40eiIvPg0KPC9nPg0KPC9zdmc+DQo="
|
||||
width="300"
|
||||
/>
|
||||
</div>
|
||||
<h2>
|
||||
Here are some links to help you start:
|
||||
</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h2>
|
||||
<a
|
||||
href="https://angular.io/tutorial"
|
||||
target="_blank"
|
||||
>
|
||||
Tour of Heroes
|
||||
</a>
|
||||
</h2>
|
||||
</li>
|
||||
<li>
|
||||
<h2>
|
||||
<a
|
||||
href="https://github.com/angular/angular-cli/wiki"
|
||||
target="_blank"
|
||||
>
|
||||
CLI Documentation
|
||||
</a>
|
||||
</h2>
|
||||
</li>
|
||||
<li>
|
||||
<h2>
|
||||
<a
|
||||
href="https://blog.angular.io//"
|
||||
target="_blank"
|
||||
>
|
||||
Angular blog
|
||||
</a>
|
||||
</h2>
|
||||
</li>
|
||||
</ul>
|
||||
</storybook-app-root>
|
||||
</div>
|
||||
</div>
|
||||
</ng-component>
|
||||
</storybook-dynamic-app-root>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Centered centered template 1`] = `
|
||||
<storybook-dynamic-app-root
|
||||
cfr={[Function CodegenComponentFactoryResolver]}
|
||||
|
||||
@ -22,7 +22,7 @@ Array [
|
||||
class="css-1irdycu-LeafStyle ejte0e35"
|
||||
>
|
||||
<svg
|
||||
class="ejte0e36 css-1oq6nrl-Svg-RotatingChevron e1vqr9v80"
|
||||
class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
@ -48,72 +48,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<div
|
||||
class="css-k4gjxv-ListWrapper ejte0e32"
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!1-11"
|
||||
id="stateful_1-11"
|
||||
>
|
||||
<div
|
||||
class="css-1cguoty-LeafStyle ejte0e35"
|
||||
id="1-11"
|
||||
>
|
||||
<svg
|
||||
class="ejte0e37 css-1s13dbd-Svg-TypeIcon e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
>
|
||||
<path
|
||||
class="css-1xhbbdd-Path e1gl30fa0"
|
||||
d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
|
||||
/>
|
||||
</svg>
|
||||
Child A1
|
||||
</div>
|
||||
</a>
|
||||
<div
|
||||
class="css-16snshc-TreeWrapper ejte0e31"
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!12"
|
||||
id="stateful_12"
|
||||
>
|
||||
<div
|
||||
class="css-1cguoty-LeafStyle ejte0e35"
|
||||
>
|
||||
<svg
|
||||
class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
>
|
||||
<path
|
||||
class="css-1xhbbdd-Path e1gl30fa0"
|
||||
d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
>
|
||||
<path
|
||||
class="css-1xhbbdd-Path e1gl30fa0"
|
||||
d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Child A2
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="css-16snshc-TreeWrapper ejte0e31"
|
||||
@ -228,8 +162,8 @@ exports[`Storyshots Components|Treeview stateless 1`] = `
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!12"
|
||||
id="stateless_12"
|
||||
href="#!1-12"
|
||||
id="stateless_1-12"
|
||||
>
|
||||
<div
|
||||
class="css-1cguoty-LeafStyle ejte0e35"
|
||||
@ -446,7 +380,7 @@ Array [
|
||||
class="css-1irdycu-LeafStyle ejte0e35"
|
||||
>
|
||||
<svg
|
||||
class="ejte0e36 css-1oq6nrl-Svg-RotatingChevron e1vqr9v80"
|
||||
class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
@ -472,72 +406,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
<div
|
||||
class="css-k4gjxv-ListWrapper ejte0e32"
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!1-11"
|
||||
id="stateful_1-11"
|
||||
>
|
||||
<div
|
||||
class="ehoq3ru0 css-1w58l2s-LeafStyle-CustomLeaf ejte0e35"
|
||||
id="1-11"
|
||||
>
|
||||
<svg
|
||||
class="ejte0e37 css-1s13dbd-Svg-TypeIcon e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
>
|
||||
<path
|
||||
class="css-1xhbbdd-Path e1gl30fa0"
|
||||
d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
|
||||
/>
|
||||
</svg>
|
||||
Child A1
|
||||
</div>
|
||||
</a>
|
||||
<div
|
||||
class="css-16snshc-TreeWrapper ejte0e31"
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!12"
|
||||
id="stateful_12"
|
||||
>
|
||||
<div
|
||||
class="css-1cguoty-LeafStyle ejte0e35"
|
||||
>
|
||||
<svg
|
||||
class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
>
|
||||
<path
|
||||
class="css-1xhbbdd-Path e1gl30fa0"
|
||||
d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
|
||||
height="14px"
|
||||
viewBox="0 0 1024 1024"
|
||||
width="14px"
|
||||
>
|
||||
<path
|
||||
class="css-1xhbbdd-Path e1gl30fa0"
|
||||
d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Child A2
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="css-16snshc-TreeWrapper ejte0e31"
|
||||
@ -662,8 +530,8 @@ Array [
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!12"
|
||||
id="stateful_12"
|
||||
href="#!3-32"
|
||||
id="stateful_3-32"
|
||||
>
|
||||
<div
|
||||
class="css-1irdycu-LeafStyle ejte0e35"
|
||||
@ -834,8 +702,8 @@ Array [
|
||||
>
|
||||
<a
|
||||
class="css-1034sg6-A ejte0e33"
|
||||
href="#!12"
|
||||
id="stateful_12"
|
||||
href="#!3-32"
|
||||
id="stateful_3-32"
|
||||
>
|
||||
<div
|
||||
class="css-1irdycu-LeafStyle ejte0e35"
|
||||
|
||||
@ -362,7 +362,7 @@ exports[`Storyshots UI|AboutPage up to date 1`] = `
|
||||
<span
|
||||
class="css-su63og-Balloon e102gaa58"
|
||||
>
|
||||
You're' up to date
|
||||
You're up to date
|
||||
</span>
|
||||
</header>
|
||||
</div>
|
||||
@ -446,100 +446,6 @@ exports[`Storyshots UI|AboutPage up to date 1`] = `
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<div
|
||||
class="css-4owjbu-Wrapper e102gaa53"
|
||||
>
|
||||
<div
|
||||
class="css-1gcu3b8-Upgrade e102gaa514"
|
||||
>
|
||||
<header
|
||||
class="css-yfonvn-Container e14vg0o61"
|
||||
>
|
||||
<h1
|
||||
class="css-4bak20-getElement e14vg0o60"
|
||||
>
|
||||
<span>
|
||||
Upgrade all storybook packages to latest:
|
||||
</span>
|
||||
</h1>
|
||||
</header>
|
||||
<div
|
||||
class="css-1utuj4w-Wrapper epklh870"
|
||||
>
|
||||
<div
|
||||
class="css-1y75e3d-Scroller epklh871"
|
||||
>
|
||||
<pre
|
||||
class="hljs css-1ks10li-Pre epklh872"
|
||||
>
|
||||
<code
|
||||
class="css-1igagyr-Code epklh873"
|
||||
>
|
||||
npx npm-check-updates
|
||||
<span
|
||||
class="token string"
|
||||
>
|
||||
'/storybook/'
|
||||
</span>
|
||||
-u
|
||||
<span
|
||||
class="token operator"
|
||||
>
|
||||
&&
|
||||
</span>
|
||||
yarn
|
||||
</code>
|
||||
</pre>
|
||||
</div>
|
||||
<ul
|
||||
class="css-13c7bym-Container egs2kzf0"
|
||||
>
|
||||
<li
|
||||
class="css-1tizi7s-ActionItem egs2kzf2"
|
||||
>
|
||||
<button
|
||||
class="css-1r3i0dl-ActionButton egs2kzf1"
|
||||
>
|
||||
copy
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Alternatively if you're using a yarn you could run the following command, and check all storybook related packages:
|
||||
</p>
|
||||
<div
|
||||
class="css-1utuj4w-Wrapper epklh870"
|
||||
>
|
||||
<div
|
||||
class="css-1y75e3d-Scroller epklh871"
|
||||
>
|
||||
<pre
|
||||
class="hljs css-1ks10li-Pre epklh872"
|
||||
>
|
||||
<code
|
||||
class="css-1igagyr-Code epklh873"
|
||||
>
|
||||
yarn upgrade-interactive --latest
|
||||
</code>
|
||||
</pre>
|
||||
</div>
|
||||
<ul
|
||||
class="css-13c7bym-Container egs2kzf0"
|
||||
>
|
||||
<li
|
||||
class="css-1tizi7s-ActionItem egs2kzf2"
|
||||
>
|
||||
<button
|
||||
class="css-1r3i0dl-ActionButton egs2kzf1"
|
||||
>
|
||||
copy
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="css-4owjbu-Wrapper e102gaa53"
|
||||
>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user