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

Update storyshots

Browse Source
This commit is contained in:
Hypnosphi 2019-10-03 22:40:49 +02:00
parent 091b5a83ba
commit 13e1fe9901
2 changed files with 42 additions and 240 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
View File

@ -1,9 +1,43 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Addons|Centered Button 1`] = `
<div
style={
Object {
Object {
"__b": 0,
"__c": null,
"__e": null,
"__k": null,
"__p": null,
"constructor": undefined,
"key": undefined,
"l": null,
"props": Object {
"children": Object {
"__b": 0,
"__c": null,
"__e": null,
"__k": null,
"__p": null,
"constructor": undefined,
"key": undefined,
"l": null,
"props": Object {
"children": VNode {
"attributes": undefined,
"children": Array [
"A button",
],
"key": undefined,
"nodeName": [Function],
},
"style": Object {
"margin": "auto",
"maxHeight": "100%",
},
},
"ref": undefined,
"type": "div",
},
"style": Object {
"alignItems": "center",
"bottom": "0",
"display": "flex",
@ -12,22 +46,9 @@ exports[`Storyshots Addons|Centered Button 1`] = `
"position": "fixed",
"right": "0",
"top": "0",
}
}
>
<div
style={
Object {
"margin": "auto",
"maxHeight": "100%",
}
}
>
<button
class="button"
>
A button
</button>
</div>
</div>
},
},
"ref": undefined,
"type": "div",
}
`;

219
examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot
View File

@ -1,224 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Addons|Actions Action And Method 1`] = `
<button
class="button"
onclick={[Function]}
>
Click me to log the action
</button>
`;
exports[`Storyshots Addons|Actions Action Only 1`] = `
<button
class="button"
onclick={[Function]}
>
Click me to log the action
</button>
`;
exports[`Storyshots Addons|Actions Multiple Actions 1`] = `
<button
class="button"
onclick={[Function]}
ondblclick={[Function]}
>
(Double) click me to log the action
</button>
`;
exports[`Storyshots Addons|Actions Multiple Actions Object 1`] = `
<button
class="button"
onclick={[Function]}
ondblclick={[Function]}
>
(Double) click me to log the action
</button>
`;
exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
<button
class="button"
>
You should be able to switch backgrounds for this story
</button>
`;
exports[`Storyshots Addons|Backgrounds Example 2 1`] = `
<button
class="button"
>
This one too!
</button>
`;
exports[`Storyshots Addons|Centered Button 1`] = `
Object {
"__b": 0,
"__c": null,
"__e": null,
"__k": null,
"__p": null,
"constructor": undefined,
"key": undefined,
"l": null,
"props": Object {
"children": Object {
"__b": 0,
"__c": null,
"__e": null,
"__k": null,
"__p": null,
"constructor": undefined,
"key": undefined,
"l": null,
"props": Object {
"children": VNode {
"attributes": undefined,
"children": Array [
"A button",
],
"key": undefined,
"nodeName": [Function],
},
"style": Object {
"margin": "auto",
"maxHeight": "100%",
},
},
"ref": undefined,
"type": "div",
},
"style": Object {
"alignItems": "center",
"bottom": "0",
"display": "flex",
"left": "0",
"overflow": "auto",
"position": "fixed",
"right": "0",
"top": "0",
},
},
"ref": undefined,
"type": "div",
}
`;
exports[`Storyshots Addons|Contexts Simple Css Theming 1`] = `
<div
style={
Object {
"background": "#173F5F",
"color": "white",
"height": "100vh",
"padding": "10px",
}
}
>
<div>
I'm a children of the injected 'div' (where provides a theming context).
</div>
</div>
`;
exports[`Storyshots Addons|Knobs All Knobs 1`] = `
<div
style="border:2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
>
<h1>
My name is Jane,
</h1>
<h3>
today is January 20, 2017
</h3>
<p>
I have a stock of 20 apples, costing &dollar;2.25 each.
</p>
<p>
Also, I have:
</p>
<ul>
<li>
Laptop
</li>
<li>
Book
</li>
<li>
Whiskey
</li>
</ul>
<p>
Nice to meet you!
</p>
</div>
`;
exports[`Storyshots Addons|Knobs Simple 1`] = `
<div>
I am John Doe and I'm 44 years old.
</div>
`;
exports[`Storyshots Addons|Links Go To Welcome 1`] = `
<button
class="button"
onclick={[Function]}
>
This button links to Welcome
</button>
`;
exports[`Storyshots Addons|Notes Note With Html 1`] = `
<p>
<span>
🤔😳😯😮
</span>
<br />
<span>
😄😩😓😱
</span>
<br />
<span>
🤓😑😶😊
</span>
</p>
`;
exports[`Storyshots Addons|Notes Simple Note 1`] = `
<p>
<strong>
Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
</strong>
</p>
`;
exports[`Storyshots Button With Some Emoji 1`] = `
<button
class="button"
onclick={[Function]}
>
<span
aria-label="so cool"
role="img"
>
😀 😎 👍 💯
</span>
</button>
`;
exports[`Storyshots Button With Text 1`] = `
<button
class="button"
onclick={[Function]}
>
Hello Button
</button>
`;
exports[`Storyshots Welcome To Storybook 1`] = `
<article
style={