Skip to content

Commit 7fb41cb

Browse files
tomrule007tomrule007
committed
Update snapshots with new MarkdownToolbar
1 parent 993cd27 commit 7fb41cb

File tree

10 files changed

+17573
-57
lines changed

10 files changed

+17573
-57
lines changed

‎__tests__/__snapshots__/storyshots.test.js.snap‎

Lines changed: 3972 additions & 57 deletions
Large diffs are not rendered by default.

‎__tests__/pages/admin/__snapshots__/lessons.test.js.snap‎

Lines changed: 3984 additions & 0 deletions
Large diffs are not rendered by default.

‎__tests__/pages/review/__snapshots__/[lesson].test.js.snap‎

Lines changed: 498 additions & 0 deletions
Large diffs are not rendered by default.

‎components/__snapshots__/ChallengeMaterial.test.js.snap‎

Lines changed: 830 additions & 0 deletions
Large diffs are not rendered by default.

‎components/__snapshots__/DiffView.test.js.snap‎

Lines changed: 498 additions & 0 deletions
Large diffs are not rendered by default.

‎components/__snapshots__/FormCard.test.js.snap‎

Lines changed: 496 additions & 0 deletions
Large diffs are not rendered by default.

‎components/__snapshots__/MdInput.test.js.snap‎

Lines changed: 331 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,171 @@ exports[`MdInput Component Should render text onto textbox when user types 1`] =
8888
Preview
8989
</a>
9090
</div>
91+
<div
92+
class="ml-auto btn-toolbar"
93+
role="toolbar"
94+
>
95+
<button
96+
aria-label="Add header text"
97+
class="btn"
98+
>
99+
<svg
100+
aria-hidden="true"
101+
class="octicon octicon-heading"
102+
fill="currentColor"
103+
height="16"
104+
role="img"
105+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
106+
viewBox="0 0 16 16"
107+
width="16"
108+
>
109+
<path
110+
d="M3.75 2a.75.75 0 01.75.75V7h7V2.75a.75.75 0 011.5 0v10.5a.75.75 0 01-1.5 0V8.5h-7v4.75a.75.75 0 01-1.5 0V2.75A.75.75 0 013.75 2z"
111+
fill-rule="evenodd"
112+
/>
113+
</svg>
114+
</button>
115+
<button
116+
aria-label="Add bold text <ctrl+b>"
117+
class="btn"
118+
>
119+
<svg
120+
aria-hidden="true"
121+
class="octicon octicon-bold"
122+
fill="currentColor"
123+
height="16"
124+
role="img"
125+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
126+
viewBox="0 0 16 16"
127+
width="16"
128+
>
129+
<path
130+
d="M4 2a1 1 0 00-1 1v10a1 1 0 001 1h5.5a3.5 3.5 0 001.852-6.47A3.5 3.5 0 008.5 2H4zm4.5 5a1.5 1.5 0 100-3H5v3h3.5zM5 9v3h4.5a1.5 1.5 0 000-3H5z"
131+
fill-rule="evenodd"
132+
/>
133+
</svg>
134+
</button>
135+
<button
136+
aria-label="Add italic text <ctrl+i>"
137+
class="btn"
138+
>
139+
<svg
140+
aria-hidden="true"
141+
class="octicon octicon-italic"
142+
fill="currentColor"
143+
height="16"
144+
role="img"
145+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
146+
viewBox="0 0 16 16"
147+
width="16"
148+
>
149+
<path
150+
d="M6 2.75A.75.75 0 016.75 2h6.5a.75.75 0 010 1.5h-2.505l-3.858 9H9.25a.75.75 0 010 1.5h-6.5a.75.75 0 010-1.5h2.505l3.858-9H6.75A.75.75 0 016 2.75z"
151+
fill-rule="evenodd"
152+
/>
153+
</svg>
154+
</button>
155+
<button
156+
aria-label="Insert a quote <ctrl+shift+.>"
157+
class="btn"
158+
>
159+
<svg
160+
aria-hidden="true"
161+
class="octicon octicon-quote"
162+
fill="currentColor"
163+
height="16"
164+
role="img"
165+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
166+
viewBox="0 0 16 16"
167+
width="16"
168+
>
169+
<path
170+
d="M1.75 2.5a.75.75 0 000 1.5h10.5a.75.75 0 000-1.5H1.75zm4 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM2.5 7.75a.75.75 0 00-1.5 0v6a.75.75 0 001.5 0v-6z"
171+
fill-rule="evenodd"
172+
/>
173+
</svg>
174+
</button>
175+
<button
176+
aria-label="Insert code <ctrl+e>"
177+
class="btn"
178+
>
179+
<svg
180+
aria-hidden="true"
181+
class="octicon octicon-code"
182+
fill="currentColor"
183+
height="16"
184+
role="img"
185+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
186+
viewBox="0 0 16 16"
187+
width="16"
188+
>
189+
<path
190+
d="M4.72 3.22a.75.75 0 011.06 1.06L2.06 8l3.72 3.72a.75.75 0 11-1.06 1.06L.47 8.53a.75.75 0 010-1.06l4.25-4.25zm6.56 0a.75.75 0 10-1.06 1.06L13.94 8l-3.72 3.72a.75.75 0 101.06 1.06l4.25-4.25a.75.75 0 000-1.06l-4.25-4.25z"
191+
fill-rule="evenodd"
192+
/>
193+
</svg>
194+
</button>
195+
<button
196+
aria-label="Add a link <ctrl+k>"
197+
class="btn"
198+
>
199+
<svg
200+
aria-hidden="true"
201+
class="octicon octicon-link"
202+
fill="currentColor"
203+
height="16"
204+
role="img"
205+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
206+
viewBox="0 0 16 16"
207+
width="16"
208+
>
209+
<path
210+
d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"
211+
fill-rule="evenodd"
212+
/>
213+
</svg>
214+
</button>
215+
<button
216+
aria-label="Add a bulleted list <ctrl+shift+8>"
217+
class="btn"
218+
>
219+
<svg
220+
aria-hidden="true"
221+
class="octicon octicon-list-unordered"
222+
fill="currentColor"
223+
height="16"
224+
role="img"
225+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
226+
viewBox="0 0 16 16"
227+
width="16"
228+
>
229+
<path
230+
d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"
231+
fill-rule="evenodd"
232+
/>
233+
</svg>
234+
</button>
235+
<button
236+
aria-label="Add a numbered list <ctrl+shift+7>"
237+
class="btn"
238+
>
239+
<svg
240+
aria-hidden="true"
241+
class="octicon octicon-list-ordered"
242+
fill="currentColor"
243+
height="16"
244+
role="img"
245+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
246+
viewBox="0 0 16 16"
247+
width="16"
248+
>
249+
<path
250+
d="M2.003 2.5a.5.5 0 00-.723-.447l-1.003.5a.5.5 0 00.446.895l.28-.14V6H.5a.5.5 0 000 1h2.006a.5.5 0 100-1h-.503V2.5zM5 3.25a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 015 3.25zm0 5a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 015 8.25zm0 5a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5h-8.5a.75.75 0 01-.75-.75zM.924 10.32l.003-.004a.851.851 0 01.144-.153A.66.66 0 011.5 10c.195 0 .306.068.374.146a.57.57 0 01.128.376c0 .453-.269.682-.8 1.078l-.035.025C.692 11.98 0 12.495 0 13.5a.5.5 0 00.5.5h2.003a.5.5 0 000-1H1.146c.132-.197.351-.372.654-.597l.047-.035c.47-.35 1.156-.858 1.156-1.845 0-.365-.118-.744-.377-1.038-.268-.303-.658-.484-1.126-.484-.48 0-.84.202-1.068.392a1.858 1.858 0 00-.348.384l-.007.011-.002.004-.001.002-.001.001a.5.5 0 00.851.525zM.5 10.055l-.427-.26.427.26z"
251+
fill-rule="evenodd"
252+
/>
253+
</svg>
254+
</button>
255+
</div>
91256
</div>
92257
<textarea
93258
class="textarea"
@@ -133,11 +298,177 @@ exports[`MdInput Component Should switch to Write mode when user clicks Write bu
133298
Preview
134299
</a>
135300
</div>
301+
<div
302+
class="ml-auto btn-toolbar"
303+
role="toolbar"
304+
>
305+
<button
306+
aria-label="Add header text"
307+
class="btn"
308+
>
309+
<svg
310+
aria-hidden="true"
311+
class="octicon octicon-heading"
312+
fill="currentColor"
313+
height="16"
314+
role="img"
315+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
316+
viewBox="0 0 16 16"
317+
width="16"
318+
>
319+
<path
320+
d="M3.75 2a.75.75 0 01.75.75V7h7V2.75a.75.75 0 011.5 0v10.5a.75.75 0 01-1.5 0V8.5h-7v4.75a.75.75 0 01-1.5 0V2.75A.75.75 0 013.75 2z"
321+
fill-rule="evenodd"
322+
/>
323+
</svg>
324+
</button>
325+
<button
326+
aria-label="Add bold text <ctrl+b>"
327+
class="btn"
328+
>
329+
<svg
330+
aria-hidden="true"
331+
class="octicon octicon-bold"
332+
fill="currentColor"
333+
height="16"
334+
role="img"
335+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
336+
viewBox="0 0 16 16"
337+
width="16"
338+
>
339+
<path
340+
d="M4 2a1 1 0 00-1 1v10a1 1 0 001 1h5.5a3.5 3.5 0 001.852-6.47A3.5 3.5 0 008.5 2H4zm4.5 5a1.5 1.5 0 100-3H5v3h3.5zM5 9v3h4.5a1.5 1.5 0 000-3H5z"
341+
fill-rule="evenodd"
342+
/>
343+
</svg>
344+
</button>
345+
<button
346+
aria-label="Add italic text <ctrl+i>"
347+
class="btn"
348+
>
349+
<svg
350+
aria-hidden="true"
351+
class="octicon octicon-italic"
352+
fill="currentColor"
353+
height="16"
354+
role="img"
355+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
356+
viewBox="0 0 16 16"
357+
width="16"
358+
>
359+
<path
360+
d="M6 2.75A.75.75 0 016.75 2h6.5a.75.75 0 010 1.5h-2.505l-3.858 9H9.25a.75.75 0 010 1.5h-6.5a.75.75 0 010-1.5h2.505l3.858-9H6.75A.75.75 0 016 2.75z"
361+
fill-rule="evenodd"
362+
/>
363+
</svg>
364+
</button>
365+
<button
366+
aria-label="Insert a quote <ctrl+shift+.>"
367+
class="btn"
368+
>
369+
<svg
370+
aria-hidden="true"
371+
class="octicon octicon-quote"
372+
fill="currentColor"
373+
height="16"
374+
role="img"
375+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
376+
viewBox="0 0 16 16"
377+
width="16"
378+
>
379+
<path
380+
d="M1.75 2.5a.75.75 0 000 1.5h10.5a.75.75 0 000-1.5H1.75zm4 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM2.5 7.75a.75.75 0 00-1.5 0v6a.75.75 0 001.5 0v-6z"
381+
fill-rule="evenodd"
382+
/>
383+
</svg>
384+
</button>
385+
<button
386+
aria-label="Insert code <ctrl+e>"
387+
class="btn"
388+
>
389+
<svg
390+
aria-hidden="true"
391+
class="octicon octicon-code"
392+
fill="currentColor"
393+
height="16"
394+
role="img"
395+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
396+
viewBox="0 0 16 16"
397+
width="16"
398+
>
399+
<path
400+
d="M4.72 3.22a.75.75 0 011.06 1.06L2.06 8l3.72 3.72a.75.75 0 11-1.06 1.06L.47 8.53a.75.75 0 010-1.06l4.25-4.25zm6.56 0a.75.75 0 10-1.06 1.06L13.94 8l-3.72 3.72a.75.75 0 101.06 1.06l4.25-4.25a.75.75 0 000-1.06l-4.25-4.25z"
401+
fill-rule="evenodd"
402+
/>
403+
</svg>
404+
</button>
405+
<button
406+
aria-label="Add a link <ctrl+k>"
407+
class="btn"
408+
>
409+
<svg
410+
aria-hidden="true"
411+
class="octicon octicon-link"
412+
fill="currentColor"
413+
height="16"
414+
role="img"
415+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
416+
viewBox="0 0 16 16"
417+
width="16"
418+
>
419+
<path
420+
d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"
421+
fill-rule="evenodd"
422+
/>
423+
</svg>
424+
</button>
425+
<button
426+
aria-label="Add a bulleted list <ctrl+shift+8>"
427+
class="btn"
428+
>
429+
<svg
430+
aria-hidden="true"
431+
class="octicon octicon-list-unordered"
432+
fill="currentColor"
433+
height="16"
434+
role="img"
435+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
436+
viewBox="0 0 16 16"
437+
width="16"
438+
>
439+
<path
440+
d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"
441+
fill-rule="evenodd"
442+
/>
443+
</svg>
444+
</button>
445+
<button
446+
aria-label="Add a numbered list <ctrl+shift+7>"
447+
class="btn"
448+
>
449+
<svg
450+
aria-hidden="true"
451+
class="octicon octicon-list-ordered"
452+
fill="currentColor"
453+
height="16"
454+
role="img"
455+
style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
456+
viewBox="0 0 16 16"
457+
width="16"
458+
>
459+
<path
460+
d="M2.003 2.5a.5.5 0 00-.723-.447l-1.003.5a.5.5 0 00.446.895l.28-.14V6H.5a.5.5 0 000 1h2.006a.5.5 0 100-1h-.503V2.5zM5 3.25a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 015 3.25zm0 5a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 015 8.25zm0 5a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5h-8.5a.75.75 0 01-.75-.75zM.924 10.32l.003-.004a.851.851 0 01.144-.153A.66.66 0 011.5 10c.195 0 .306.068.374.146a.57.57 0 01.128.376c0 .453-.269.682-.8 1.078l-.035.025C.692 11.98 0 12.495 0 13.5a.5.5 0 00.5.5h2.003a.5.5 0 000-1H1.146c.132-.197.351-.372.654-.597l.047-.035c.47-.35 1.156-.858 1.156-1.845 0-.365-.118-.744-.377-1.038-.268-.303-.658-.484-1.126-.484-.48 0-.84.202-1.068.392a1.858 1.858 0 00-.348.384l-.007.011-.002.004-.001.002-.001.001a.5.5 0 00.851.525zM.5 10.055l-.427-.26.427.26z"
461+
fill-rule="evenodd"
462+
/>
463+
</svg>
464+
</button>
465+
</div>
136466
</div>
137467
<textarea
138468
class="textarea"
139469
data-testid="textbox"
140470
placeholder="Type something..."
471+
style="height: 2px;"
141472
/>
142473
</div>
143474
</div>

0 commit comments

Comments
 (0)