Skip to content

Commit 8969b6e

Browse files
stomitastomita
authored
Merge pull request #187 from mashmatrix/storyshots
Enable storyshots in test
2 parents 4b1e94a + b4e8ea4 commit 8969b6e

40 files changed

+443541
-143
lines changed

‎.storybook/__storyshots__/Badge.shot‎

Lines changed: 347 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,347 @@
1+
exports[`Default`] = `
2+
<div>
3+
<div
4+
style={
5+
Object {
6+
"position": "relative",
7+
"zIndex": 0,
8+
}
9+
}>
10+
<span
11+
className="slds-badge">
12+
Badge Label
13+
</span>
14+
</div>
15+
<a
16+
onClick={[Function]}
17+
style={
18+
Object {
19+
"background": "#28c",
20+
"borderRadius": "0 0 0 5px",
21+
"color": "#fff",
22+
"cursor": "pointer",
23+
"display": "block",
24+
"fontFamily": "sans-serif",
25+
"fontSize": 12,
26+
"padding": "5px 15px",
27+
"position": "fixed",
28+
"right": 0,
29+
"textDecoration": "none",
30+
"top": 0,
31+
}
32+
}>
33+
?
34+
</a>
35+
<div
36+
style={
37+
Object {
38+
"background": "white",
39+
"bottom": 0,
40+
"display": "none",
41+
"left": 0,
42+
"overflow": "auto",
43+
"padding": "0 40px",
44+
"position": "absolute",
45+
"right": 0,
46+
"top": 0,
47+
}
48+
}>
49+
<a
50+
onClick={[Function]}
51+
style={
52+
Object {
53+
"background": "#28c",
54+
"borderRadius": "0 0 0 5px",
55+
"color": "#fff",
56+
"cursor": "pointer",
57+
"display": "block",
58+
"fontFamily": "sans-serif",
59+
"fontSize": 12,
60+
"padding": "5px 15px",
61+
"position": "fixed",
62+
"right": 0,
63+
"textDecoration": "none",
64+
"top": 0,
65+
}
66+
}>
67+
×
68+
</a>
69+
<div
70+
style={undefined}>
71+
<div
72+
style={
73+
Object {
74+
"WebkitFontSmoothing": "antialiased",
75+
"color": "#444",
76+
"fontFamily": "
77+
-apple-system, \".SFNSText-Regular\", \"San Francisco\", \"Roboto\",
78+
\"Segoe UI\", \"Helvetica Neue\", \"Lucida Grande\", sans-serif
79+
",
80+
"fontSize": 15,
81+
"fontWeight": 300,
82+
"lineHeight": 1.45,
83+
}
84+
}>
85+
<div
86+
style={
87+
Object {
88+
"borderBottom": "1px solid #eee",
89+
"marginBottom": 10,
90+
}
91+
}>
92+
<h1
93+
style={
94+
Object {
95+
"fontSize": 35,
96+
"margin": "20px 0 0 0",
97+
"padding": 0,
98+
}
99+
}>
100+
Badge
101+
</h1>
102+
<h2
103+
style={
104+
Object {
105+
"fontSize": 22,
106+
"fontWeight": 400,
107+
"margin": "0 0 10px 0",
108+
"padding": 0,
109+
}
110+
}>
111+
Default
112+
</h2>
113+
</div>
114+
<div
115+
style={
116+
Object {
117+
"marginBottom": 0,
118+
}
119+
}>
120+
<p
121+
style={
122+
Object {
123+
"WebkitFontSmoothing": "antialiased",
124+
"color": "#444",
125+
"fontFamily": "
126+
-apple-system, \".SFNSText-Regular\", \"San Francisco\", \"Roboto\",
127+
\"Segoe UI\", \"Helvetica Neue\", \"Lucida Grande\", sans-serif
128+
",
129+
"fontSize": 15,
130+
}
131+
}>
132+
Default badge
133+
</p>
134+
</div>
135+
<div>
136+
<h1
137+
style={
138+
Object {
139+
"borderBottom": "1px solid #EEE",
140+
"fontSize": 25,
141+
"margin": "20px 0 0 0",
142+
"padding": "0 0 5px 0",
143+
}
144+
}>
145+
Story Source
146+
</h1>
147+
<pre
148+
style={
149+
Object {
150+
"backgroundColor": "#fafafa",
151+
"fontFamily": "Menlo, Monaco, \"Courier New\", monospace",
152+
"fontSize": ".88em",
153+
"lineHeight": 1.5,
154+
"overflowX": "scroll",
155+
"padding": ".5rem",
156+
}
157+
}>
158+
<div>
159+
<div
160+
style={
161+
Object {
162+
"paddingLeft": 18,
163+
"paddingRight": 3,
164+
}
165+
}>
166+
<span
167+
style={
168+
Object {
169+
"color": "#777",
170+
}
171+
}>
172+
<
173+
Badge
174+
</span>
175+
<span>
176+
<span>
177+
178+
<span
179+
style={Object {}}>
180+
onClick
181+
</span>
182+
<span>
183+
=
184+
<span
185+
style={Object {}}>
186+
<span>
187+
{
188+
<span
189+
style={
190+
Object {
191+
"color": "#170",
192+
}
193+
}>
194+
anonymous()
195+
</span>
196+
}
197+
</span>
198+
</span>
199+
</span>
200+
201+
</span>
202+
</span>
203+
<span
204+
style={
205+
Object {
206+
"color": "#777",
207+
}
208+
}>
209+
>
210+
</span>
211+
</div>
212+
<div
213+
style={
214+
Object {
215+
"paddingLeft": 33,
216+
"paddingRight": 3,
217+
}
218+
}>
219+
<span
220+
style={
221+
Object {
222+
"color": "#777",
223+
}
224+
}>
225+
Badge Label
226+
</span>
227+
</div>
228+
<div
229+
style={
230+
Object {
231+
"paddingLeft": 18,
232+
"paddingRight": 3,
233+
}
234+
}>
235+
<span
236+
style={
237+
Object {
238+
"color": "#777",
239+
}
240+
}>
241+
</
242+
Badge
243+
>
244+
</span>
245+
</div>
246+
</div>
247+
</pre>
248+
</div>
249+
<div>
250+
<h1
251+
style={
252+
Object {
253+
"borderBottom": "1px solid #EEE",
254+
"fontSize": 25,
255+
"margin": "20px 0 0 0",
256+
"padding": "0 0 5px 0",
257+
}
258+
}>
259+
Prop Types
260+
</h1>
261+
<div>
262+
<h2
263+
style={
264+
Object {
265+
"margin": "20px 0 0 0",
266+
}
267+
}>
268+
\"
269+
Badge
270+
\" Component
271+
</h2>
272+
<table
273+
style={
274+
Object {
275+
"borderCollapse": "separate",
276+
"borderSpacing": "10px 5px",
277+
"marginLeft": -10,
278+
}
279+
}>
280+
<thead>
281+
<tr>
282+
<th>
283+
property
284+
</th>
285+
<th>
286+
propType
287+
</th>
288+
<th>
289+
required
290+
</th>
291+
<th>
292+
default
293+
</th>
294+
</tr>
295+
</thead>
296+
<tbody>
297+
<tr>
298+
<td>
299+
children
300+
</td>
301+
<td>
302+
node
303+
</td>
304+
<td>
305+
no
306+
</td>
307+
<td>
308+
-
309+
</td>
310+
</tr>
311+
<tr>
312+
<td>
313+
label
314+
</td>
315+
<td>
316+
string
317+
</td>
318+
<td>
319+
no
320+
</td>
321+
<td>
322+
-
323+
</td>
324+
</tr>
325+
<tr>
326+
<td>
327+
type
328+
</td>
329+
<td>
330+
other
331+
</td>
332+
<td>
333+
no
334+
</td>
335+
<td>
336+
-
337+
</td>
338+
</tr>
339+
</tbody>
340+
</table>
341+
</div>
342+
</div>
343+
</div>
344+
</div>
345+
</div>
346+
</div>
347+
`;

0 commit comments

Comments
 (0)