Skip to content

Commit b3e4a1a

Browse files
citrinincitrinin
authored
Merge pull request #318 from Tekipeps/master
Add unit test for Social component
2 parents fbbb95f + 55951c9 commit b3e4a1a

File tree

2 files changed

+427
-0
lines changed

2 files changed

+427
-0
lines changed

‎src/components/__tests__/__snapshots__/social.test.js.snap‎

Lines changed: 383 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,383 @@
1+
// Jest Snapshot v1, https://goo.gl/fbAQLP
2+
3+
exports[`Social renders correctly 1`] = `
4+
<div
5+
className="px-2 sm:px-6 mb-4"
6+
>
7+
<div
8+
className="text-xl sm:text-2xl font-bold font-title mt-2 mb-2"
9+
>
10+
Social
11+
</div>
12+
<div
13+
className="flex flex-wrap justify-center items-center"
14+
>
15+
<div
16+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
17+
>
18+
<img
19+
alt="github"
20+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
21+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/github.svg"
22+
/>
23+
<input
24+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-1 sm:px-2 focus:border-blue-700"
25+
id="github"
26+
onChange={[Function]}
27+
placeholder="github username"
28+
value="github "
29+
/>
30+
</div>
31+
<div
32+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
33+
>
34+
<img
35+
alt="twitter"
36+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
37+
src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/twitter.svg"
38+
/>
39+
<input
40+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
41+
id="twitter"
42+
onChange={[Function]}
43+
placeholder="twitter username"
44+
value="twitter"
45+
/>
46+
</div>
47+
<div
48+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
49+
>
50+
<img
51+
alt="dev.to"
52+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
53+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/dev-dot-to.svg"
54+
/>
55+
<input
56+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
57+
id="dev"
58+
onChange={[Function]}
59+
placeholder="dev.to username"
60+
value="dev"
61+
/>
62+
</div>
63+
<div
64+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
65+
>
66+
<img
67+
alt="codepen"
68+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
69+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/codepen.svg"
70+
/>
71+
<input
72+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
73+
id="codepen"
74+
onChange={[Function]}
75+
placeholder="codepen username"
76+
value="codepen"
77+
/>
78+
</div>
79+
<div
80+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
81+
>
82+
<img
83+
alt="codesandbox"
84+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
85+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/codesandbox.svg"
86+
/>
87+
<input
88+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
89+
id="codesandbox"
90+
onChange={[Function]}
91+
placeholder="codesandbox username"
92+
value="codesandbodx"
93+
/>
94+
</div>
95+
<div
96+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
97+
>
98+
<img
99+
alt="stackoverflow"
100+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
101+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/stackoverflow.svg"
102+
/>
103+
<input
104+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
105+
id="stackoverflow"
106+
onChange={[Function]}
107+
placeholder="stackoverflow user ID"
108+
value="stackoverflow"
109+
/>
110+
</div>
111+
<div
112+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
113+
>
114+
<img
115+
alt="linkedin"
116+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
117+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/linkedin.svg"
118+
/>
119+
<input
120+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
121+
id="linkedin"
122+
onChange={[Function]}
123+
placeholder="linkedin username"
124+
value="linkedin"
125+
/>
126+
</div>
127+
<div
128+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
129+
>
130+
<img
131+
alt="kaggle"
132+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
133+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/kaggle.svg"
134+
/>
135+
<input
136+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
137+
id="kaggle"
138+
onChange={[Function]}
139+
placeholder="kaggle username"
140+
value="kaggle"
141+
/>
142+
</div>
143+
<div
144+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
145+
>
146+
<img
147+
alt="facebook"
148+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
149+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/facebook.svg"
150+
/>
151+
<input
152+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
153+
id="fb"
154+
onChange={[Function]}
155+
placeholder="facebook username"
156+
value="fb"
157+
/>
158+
</div>
159+
<div
160+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
161+
>
162+
<img
163+
alt="instagram"
164+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
165+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/instagram.svg"
166+
/>
167+
<input
168+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
169+
id="instagram"
170+
onChange={[Function]}
171+
placeholder="instagram username"
172+
value="instagram"
173+
/>
174+
</div>
175+
<div
176+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
177+
>
178+
<img
179+
alt="dribbble"
180+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
181+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/dribbble.svg"
182+
/>
183+
<input
184+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
185+
id="dribbble"
186+
onChange={[Function]}
187+
placeholder="dribbble username"
188+
/>
189+
</div>
190+
<div
191+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
192+
>
193+
<img
194+
alt="behance"
195+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
196+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/behance.svg"
197+
/>
198+
<input
199+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
200+
id="behance"
201+
onChange={[Function]}
202+
placeholder="behance username"
203+
value="behance"
204+
/>
205+
</div>
206+
<div
207+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
208+
>
209+
<img
210+
alt="medium"
211+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
212+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/medium.svg"
213+
/>
214+
<input
215+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
216+
id="medium"
217+
onChange={[Function]}
218+
placeholder="medium username (with @)"
219+
value="medium"
220+
/>
221+
</div>
222+
<div
223+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
224+
>
225+
<img
226+
alt="youtube"
227+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
228+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/youtube.svg"
229+
/>
230+
<input
231+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
232+
id="youtube"
233+
onChange={[Function]}
234+
placeholder="youtube channel name"
235+
value="youtube"
236+
/>
237+
</div>
238+
<div
239+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
240+
>
241+
<img
242+
alt="codechef"
243+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
244+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/codechef.svg"
245+
/>
246+
<input
247+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
248+
id="codechef"
249+
onChange={[Function]}
250+
placeholder="codechef username"
251+
value="codechef"
252+
/>
253+
</div>
254+
<div
255+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
256+
>
257+
<img
258+
alt="hackerrank"
259+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
260+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/hackerrank.svg"
261+
/>
262+
<input
263+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
264+
id="hackerrank"
265+
onChange={[Function]}
266+
placeholder="hackerrank username"
267+
/>
268+
</div>
269+
<div
270+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
271+
>
272+
<img
273+
alt="codeforces"
274+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
275+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/codeforces.svg"
276+
/>
277+
<input
278+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
279+
id="codeforces"
280+
onChange={[Function]}
281+
placeholder="codeforces username"
282+
value="codeforces"
283+
/>
284+
</div>
285+
<div
286+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
287+
>
288+
<img
289+
alt="leetcode"
290+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
291+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/leetcode.svg"
292+
/>
293+
<input
294+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
295+
id="leetcode"
296+
onChange={[Function]}
297+
placeholder="leetcode username"
298+
value="leetcode"
299+
/>
300+
</div>
301+
<div
302+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
303+
>
304+
<img
305+
alt="topcoder"
306+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
307+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/topcoder.svg"
308+
/>
309+
<input
310+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
311+
id="topcoder"
312+
onChange={[Function]}
313+
placeholder="topcoder username"
314+
value="topcoder"
315+
/>
316+
</div>
317+
<div
318+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
319+
>
320+
<img
321+
alt="hackerearth"
322+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
323+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/hackerearth.svg"
324+
/>
325+
<input
326+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
327+
id="hackerearth"
328+
onChange={[Function]}
329+
placeholder="hackerearth user (with @)"
330+
value="@hackerearth"
331+
/>
332+
</div>
333+
<div
334+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
335+
>
336+
<img
337+
alt="geeksforgeeks"
338+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
339+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/geeksforgeeks.svg"
340+
/>
341+
<input
342+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
343+
id="geeksforgeeks"
344+
onChange={[Function]}
345+
placeholder="GFG (<username>/profile)"
346+
value="geeks_for_geeks"
347+
/>
348+
</div>
349+
<div
350+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
351+
>
352+
<img
353+
alt="discord"
354+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
355+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/discord.svg"
356+
/>
357+
<input
358+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
359+
id="discord"
360+
onChange={[Function]}
361+
placeholder="discord invite (only code)"
362+
value="discord"
363+
/>
364+
</div>
365+
<div
366+
className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0"
367+
>
368+
<img
369+
alt="rssfeed"
370+
className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
371+
src="https://cdn.jsdelivr.net/npm/[email protected]/icons/rss.svg"
372+
/>
373+
<input
374+
className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
375+
id="rssurl"
376+
onChange={[Function]}
377+
placeholder="RSS feed URL"
378+
value="rssurl"
379+
/>
380+
</div>
381+
</div>
382+
</div>
383+
`;

0 commit comments

Comments
 (0)