Skip to content

Commit a78f96b

Browse files
zoltantothcomzoltantothcom
committed
Update Pattern component tests to cover all lines
1 parent 72a4291 commit a78f96b

File tree

2 files changed

+376
-3
lines changed

2 files changed

+376
-3
lines changed

Diff for: ‎__tests__/components/Pattern.test.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -25,15 +25,15 @@ describe('REFERENCE - Pattern component', () => {
2525
expect(tree).toMatchSnapshot();
2626
});
2727

28-
xit('renders the individual pattern (Singleton) details in LIGHT mode', () => {
28+
it('renders the individual pattern (Prototype) details in LIGHT mode', () => {
2929
const store = mockStore({
3030
mode: 'light'
3131
});
3232
const tree = renderer
3333
.create(
34-
<MemoryRouter initialEntries={['/patterns/singleton']}>
34+
<MemoryRouter initialEntries={['/patterns/prototype']}>
3535
<Provider store={store}>
36-
<Pattern match={{ params: { id: 'singleton' } }} />
36+
<Pattern match={{ params: { id: 'prototype' } }} />
3737
</Provider>
3838
</MemoryRouter>
3939
)

Diff for: ‎__tests__/components/__snapshots__/Pattern.test.js.snap

+373
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,378 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

3+
exports[`REFERENCE - Pattern component renders the individual pattern (Prototype) details in LIGHT mode 1`] = `
4+
.c0 h2,
5+
.c0 h3 {
6+
margin-top: 2.5rem;
7+
}
8+
9+
.c2 {
10+
display: block;
11+
margin-bottom: 8px;
12+
padding: 4px;
13+
text-transform: uppercase;
14+
}
15+
16+
.c3 {
17+
text-transform: capitalize;
18+
}
19+
20+
.c1 {
21+
border-bottom: 1px solid;
22+
display: inline-block;
23+
margin-top: 2rem;
24+
-webkit-text-decoration: none;
25+
text-decoration: none;
26+
}
27+
28+
.c1:hover {
29+
border-bottom: 1px solid transparent;
30+
}
31+
32+
<div
33+
className="c0"
34+
>
35+
<a
36+
className="c1"
37+
href="/patterns"
38+
onClick={[Function]}
39+
>
40+
← Back to Patterns List
41+
</a>
42+
<h2>
43+
Prototype
44+
</h2>
45+
<p>
46+
<span
47+
className="c2"
48+
>
49+
Type:
50+
</span>
51+
<span
52+
className="c3"
53+
>
54+
creational
55+
pattern
56+
</span>
57+
</p>
58+
<p>
59+
<span
60+
className="c2"
61+
>
62+
Definition:
63+
</span>
64+
Specify the kind of objects to create using a prototypical instance,
65+
and create new objects by copying this prototype.
66+
</p>
67+
<p>
68+
<span
69+
className="c2"
70+
>
71+
Use when…
72+
</span>
73+
…
74+
classes to instantiate are available only in runtime
75+
.
76+
</p>
77+
<h3>
78+
ES6
79+
</h3>
80+
<pre
81+
style={
82+
Object {
83+
"background": "#fafafa",
84+
"border": "1px solid #d8d8d8",
85+
"color": "#383a42",
86+
"display": "block",
87+
"overflowX": "auto",
88+
"padding": "1em",
89+
}
90+
}
91+
>
92+
<code>
93+
<span
94+
className="hljs-class"
95+
style={Object {}}
96+
>
97+
<span
98+
style={
99+
Object {
100+
"color": "#a626a4",
101+
}
102+
}
103+
>
104+
class
105+
</span>
106+
107+
<span
108+
style={
109+
Object {
110+
"color": "#4078f2",
111+
}
112+
}
113+
>
114+
Sheep
115+
</span>
116+
117+
</span>
118+
{
119+
120+
<span
121+
style={
122+
Object {
123+
"color": "#a626a4",
124+
}
125+
}
126+
>
127+
constructor
128+
</span>
129+
(name, weight) {
130+
131+
<span
132+
style={
133+
Object {
134+
"color": "#a626a4",
135+
}
136+
}
137+
>
138+
this
139+
</span>
140+
.name = name;
141+
142+
<span
143+
style={
144+
Object {
145+
"color": "#a626a4",
146+
}
147+
}
148+
>
149+
this
150+
</span>
151+
.weight = weight;
152+
}
153+
154+
clone() {
155+
156+
<span
157+
style={
158+
Object {
159+
"color": "#a626a4",
160+
}
161+
}
162+
>
163+
return
164+
</span>
165+
166+
<span
167+
style={
168+
Object {
169+
"color": "#a626a4",
170+
}
171+
}
172+
>
173+
new
174+
</span>
175+
Sheep(
176+
<span
177+
style={
178+
Object {
179+
"color": "#a626a4",
180+
}
181+
}
182+
>
183+
this
184+
</span>
185+
.name,
186+
<span
187+
style={
188+
Object {
189+
"color": "#a626a4",
190+
}
191+
}
192+
>
193+
this
194+
</span>
195+
.weight);
196+
}
197+
}
198+
199+
200+
<span
201+
style={
202+
Object {
203+
"color": "#a626a4",
204+
}
205+
}
206+
>
207+
export
208+
</span>
209+
210+
<span
211+
style={
212+
Object {
213+
"color": "#a626a4",
214+
}
215+
}
216+
>
217+
default
218+
</span>
219+
Sheep;
220+
</code>
221+
</pre>
222+
<h3>
223+
ES5
224+
</h3>
225+
<pre
226+
style={
227+
Object {
228+
"background": "#fafafa",
229+
"border": "1px solid #d8d8d8",
230+
"color": "#383a42",
231+
"display": "block",
232+
"overflowX": "auto",
233+
"padding": "1em",
234+
}
235+
}
236+
>
237+
<code>
238+
<span
239+
className="hljs-function"
240+
style={Object {}}
241+
>
242+
<span
243+
style={
244+
Object {
245+
"color": "#a626a4",
246+
}
247+
}
248+
>
249+
function
250+
</span>
251+
252+
<span
253+
style={
254+
Object {
255+
"color": "#4078f2",
256+
}
257+
}
258+
>
259+
Sheep
260+
</span>
261+
(
262+
<span
263+
className="hljs-params"
264+
style={Object {}}
265+
>
266+
name, weight
267+
</span>
268+
)
269+
</span>
270+
{
271+
272+
<span
273+
style={
274+
Object {
275+
"color": "#a626a4",
276+
}
277+
}
278+
>
279+
this
280+
</span>
281+
.name = name;
282+
283+
<span
284+
style={
285+
Object {
286+
"color": "#a626a4",
287+
}
288+
}
289+
>
290+
this
291+
</span>
292+
.weight = weight;
293+
}
294+
295+
Sheep.prototype.clone =
296+
<span
297+
className="hljs-function"
298+
style={Object {}}
299+
>
300+
<span
301+
style={
302+
Object {
303+
"color": "#a626a4",
304+
}
305+
}
306+
>
307+
function
308+
</span>
309+
(
310+
<span
311+
className="hljs-params"
312+
style={Object {}}
313+
/>
314+
)
315+
</span>
316+
{
317+
318+
<span
319+
style={
320+
Object {
321+
"color": "#a626a4",
322+
}
323+
}
324+
>
325+
return
326+
</span>
327+
328+
<span
329+
style={
330+
Object {
331+
"color": "#a626a4",
332+
}
333+
}
334+
>
335+
new
336+
</span>
337+
Sheep(
338+
<span
339+
style={
340+
Object {
341+
"color": "#a626a4",
342+
}
343+
}
344+
>
345+
this
346+
</span>
347+
.name,
348+
<span
349+
style={
350+
Object {
351+
"color": "#a626a4",
352+
}
353+
}
354+
>
355+
this
356+
</span>
357+
.weight);
358+
};
359+
360+
361+
<span
362+
style={
363+
Object {
364+
"color": "#c18401",
365+
}
366+
}
367+
>
368+
module
369+
</span>
370+
.exports = Sheep;
371+
</code>
372+
</pre>
373+
</div>
374+
`;
375+
3376
exports[`REFERENCE - Pattern component renders the individual pattern (Singleton) details in DARK mode 1`] = `
4377
.c0 h2,
5378
.c0 h3 {

0 commit comments

Comments
 (0)