Skip to content

Commit f6222f2

Browse files
rubydevirubydevi
committed
Add Jest Snapshot for Aeroplanes
1 parent 88c0b48 commit f6222f2

File tree

2 files changed

+150
-0
lines changed

2 files changed

+150
-0
lines changed

‎src/__tests__/Aeroplanes.test.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import React from 'react';
2+
import { render } from '@testing-library/react';
3+
import { BrowserRouter } from 'react-router-dom';
4+
import { Provider } from 'react-redux';
5+
import store from '../redux/store';
6+
import Aeroplanes from '../components/Aeroplanes';
7+
8+
test('renders Aeroplanes component correctly', () => {
9+
const { container } = render(
10+
<Provider store={store}>
11+
<BrowserRouter>
12+
<Aeroplanes />
13+
</BrowserRouter>
14+
</Provider>,
15+
);
16+
expect(container).toMatchSnapshot();
17+
});

‎src/__tests__/__snapshots__/Aeroplanes.test.js.snap

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
// Jest Snapshot v1, https://goo.gl/fbAQLP
2+
3+
exports[`renders Aeroplanes component correctly 1`] = `
4+
<div>
5+
<div
6+
class="d-flex justify-content-center align-items-center vh-100"
7+
role="status"
8+
style=""
9+
>
10+
<li
11+
class="list-group-item"
12+
style="width: 17rem;"
13+
>
14+
<div
15+
class=""
16+
>
17+
<div
18+
class=""
19+
>
20+
<img
21+
alt=""
22+
class=" skeleton skeleton-card-img"
23+
/>
24+
</div>
25+
<div
26+
class="d-flex justify-content-center align-items-center w-75"
27+
>
28+
<div
29+
class="h6 skeleton skeleton-card-header"
30+
/>
31+
</div>
32+
<p
33+
class=" skeleton skeleton-card-text"
34+
/>
35+
<p
36+
class=" skeleton skeleton-card-text"
37+
/>
38+
<p
39+
class=" skeleton skeleton-card-text"
40+
/>
41+
<p
42+
class=" skeleton skeleton-card-text"
43+
/>
44+
<p
45+
class=" skeleton skeleton-card-text"
46+
/>
47+
</div>
48+
</li>
49+
<div
50+
class=" d-none d-lg-block d-lg-flex justify-content-center align-items-center "
51+
>
52+
<li
53+
class="list-group-item"
54+
style="width: 17rem;"
55+
>
56+
<div
57+
class=""
58+
>
59+
<div
60+
class=""
61+
>
62+
<img
63+
alt=""
64+
class=" skeleton skeleton-card-img"
65+
/>
66+
</div>
67+
<div
68+
class="d-flex justify-content-center align-items-center w-75"
69+
>
70+
<div
71+
class="h6 skeleton skeleton-card-header"
72+
/>
73+
</div>
74+
<p
75+
class=" skeleton skeleton-card-text"
76+
/>
77+
<p
78+
class=" skeleton skeleton-card-text"
79+
/>
80+
<p
81+
class=" skeleton skeleton-card-text"
82+
/>
83+
<p
84+
class=" skeleton skeleton-card-text"
85+
/>
86+
<p
87+
class=" skeleton skeleton-card-text"
88+
/>
89+
</div>
90+
</li>
91+
<li
92+
class="list-group-item"
93+
style="width: 17rem;"
94+
>
95+
<div
96+
class=""
97+
>
98+
<div
99+
class=""
100+
>
101+
<img
102+
alt=""
103+
class=" skeleton skeleton-card-img"
104+
/>
105+
</div>
106+
<div
107+
class="d-flex justify-content-center align-items-center w-75"
108+
>
109+
<div
110+
class="h6 skeleton skeleton-card-header"
111+
/>
112+
</div>
113+
<p
114+
class=" skeleton skeleton-card-text"
115+
/>
116+
<p
117+
class=" skeleton skeleton-card-text"
118+
/>
119+
<p
120+
class=" skeleton skeleton-card-text"
121+
/>
122+
<p
123+
class=" skeleton skeleton-card-text"
124+
/>
125+
<p
126+
class=" skeleton skeleton-card-text"
127+
/>
128+
</div>
129+
</li>
130+
</div>
131+
</div>
132+
</div>
133+
`;

0 commit comments

Comments
 (0)