/
custom-decorators.stories.storyshot
73 lines (70 loc) · 1.43 KB
/
custom-decorators.stories.storyshot
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Custom/Decorator for Vue Render 1`] = `
<div
style="border: medium solid blue;"
>
<div
style="border: medium solid red;"
>
<button
class="button"
style="color: pink; border-color: pink;"
>
renders component: MyButton
</button>
</div>
</div>
`;
exports[`Storyshots Custom/Decorator for Vue Template 1`] = `
<div
style="border: medium solid blue;"
>
<div
style="border: medium solid red;"
>
<button
class="button"
style="color: rgb(66, 185, 131); border-color: #42b983;"
>
MyButton with template
</button>
</div>
</div>
`;
exports[`Storyshots Custom/Decorator for Vue With Data 1`] = `
<div
style="border: medium solid blue;"
>
<div
style="border: medium solid red;"
>
<pre>
{
"componentId": "custom-decorator-for-vue",
"title": "Custom/Decorator for Vue",
"kind": "Custom/Decorator for Vue",
"id": "custom-decorator-for-vue--with-data",
"name": "With Data",
"story": "With Data",
"parameters": {
"docs": {
"iframeHeight": "60px"
},
"framework": "vue",
"globalParameter": "globalParameter",
"__isArgsStory": true,
"__id": "custom-decorator-for-vue--with-data",
"args": {},
"argTypes": {}
},
"initialArgs": {},
"argTypes": {},
"args": {},
"globals": {},
"viewMode": "story",
"customContext": 52
}
</pre>
</div>
</div>
`;