@zohodesk/dot 1.0.0-temp-210.1 → 1.0.0-temp-211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +5 -0
  3. package/es/ActionButton/__tests__/ActionButton.spec.js +353 -2
  4. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
  5. package/es/Drawer/Drawer.js +2 -10
  6. package/es/Drawer/__tests__/Content.spec.js +24 -0
  7. package/es/Drawer/__tests__/Drawer.spec.js +130 -4
  8. package/es/Drawer/__tests__/Footer.spec.js +34 -0
  9. package/es/Drawer/__tests__/Header.spec.js +173 -0
  10. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
  11. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
  12. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
  13. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
  14. package/es/Drawer/props/defaultProps.js +1 -5
  15. package/es/Drawer/props/propTypes.js +1 -5
  16. package/es/FlipCard/__tests__/FlipCard.spec.js +606 -2
  17. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
  18. package/es/FreezeLayer/FreezeLayer.js +3 -11
  19. package/es/FreezeLayer/props/defaultProps.js +1 -5
  20. package/es/FreezeLayer/props/propTypes.js +1 -5
  21. package/es/Link/__tests__/Link.spec.js +123 -3
  22. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
  23. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +8 -2
  24. package/es/list/ListStencils/ListStencils.js +7 -2
  25. package/es/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
  26. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
  27. package/es/list/ListStencils/props/propTypes.js +3 -1
  28. package/lib/ActionButton/__tests__/ActionButton.spec.js +354 -1
  29. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
  30. package/lib/Drawer/Drawer.js +2 -10
  31. package/lib/Drawer/__tests__/Content.spec.js +35 -0
  32. package/lib/Drawer/__tests__/Drawer.spec.js +132 -5
  33. package/lib/Drawer/__tests__/Footer.spec.js +41 -0
  34. package/lib/Drawer/__tests__/Header.spec.js +192 -0
  35. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
  36. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
  37. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
  38. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
  39. package/lib/Drawer/props/defaultProps.js +1 -5
  40. package/lib/Drawer/props/propTypes.js +1 -5
  41. package/lib/FlipCard/__tests__/FlipCard.spec.js +613 -1
  42. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
  43. package/lib/FreezeLayer/FreezeLayer.js +3 -11
  44. package/lib/FreezeLayer/props/defaultProps.js +1 -5
  45. package/lib/FreezeLayer/props/propTypes.js +1 -5
  46. package/lib/Link/__tests__/Link.spec.js +130 -4
  47. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
  48. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +12 -6
  49. package/lib/list/ListStencils/ListStencils.js +8 -2
  50. package/lib/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
  51. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
  52. package/lib/list/ListStencils/props/propTypes.js +3 -1
  53. package/package.json +6 -6
  54. package/result.json +1 -0
  55. package/unittest/index.html +45 -0
package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap ADDED
@@ -0,0 +1,782 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Header Component - Title Prop Combinations renders Header with title and close button 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="notScroll header smallHeaderPadding shrinkOff"
7
+ data-id="CardHeader"
8
+ data-selector-id="cardHeader"
9
+ data-test-id="CardHeader"
10
+ >
11
+ <div
12
+ class="subheader flex rowdir vCenter"
13
+ data-id="containerComponent"
14
+ data-selector-id="container"
15
+ data-test-id="containerComponent"
16
+ >
17
+ <div
18
+ class="grow basis shrinkOn"
19
+ data-id="boxComponent"
20
+ data-selector-id="box"
21
+ data-test-id="boxComponent"
22
+ >
23
+ <div
24
+ class="flex rowdir vCenter"
25
+ data-id="containerComponent"
26
+ data-selector-id="container"
27
+ data-test-id="containerComponent"
28
+ >
29
+ <div
30
+ class="shrinkOn"
31
+ data-id="boxComponent"
32
+ data-selector-id="box"
33
+ data-test-id="boxComponent"
34
+ >
35
+ <div
36
+ class="flex cover rowdir vCenter"
37
+ data-id="containerComponent"
38
+ data-selector-id="container"
39
+ data-test-id="containerComponent"
40
+ >
41
+ <div
42
+ class="shrinkOn"
43
+ data-id="boxComponent"
44
+ data-selector-id="box"
45
+ data-test-id="boxComponent"
46
+ data-title="Header Title"
47
+ >
48
+ <h1
49
+ class="reset title"
50
+ data-title="Header Title"
51
+ >
52
+ Header Title
53
+ </h1>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ <div
60
+ class="shrinkOff"
61
+ data-id="boxComponent"
62
+ data-selector-id="box"
63
+ data-test-id="boxComponent"
64
+ >
65
+ <button
66
+ aria-label="Close"
67
+ aria-pressed="false"
68
+ class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
69
+ data-id="closeButton"
70
+ data-ishtml="false"
71
+ data-selector-id="iconButton"
72
+ data-test-id="closeButton"
73
+ >
74
+ <i
75
+ aria-hidden="true"
76
+ class="zd_font_icons basic icon-cross "
77
+ data-id="fontIcon"
78
+ data-selector-id="fontIcon"
79
+ data-test-id="fontIcon"
80
+ style="--zd-iconfont-size: var(--zd_font_size11);"
81
+ />
82
+ </button>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ </DocumentFragment>
87
+ `;
88
+
89
+ exports[`Header Component - Title Prop Combinations renders Header with title and custom className 1`] = `
90
+ <DocumentFragment>
91
+ <div
92
+ class="notScroll header smallHeaderPadding custom-header shrinkOff"
93
+ data-id="CardHeader"
94
+ data-selector-id="cardHeader"
95
+ data-test-id="CardHeader"
96
+ >
97
+ <div
98
+ class="subheader flex rowdir vCenter"
99
+ data-id="containerComponent"
100
+ data-selector-id="container"
101
+ data-test-id="containerComponent"
102
+ >
103
+ <div
104
+ class="grow basis shrinkOn"
105
+ data-id="boxComponent"
106
+ data-selector-id="box"
107
+ data-test-id="boxComponent"
108
+ >
109
+ <div
110
+ class="flex rowdir vCenter"
111
+ data-id="containerComponent"
112
+ data-selector-id="container"
113
+ data-test-id="containerComponent"
114
+ >
115
+ <div
116
+ class="shrinkOn"
117
+ data-id="boxComponent"
118
+ data-selector-id="box"
119
+ data-test-id="boxComponent"
120
+ >
121
+ <div
122
+ class="flex cover rowdir vCenter"
123
+ data-id="containerComponent"
124
+ data-selector-id="container"
125
+ data-test-id="containerComponent"
126
+ >
127
+ <div
128
+ class="shrinkOn"
129
+ data-id="boxComponent"
130
+ data-selector-id="box"
131
+ data-test-id="boxComponent"
132
+ data-title="Header Title"
133
+ >
134
+ <h1
135
+ class="reset title"
136
+ data-title="Header Title"
137
+ >
138
+ Header Title
139
+ </h1>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ </DocumentFragment>
148
+ `;
149
+
150
+ exports[`Header Component - Title Prop Combinations renders Header with title and getTitleChildren function 1`] = `
151
+ <DocumentFragment>
152
+ <div
153
+ class="notScroll header smallHeaderPadding shrinkOff"
154
+ data-id="CardHeader"
155
+ data-selector-id="cardHeader"
156
+ data-test-id="CardHeader"
157
+ >
158
+ <div
159
+ class="subheader flex rowdir vCenter"
160
+ data-id="containerComponent"
161
+ data-selector-id="container"
162
+ data-test-id="containerComponent"
163
+ >
164
+ <div
165
+ class="grow basis shrinkOn"
166
+ data-id="boxComponent"
167
+ data-selector-id="box"
168
+ data-test-id="boxComponent"
169
+ >
170
+ <div
171
+ class="flex rowdir vCenter"
172
+ data-id="containerComponent"
173
+ data-selector-id="container"
174
+ data-test-id="containerComponent"
175
+ >
176
+ <div
177
+ class="shrinkOn"
178
+ data-id="boxComponent"
179
+ data-selector-id="box"
180
+ data-test-id="boxComponent"
181
+ >
182
+ <div
183
+ class="flex cover rowdir vCenter"
184
+ data-id="containerComponent"
185
+ data-selector-id="container"
186
+ data-test-id="containerComponent"
187
+ >
188
+ <div
189
+ class="shrinkOn"
190
+ data-id="boxComponent"
191
+ data-selector-id="box"
192
+ data-test-id="boxComponent"
193
+ data-title="Header Title"
194
+ >
195
+ <h1
196
+ class="reset title"
197
+ data-title="Header Title"
198
+ >
199
+ Header Title
200
+ </h1>
201
+ </div>
202
+ <div
203
+ class="shrinkOff"
204
+ data-id="boxComponent"
205
+ data-selector-id="box"
206
+ data-test-id="boxComponent"
207
+ >
208
+ <div>
209
+ Title Child
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </DocumentFragment>
219
+ `;
220
+
221
+ exports[`Header Component - Title Prop Combinations renders Header with title and icon 1`] = `
222
+ <DocumentFragment>
223
+ <div
224
+ class="notScroll header smallHeaderPadding shrinkOff"
225
+ data-id="CardHeader"
226
+ data-selector-id="cardHeader"
227
+ data-test-id="CardHeader"
228
+ >
229
+ <div
230
+ class="subheader flex rowdir vCenter"
231
+ data-id="containerComponent"
232
+ data-selector-id="container"
233
+ data-test-id="containerComponent"
234
+ >
235
+ <div
236
+ class="grow basis shrinkOn"
237
+ data-id="boxComponent"
238
+ data-selector-id="box"
239
+ data-test-id="boxComponent"
240
+ >
241
+ <div
242
+ class="flex rowdir vCenter"
243
+ data-id="containerComponent"
244
+ data-selector-id="container"
245
+ data-test-id="containerComponent"
246
+ >
247
+ <div
248
+ class="iconWrapper shrinkOff"
249
+ data-id="boxComponent"
250
+ data-selector-id="box"
251
+ data-test-id="boxComponent"
252
+ >
253
+ <button
254
+ aria-pressed="false"
255
+ class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
256
+ data-id="iconContainer"
257
+ data-ishtml="false"
258
+ data-selector-id="iconButton"
259
+ data-test-id="iconContainer"
260
+ />
261
+ </div>
262
+ <div
263
+ class="shrinkOn"
264
+ data-id="boxComponent"
265
+ data-selector-id="box"
266
+ data-test-id="boxComponent"
267
+ >
268
+ <div
269
+ class="flex cover rowdir vCenter"
270
+ data-id="containerComponent"
271
+ data-selector-id="container"
272
+ data-test-id="containerComponent"
273
+ >
274
+ <div
275
+ class="shrinkOn"
276
+ data-id="boxComponent"
277
+ data-selector-id="box"
278
+ data-test-id="boxComponent"
279
+ data-title="Header Title"
280
+ >
281
+ <h1
282
+ class="reset title"
283
+ data-title="Header Title"
284
+ >
285
+ Header Title
286
+ </h1>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </DocumentFragment>
295
+ `;
296
+
297
+ exports[`Header Component - Title Prop Combinations renders Header with title only 1`] = `
298
+ <DocumentFragment>
299
+ <div
300
+ class="notScroll header smallHeaderPadding shrinkOff"
301
+ data-id="CardHeader"
302
+ data-selector-id="cardHeader"
303
+ data-test-id="CardHeader"
304
+ >
305
+ <div
306
+ class="subheader flex rowdir vCenter"
307
+ data-id="containerComponent"
308
+ data-selector-id="container"
309
+ data-test-id="containerComponent"
310
+ >
311
+ <div
312
+ class="grow basis shrinkOn"
313
+ data-id="boxComponent"
314
+ data-selector-id="box"
315
+ data-test-id="boxComponent"
316
+ >
317
+ <div
318
+ class="flex rowdir vCenter"
319
+ data-id="containerComponent"
320
+ data-selector-id="container"
321
+ data-test-id="containerComponent"
322
+ >
323
+ <div
324
+ class="shrinkOn"
325
+ data-id="boxComponent"
326
+ data-selector-id="box"
327
+ data-test-id="boxComponent"
328
+ >
329
+ <div
330
+ class="flex cover rowdir vCenter"
331
+ data-id="containerComponent"
332
+ data-selector-id="container"
333
+ data-test-id="containerComponent"
334
+ >
335
+ <div
336
+ class="shrinkOn"
337
+ data-id="boxComponent"
338
+ data-selector-id="box"
339
+ data-test-id="boxComponent"
340
+ data-title="Header Title"
341
+ >
342
+ <h1
343
+ class="reset title"
344
+ data-title="Header Title"
345
+ >
346
+ Header Title
347
+ </h1>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </DocumentFragment>
356
+ `;
357
+
358
+ exports[`Header Component - Title Prop Combinations renders Header with title, close button, and getTitleChildren function 1`] = `
359
+ <DocumentFragment>
360
+ <div
361
+ class="notScroll header smallHeaderPadding shrinkOff"
362
+ data-id="CardHeader"
363
+ data-selector-id="cardHeader"
364
+ data-test-id="CardHeader"
365
+ >
366
+ <div
367
+ class="subheader flex rowdir vCenter"
368
+ data-id="containerComponent"
369
+ data-selector-id="container"
370
+ data-test-id="containerComponent"
371
+ >
372
+ <div
373
+ class="grow basis shrinkOn"
374
+ data-id="boxComponent"
375
+ data-selector-id="box"
376
+ data-test-id="boxComponent"
377
+ >
378
+ <div
379
+ class="flex rowdir vCenter"
380
+ data-id="containerComponent"
381
+ data-selector-id="container"
382
+ data-test-id="containerComponent"
383
+ >
384
+ <div
385
+ class="shrinkOn"
386
+ data-id="boxComponent"
387
+ data-selector-id="box"
388
+ data-test-id="boxComponent"
389
+ >
390
+ <div
391
+ class="flex cover rowdir vCenter"
392
+ data-id="containerComponent"
393
+ data-selector-id="container"
394
+ data-test-id="containerComponent"
395
+ >
396
+ <div
397
+ class="shrinkOn"
398
+ data-id="boxComponent"
399
+ data-selector-id="box"
400
+ data-test-id="boxComponent"
401
+ data-title="Header Title"
402
+ >
403
+ <h1
404
+ class="reset title"
405
+ data-title="Header Title"
406
+ >
407
+ Header Title
408
+ </h1>
409
+ </div>
410
+ <div
411
+ class="shrinkOff"
412
+ data-id="boxComponent"
413
+ data-selector-id="box"
414
+ data-test-id="boxComponent"
415
+ >
416
+ <div>
417
+ Title Child
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ </div>
424
+ <div
425
+ class="shrinkOff"
426
+ data-id="boxComponent"
427
+ data-selector-id="box"
428
+ data-test-id="boxComponent"
429
+ >
430
+ <button
431
+ aria-label="Close"
432
+ aria-pressed="false"
433
+ class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
434
+ data-id="closeButton"
435
+ data-ishtml="false"
436
+ data-selector-id="iconButton"
437
+ data-test-id="closeButton"
438
+ >
439
+ <i
440
+ aria-hidden="true"
441
+ class="zd_font_icons basic icon-cross "
442
+ data-id="fontIcon"
443
+ data-selector-id="fontIcon"
444
+ data-test-id="fontIcon"
445
+ style="--zd-iconfont-size: var(--zd_font_size11);"
446
+ />
447
+ </button>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </DocumentFragment>
452
+ `;
453
+
454
+ exports[`Header Component - Title Prop Combinations renders Header with title, icon, and close button 1`] = `
455
+ <DocumentFragment>
456
+ <div
457
+ class="notScroll header smallHeaderPadding shrinkOff"
458
+ data-id="CardHeader"
459
+ data-selector-id="cardHeader"
460
+ data-test-id="CardHeader"
461
+ >
462
+ <div
463
+ class="subheader flex rowdir vCenter"
464
+ data-id="containerComponent"
465
+ data-selector-id="container"
466
+ data-test-id="containerComponent"
467
+ >
468
+ <div
469
+ class="grow basis shrinkOn"
470
+ data-id="boxComponent"
471
+ data-selector-id="box"
472
+ data-test-id="boxComponent"
473
+ >
474
+ <div
475
+ class="flex rowdir vCenter"
476
+ data-id="containerComponent"
477
+ data-selector-id="container"
478
+ data-test-id="containerComponent"
479
+ >
480
+ <div
481
+ class="iconWrapper shrinkOff"
482
+ data-id="boxComponent"
483
+ data-selector-id="box"
484
+ data-test-id="boxComponent"
485
+ >
486
+ <button
487
+ aria-pressed="false"
488
+ class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
489
+ data-id="iconContainer"
490
+ data-ishtml="false"
491
+ data-selector-id="iconButton"
492
+ data-test-id="iconContainer"
493
+ />
494
+ </div>
495
+ <div
496
+ class="shrinkOn"
497
+ data-id="boxComponent"
498
+ data-selector-id="box"
499
+ data-test-id="boxComponent"
500
+ >
501
+ <div
502
+ class="flex cover rowdir vCenter"
503
+ data-id="containerComponent"
504
+ data-selector-id="container"
505
+ data-test-id="containerComponent"
506
+ >
507
+ <div
508
+ class="shrinkOn"
509
+ data-id="boxComponent"
510
+ data-selector-id="box"
511
+ data-test-id="boxComponent"
512
+ data-title="Header Title"
513
+ >
514
+ <h1
515
+ class="reset title"
516
+ data-title="Header Title"
517
+ >
518
+ Header Title
519
+ </h1>
520
+ </div>
521
+ </div>
522
+ </div>
523
+ </div>
524
+ </div>
525
+ <div
526
+ class="shrinkOff"
527
+ data-id="boxComponent"
528
+ data-selector-id="box"
529
+ data-test-id="boxComponent"
530
+ >
531
+ <button
532
+ aria-label="Close"
533
+ aria-pressed="false"
534
+ class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
535
+ data-id="closeButton"
536
+ data-ishtml="false"
537
+ data-selector-id="iconButton"
538
+ data-test-id="closeButton"
539
+ >
540
+ <i
541
+ aria-hidden="true"
542
+ class="zd_font_icons basic icon-cross "
543
+ data-id="fontIcon"
544
+ data-selector-id="fontIcon"
545
+ data-test-id="fontIcon"
546
+ style="--zd-iconfont-size: var(--zd_font_size11);"
547
+ />
548
+ </button>
549
+ </div>
550
+ </div>
551
+ </div>
552
+ </DocumentFragment>
553
+ `;
554
+
555
+ exports[`Header Component - Title Prop Combinations renders Header with title, icon, and getTitleChildren function 1`] = `
556
+ <DocumentFragment>
557
+ <div
558
+ class="notScroll header smallHeaderPadding shrinkOff"
559
+ data-id="CardHeader"
560
+ data-selector-id="cardHeader"
561
+ data-test-id="CardHeader"
562
+ >
563
+ <div
564
+ class="subheader flex rowdir vCenter"
565
+ data-id="containerComponent"
566
+ data-selector-id="container"
567
+ data-test-id="containerComponent"
568
+ >
569
+ <div
570
+ class="grow basis shrinkOn"
571
+ data-id="boxComponent"
572
+ data-selector-id="box"
573
+ data-test-id="boxComponent"
574
+ >
575
+ <div
576
+ class="flex rowdir vCenter"
577
+ data-id="containerComponent"
578
+ data-selector-id="container"
579
+ data-test-id="containerComponent"
580
+ >
581
+ <div
582
+ class="iconWrapper shrinkOff"
583
+ data-id="boxComponent"
584
+ data-selector-id="box"
585
+ data-test-id="boxComponent"
586
+ >
587
+ <button
588
+ aria-pressed="false"
589
+ class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
590
+ data-id="iconContainer"
591
+ data-ishtml="false"
592
+ data-selector-id="iconButton"
593
+ data-test-id="iconContainer"
594
+ />
595
+ </div>
596
+ <div
597
+ class="shrinkOn"
598
+ data-id="boxComponent"
599
+ data-selector-id="box"
600
+ data-test-id="boxComponent"
601
+ >
602
+ <div
603
+ class="flex cover rowdir vCenter"
604
+ data-id="containerComponent"
605
+ data-selector-id="container"
606
+ data-test-id="containerComponent"
607
+ >
608
+ <div
609
+ class="shrinkOn"
610
+ data-id="boxComponent"
611
+ data-selector-id="box"
612
+ data-test-id="boxComponent"
613
+ data-title="Header Title"
614
+ >
615
+ <h1
616
+ class="reset title"
617
+ data-title="Header Title"
618
+ >
619
+ Header Title
620
+ </h1>
621
+ </div>
622
+ <div
623
+ class="shrinkOff"
624
+ data-id="boxComponent"
625
+ data-selector-id="box"
626
+ data-test-id="boxComponent"
627
+ >
628
+ <div>
629
+ Title Child
630
+ </div>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+ </div>
636
+ </div>
637
+ </div>
638
+ </DocumentFragment>
639
+ `;
640
+
641
+ exports[`Header Component - Title Prop Combinations renders Header with title, icon, close button, and getTitleChildren function 1`] = `
642
+ <DocumentFragment>
643
+ <div
644
+ class="notScroll header smallHeaderPadding shrinkOff"
645
+ data-id="CardHeader"
646
+ data-selector-id="cardHeader"
647
+ data-test-id="CardHeader"
648
+ >
649
+ <div
650
+ class="subheader flex rowdir vCenter"
651
+ data-id="containerComponent"
652
+ data-selector-id="container"
653
+ data-test-id="containerComponent"
654
+ >
655
+ <div
656
+ class="grow basis shrinkOn"
657
+ data-id="boxComponent"
658
+ data-selector-id="box"
659
+ data-test-id="boxComponent"
660
+ >
661
+ <div
662
+ class="flex rowdir vCenter"
663
+ data-id="containerComponent"
664
+ data-selector-id="container"
665
+ data-test-id="containerComponent"
666
+ >
667
+ <div
668
+ class="iconWrapper shrinkOff"
669
+ data-id="boxComponent"
670
+ data-selector-id="box"
671
+ data-test-id="boxComponent"
672
+ >
673
+ <button
674
+ aria-pressed="false"
675
+ class="buttonReset large wrapper undefined effect default border borderHover hoverEffect inflex coldir both"
676
+ data-id="iconContainer"
677
+ data-ishtml="false"
678
+ data-selector-id="iconButton"
679
+ data-test-id="iconContainer"
680
+ />
681
+ </div>
682
+ <div
683
+ class="shrinkOn"
684
+ data-id="boxComponent"
685
+ data-selector-id="box"
686
+ data-test-id="boxComponent"
687
+ >
688
+ <div
689
+ class="flex cover rowdir vCenter"
690
+ data-id="containerComponent"
691
+ data-selector-id="container"
692
+ data-test-id="containerComponent"
693
+ >
694
+ <div
695
+ class="shrinkOn"
696
+ data-id="boxComponent"
697
+ data-selector-id="box"
698
+ data-test-id="boxComponent"
699
+ data-title="Header Title"
700
+ >
701
+ <h1
702
+ class="reset title"
703
+ data-title="Header Title"
704
+ >
705
+ Header Title
706
+ </h1>
707
+ </div>
708
+ <div
709
+ class="shrinkOff"
710
+ data-id="boxComponent"
711
+ data-selector-id="box"
712
+ data-test-id="boxComponent"
713
+ >
714
+ <div>
715
+ Title Child
716
+ </div>
717
+ </div>
718
+ </div>
719
+ </div>
720
+ </div>
721
+ </div>
722
+ <div
723
+ class="shrinkOff"
724
+ data-id="boxComponent"
725
+ data-selector-id="box"
726
+ data-test-id="boxComponent"
727
+ >
728
+ <button
729
+ aria-label="Close"
730
+ aria-pressed="false"
731
+ class="buttonReset large wrapper undefined effect default border defaultHover hoverEffect inflex coldir both"
732
+ data-id="closeButton"
733
+ data-ishtml="false"
734
+ data-selector-id="iconButton"
735
+ data-test-id="closeButton"
736
+ >
737
+ <i
738
+ aria-hidden="true"
739
+ class="zd_font_icons basic icon-cross "
740
+ data-id="fontIcon"
741
+ data-selector-id="fontIcon"
742
+ data-test-id="fontIcon"
743
+ style="--zd-iconfont-size: var(--zd_font_size11);"
744
+ />
745
+ </button>
746
+ </div>
747
+ </div>
748
+ </div>
749
+ </DocumentFragment>
750
+ `;
751
+
752
+ exports[`Header Component - Title Prop Combinations renders with default props 1`] = `
753
+ <DocumentFragment>
754
+ <div
755
+ class="notScroll header smallHeaderPadding shrinkOff"
756
+ data-id="CardHeader"
757
+ data-selector-id="cardHeader"
758
+ data-test-id="CardHeader"
759
+ >
760
+ <div
761
+ class="subheader flex rowdir vCenter"
762
+ data-id="containerComponent"
763
+ data-selector-id="container"
764
+ data-test-id="containerComponent"
765
+ >
766
+ <div
767
+ class="grow basis shrinkOn"
768
+ data-id="boxComponent"
769
+ data-selector-id="box"
770
+ data-test-id="boxComponent"
771
+ >
772
+ <div
773
+ class="flex rowdir vCenter"
774
+ data-id="containerComponent"
775
+ data-selector-id="container"
776
+ data-test-id="containerComponent"
777
+ />
778
+ </div>
779
+ </div>
780
+ </div>
781
+ </DocumentFragment>
782
+ `;