@zohodesk/components 1.0.0-temp-196 → 1.0.0-temp-197

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 (80) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +0 -5
  5. package/css_error.log +1 -1
  6. package/es/AppContainer/AppContainer.js +0 -1
  7. package/es/Avatar/Avatar.js +9 -9
  8. package/es/Avatar/Avatar.module.css +2 -2
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  10. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  11. package/es/Button/css/Button.module.css +22 -6
  12. package/es/Buttongroup/Buttongroup.module.css +1 -1
  13. package/es/DateTime/DateTime.module.css +11 -8
  14. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +11 -7
  15. package/es/DropBox/css/DropBox.module.css +1 -1
  16. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  17. package/es/MultiSelect/MultiSelect.js +5 -5
  18. package/es/Provider/LibraryContext.js +3 -15
  19. package/es/Ribbon/Ribbon.module.css +6 -6
  20. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  21. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  22. package/es/Switch/Switch.module.css +2 -1
  23. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  24. package/es/Tab/Tabs.module.css +3 -3
  25. package/es/Tag/Tag.js +9 -11
  26. package/es/Tag/props/defaultProps.js +0 -1
  27. package/es/Tag/props/propTypes.js +0 -1
  28. package/es/Tooltip/Tooltip.module.css +3 -0
  29. package/es/v1/AppContainer/AppContainer.js +0 -1
  30. package/es/v1/Avatar/Avatar.js +5 -5
  31. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  32. package/es/v1/Button/Button.js +4 -4
  33. package/es/v1/Card/Card.js +4 -4
  34. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  35. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  36. package/es/v1/Tab/Tabs.js +11 -11
  37. package/es/v1/Tab/v1Tabs.module.css +3 -3
  38. package/es/v1/Tag/Tag.js +9 -11
  39. package/es/v1/Tag/props/defaultProps.js +0 -1
  40. package/es/v1/Tag/props/propTypes.js +0 -1
  41. package/lib/AppContainer/AppContainer.js +0 -2
  42. package/lib/Avatar/Avatar.js +9 -9
  43. package/lib/Avatar/Avatar.module.css +2 -2
  44. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  45. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  46. package/lib/Button/css/Button.module.css +22 -6
  47. package/lib/Buttongroup/Buttongroup.module.css +1 -1
  48. package/lib/DateTime/DateTime.module.css +11 -8
  49. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +11 -7
  50. package/lib/DropBox/css/DropBox.module.css +1 -1
  51. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  52. package/lib/MultiSelect/MultiSelect.js +5 -5
  53. package/lib/Provider/LibraryContext.js +5 -15
  54. package/lib/Ribbon/Ribbon.module.css +6 -6
  55. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  56. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  57. package/lib/Switch/Switch.module.css +2 -1
  58. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  59. package/lib/Tab/Tabs.module.css +3 -3
  60. package/lib/Tag/Tag.js +10 -13
  61. package/lib/Tag/props/defaultProps.js +0 -1
  62. package/lib/Tag/props/propTypes.js +0 -1
  63. package/lib/Tooltip/Tooltip.module.css +3 -0
  64. package/lib/v1/AppContainer/AppContainer.js +0 -2
  65. package/lib/v1/Avatar/Avatar.js +5 -5
  66. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  67. package/lib/v1/Button/Button.js +4 -4
  68. package/lib/v1/Card/Card.js +4 -4
  69. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  70. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  71. package/lib/v1/Tab/Tabs.js +11 -11
  72. package/lib/v1/Tab/v1Tabs.module.css +3 -3
  73. package/lib/v1/Tag/Tag.js +10 -13
  74. package/lib/v1/Tag/props/defaultProps.js +0 -1
  75. package/lib/v1/Tag/props/propTypes.js +0 -1
  76. package/package.json +9 -5
  77. package/propValidationArg.json +11 -11
  78. package/result.json +1 -1
  79. /package/es/{common → deprecated}/boxShadow.module.css +0 -0
  80. /package/lib/{common → deprecated}/boxShadow.module.css +0 -0
package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap CHANGED
@@ -1,831 +1,831 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Switch rendering the CustomClass 1`] = `
4
- <DocumentFragment>
5
- <div
6
- aria-checked="false"
7
- class="container SwtichCustomSwitchWrap effect inflex rowdir vCenter"
8
- data-id="containerComponent"
9
- data-selector-id="switch"
10
- data-test-id="containerComponent"
11
- role="switch"
12
- >
13
- <div
14
- class="switch_medium SwtichCustomSwitchSize shrinkOff"
15
- data-id="boxComponent"
16
- data-selector-id="box"
17
- data-test-id="boxComponent"
18
- >
19
- <input
20
- class="input "
21
- id="SwitchID"
22
- type="checkbox"
23
- value=""
24
- />
25
- <label
26
- class="label switch_mediumLabel SwtichCustomSwitch"
27
- for="SwitchID"
28
- tabindex="0"
29
- />
30
- </div>
31
- <label
32
- class="label subtitle medium primary font_default
33
- pointer SwtichCustomLabel "
34
- data-id="label"
35
- data-selector-id="label"
36
- data-test-id="label"
37
- id="SwitchID"
38
- >
39
- SwitchText
40
- </label>
41
- </div>
42
- </DocumentFragment>
43
- `;
44
-
45
- exports[`Switch rendering the CustomProps 1`] = `
46
- <DocumentFragment>
47
- <div
48
- aria-checked="false"
49
- class="container effect inflex rowdir vCenter"
50
- data-id="containerComponent"
51
- data-selector-id="switch"
52
- data-switch="true"
53
- data-test-id="containerComponent"
54
- role="switch"
55
- >
56
- <div
57
- class="switch_medium shrinkOff"
58
- data-id="boxComponent"
59
- data-selector-id="box"
60
- data-test-id="boxComponent"
61
- >
62
- <input
63
- class="input "
64
- id="SwitchID"
65
- type="checkbox"
66
- value=""
67
- />
68
- <label
69
- class="label switch_mediumLabel "
70
- for="SwitchID"
71
- tabindex="0"
72
- />
73
- </div>
74
- <label
75
- class="label subtitle medium primary font_default
76
- pointer "
77
- data-id="label"
78
- data-selector-id="label"
79
- data-test-id="label"
80
- data-title="SwtichTitle"
81
- id="SwitchID"
82
- >
83
- SwitchText
84
- </label>
85
- </div>
86
- </DocumentFragment>
87
- `;
88
-
89
- exports[`Switch rendering the ID 1`] = `
90
- <DocumentFragment>
91
- <div
92
- aria-checked="false"
93
- class="container effect inflex rowdir vCenter"
94
- data-id="containerComponent"
95
- data-selector-id="switch"
96
- data-test-id="containerComponent"
97
- role="switch"
98
- >
99
- <div
100
- class="switch_medium shrinkOff"
101
- data-id="boxComponent"
102
- data-selector-id="box"
103
- data-test-id="boxComponent"
104
- >
105
- <input
106
- class="input "
107
- id="SwitchID"
108
- type="checkbox"
109
- value=""
110
- />
111
- <label
112
- class="label switch_mediumLabel "
113
- for="SwitchID"
114
- tabindex="0"
115
- />
116
- </div>
117
- <label
118
- class="label subtitle medium primary font_default
119
- pointer "
120
- data-id="label"
121
- data-selector-id="label"
122
- data-test-id="label"
123
- id="SwitchID"
124
- >
125
- SwitchText
126
- </label>
127
- </div>
128
- </DocumentFragment>
129
- `;
130
-
131
- exports[`Switch rendering the Name 1`] = `
132
- <DocumentFragment>
133
- <div
134
- aria-checked="false"
135
- class="container effect inflex rowdir vCenter"
136
- data-id="containerComponent"
137
- data-selector-id="switch"
138
- data-test-id="containerComponent"
139
- role="switch"
140
- >
141
- <div
142
- class="switch_medium shrinkOff"
143
- data-id="boxComponent"
144
- data-selector-id="box"
145
- data-test-id="boxComponent"
146
- >
147
- <input
148
- class="input "
149
- id="SwitchID"
150
- name="LabelName"
151
- type="checkbox"
152
- value=""
153
- />
154
- <label
155
- class="label switch_mediumLabel "
156
- for="SwitchID"
157
- tabindex="0"
158
- />
159
- </div>
160
- </div>
161
- </DocumentFragment>
162
- `;
163
-
164
- exports[`Switch rendering the Title 1`] = `
165
- <DocumentFragment>
166
- <div
167
- aria-checked="false"
168
- class="container effect inflex rowdir vCenter"
169
- data-id="containerComponent"
170
- data-selector-id="switch"
171
- data-test-id="containerComponent"
172
- data-title="LabelTitle"
173
- role="switch"
174
- >
175
- <div
176
- class="switch_medium shrinkOff"
177
- data-id="boxComponent"
178
- data-selector-id="box"
179
- data-test-id="boxComponent"
180
- >
181
- <input
182
- class="input "
183
- id="SwitchID"
184
- type="checkbox"
185
- value=""
186
- />
187
- <label
188
- class="label switch_mediumLabel "
189
- for="SwitchID"
190
- tabindex="0"
191
- />
192
- </div>
193
- </div>
194
- </DocumentFragment>
195
- `;
196
-
197
- exports[`Switch rendering the Value 1`] = `
198
- <DocumentFragment>
199
- <div
200
- aria-checked="false"
201
- class="container effect inflex rowdir vCenter"
202
- data-id="containerComponent"
203
- data-selector-id="switch"
204
- data-test-id="containerComponent"
205
- role="switch"
206
- >
207
- <div
208
- class="switch_medium shrinkOff"
209
- data-id="boxComponent"
210
- data-selector-id="box"
211
- data-test-id="boxComponent"
212
- >
213
- <input
214
- class="input "
215
- id="SwitchID"
216
- type="checkbox"
217
- value="true"
218
- />
219
- <label
220
- class="label switch_mediumLabel "
221
- for="SwitchID"
222
- tabindex="0"
223
- />
224
- </div>
225
- </div>
226
- </DocumentFragment>
227
- `;
228
-
229
- exports[`Switch rendering the checked 1`] = `
230
- <DocumentFragment>
231
- <div
232
- aria-checked="true"
233
- class="container effect inflex rowdir vCenter"
234
- data-id="containerComponent"
235
- data-selector-id="switch"
236
- data-test-id="containerComponent"
237
- role="switch"
238
- >
239
- <div
240
- class="switch_medium shrinkOff"
241
- data-id="boxComponent"
242
- data-selector-id="box"
243
- data-test-id="boxComponent"
244
- >
245
- <input
246
- checked=""
247
- class="input checked"
248
- id="SwitchID"
249
- type="checkbox"
250
- value=""
251
- />
252
- <label
253
- class="label switch_mediumLabel "
254
- for="SwitchID"
255
- tabindex="0"
256
- />
257
- </div>
258
- </div>
259
- </DocumentFragment>
260
- `;
261
-
262
- exports[`Switch rendering the dataId 1`] = `
263
- <DocumentFragment>
264
- <div
265
- aria-checked="false"
266
- class="container effect inflex rowdir vCenter"
267
- data-id="containerComponent"
268
- data-selector-id="switch"
269
- data-test-id="containerComponent"
270
- role="switch"
271
- >
272
- <div
273
- class="switch_medium shrinkOff"
274
- data-id="boxComponent"
275
- data-selector-id="box"
276
- data-test-id="boxComponent"
277
- >
278
- <input
279
- class="input "
280
- id="SwitchID"
281
- type="checkbox"
282
- value=""
283
- />
284
- <label
285
- class="label switch_mediumLabel "
286
- data-id="data-Switch"
287
- data-test-id="data-Switch"
288
- for="SwitchID"
289
- tabindex="0"
290
- />
291
- </div>
292
- </div>
293
- </DocumentFragment>
294
- `;
295
-
296
- exports[`Switch rendering the defult props 1`] = `
297
- <DocumentFragment>
298
- <div
299
- aria-checked="false"
300
- class="container effect inflex rowdir vCenter"
301
- data-id="containerComponent"
302
- data-selector-id="switch"
303
- data-test-id="containerComponent"
304
- role="switch"
305
- >
306
- <div
307
- class="switch_medium shrinkOff"
308
- data-id="boxComponent"
309
- data-selector-id="box"
310
- data-test-id="boxComponent"
311
- >
312
- <input
313
- class="input "
314
- type="checkbox"
315
- value=""
316
- />
317
- <label
318
- class="label switch_mediumLabel "
319
- tabindex="0"
320
- />
321
- </div>
322
- </div>
323
- </DocumentFragment>
324
- `;
325
-
326
- exports[`Switch rendering the disabled and disableTitle 1`] = `
327
- <DocumentFragment>
328
- <div
329
- aria-checked="false"
330
- class="container disabled inflex rowdir vCenter"
331
- data-id="containerComponent"
332
- data-selector-id="switch"
333
- data-test-id="containerComponent"
334
- data-title="data-disableTitle"
335
- role="switch"
336
- >
337
- <div
338
- class="switch_medium shrinkOff"
339
- data-id="boxComponent"
340
- data-selector-id="box"
341
- data-test-id="boxComponent"
342
- >
343
- <input
344
- class="input "
345
- disabled=""
346
- id="SwitchID"
347
- type="checkbox"
348
- value=""
349
- />
350
- <label
351
- class="label switch_mediumLabel "
352
- for="SwitchID"
353
- tabindex="-1"
354
- />
355
- </div>
356
- </div>
357
- </DocumentFragment>
358
- `;
359
-
360
- exports[`Switch rendering the isReadOnly 1`] = `
361
- <DocumentFragment>
362
- <div
363
- aria-checked="false"
364
- class="container readonly inflex rowdir vCenter"
365
- data-id="containerComponent"
366
- data-selector-id="switch"
367
- data-test-id="containerComponent"
368
- role="switch"
369
- >
370
- <div
371
- class="switch_medium shrinkOff"
372
- data-id="boxComponent"
373
- data-selector-id="box"
374
- data-test-id="boxComponent"
375
- >
376
- <input
377
- class="input "
378
- readonly=""
379
- type="checkbox"
380
- value=""
381
- />
382
- <label
383
- class="label switch_mediumLabel "
384
- tabindex="-1"
385
- />
386
- </div>
387
- </div>
388
- </DocumentFragment>
389
- `;
390
-
391
- exports[`Switch rendering the labelSize of- danger 1`] = `
392
- <DocumentFragment>
393
- <div
394
- aria-checked="false"
395
- class="container effect inflex rowdir vCenter"
396
- data-id="containerComponent"
397
- data-selector-id="switch"
398
- data-test-id="containerComponent"
399
- role="switch"
400
- >
401
- <div
402
- class="switch_medium shrinkOff"
403
- data-id="boxComponent"
404
- data-selector-id="box"
405
- data-test-id="boxComponent"
406
- >
407
- <input
408
- class="input "
409
- id="SwitchID"
410
- type="checkbox"
411
- value=""
412
- />
413
- <label
414
- class="label switch_mediumLabel "
415
- for="SwitchID"
416
- tabindex="0"
417
- />
418
- </div>
419
- <label
420
- class="label subtitle medium danger font_default
421
- pointer "
422
- data-id="label"
423
- data-selector-id="label"
424
- data-test-id="label"
425
- id="SwitchID"
426
- >
427
- SwitchText
428
- </label>
429
- </div>
430
- </DocumentFragment>
431
- `;
432
-
433
- exports[`Switch rendering the labelSize of- default 1`] = `
434
- <DocumentFragment>
435
- <div
436
- aria-checked="false"
437
- class="container effect inflex rowdir vCenter"
438
- data-id="containerComponent"
439
- data-selector-id="switch"
440
- data-test-id="containerComponent"
441
- role="switch"
442
- >
443
- <div
444
- class="switch_medium shrinkOff"
445
- data-id="boxComponent"
446
- data-selector-id="box"
447
- data-test-id="boxComponent"
448
- >
449
- <input
450
- class="input "
451
- id="SwitchID"
452
- type="checkbox"
453
- value=""
454
- />
455
- <label
456
- class="label switch_mediumLabel "
457
- for="SwitchID"
458
- tabindex="0"
459
- />
460
- </div>
461
- <label
462
- class="label subtitle medium default font_default
463
- pointer "
464
- data-id="label"
465
- data-selector-id="label"
466
- data-test-id="label"
467
- id="SwitchID"
468
- >
469
- SwitchText
470
- </label>
471
- </div>
472
- </DocumentFragment>
473
- `;
474
-
475
- exports[`Switch rendering the labelSize of- large 1`] = `
476
- <DocumentFragment>
477
- <div
478
- aria-checked="false"
479
- class="container effect inflex rowdir vCenter"
480
- data-id="containerComponent"
481
- data-selector-id="switch"
482
- data-test-id="containerComponent"
483
- role="switch"
484
- >
485
- <div
486
- class="switch_medium shrinkOff"
487
- data-id="boxComponent"
488
- data-selector-id="box"
489
- data-test-id="boxComponent"
490
- >
491
- <input
492
- class="input "
493
- id="SwitchID"
494
- type="checkbox"
495
- value=""
496
- />
497
- <label
498
- class="label switch_mediumLabel "
499
- for="SwitchID"
500
- tabindex="0"
501
- />
502
- </div>
503
- <label
504
- class="label subtitle large primary font_default
505
- pointer "
506
- data-id="label"
507
- data-selector-id="label"
508
- data-test-id="label"
509
- id="SwitchID"
510
- >
511
- SwitchText
512
- </label>
513
- </div>
514
- </DocumentFragment>
515
- `;
516
-
517
- exports[`Switch rendering the labelSize of- mandatory 1`] = `
518
- <DocumentFragment>
519
- <div
520
- aria-checked="false"
521
- class="container effect inflex rowdir vCenter"
522
- data-id="containerComponent"
523
- data-selector-id="switch"
524
- data-test-id="containerComponent"
525
- role="switch"
526
- >
527
- <div
528
- class="switch_medium shrinkOff"
529
- data-id="boxComponent"
530
- data-selector-id="box"
531
- data-test-id="boxComponent"
532
- >
533
- <input
534
- class="input "
535
- id="SwitchID"
536
- type="checkbox"
537
- value=""
538
- />
539
- <label
540
- class="label switch_mediumLabel "
541
- for="SwitchID"
542
- tabindex="0"
543
- />
544
- </div>
545
- <label
546
- class="label subtitle medium mandatory font_default
547
- pointer "
548
- data-id="label"
549
- data-selector-id="label"
550
- data-test-id="label"
551
- id="SwitchID"
552
- >
553
- SwitchText
554
- </label>
555
- </div>
556
- </DocumentFragment>
557
- `;
558
-
559
- exports[`Switch rendering the labelSize of- medium 1`] = `
560
- <DocumentFragment>
561
- <div
562
- aria-checked="false"
563
- class="container effect inflex rowdir vCenter"
564
- data-id="containerComponent"
565
- data-selector-id="switch"
566
- data-test-id="containerComponent"
567
- role="switch"
568
- >
569
- <div
570
- class="switch_medium shrinkOff"
571
- data-id="boxComponent"
572
- data-selector-id="box"
573
- data-test-id="boxComponent"
574
- >
575
- <input
576
- class="input "
577
- id="SwitchID"
578
- type="checkbox"
579
- value=""
580
- />
581
- <label
582
- class="label switch_mediumLabel "
583
- for="SwitchID"
584
- tabindex="0"
585
- />
586
- </div>
587
- <label
588
- class="label subtitle medium primary font_default
589
- pointer "
590
- data-id="label"
591
- data-selector-id="label"
592
- data-test-id="label"
593
- id="SwitchID"
594
- >
595
- SwitchText
596
- </label>
597
- </div>
598
- </DocumentFragment>
599
- `;
600
-
601
- exports[`Switch rendering the labelSize of- primary 1`] = `
602
- <DocumentFragment>
603
- <div
604
- aria-checked="false"
605
- class="container effect inflex rowdir vCenter"
606
- data-id="containerComponent"
607
- data-selector-id="switch"
608
- data-test-id="containerComponent"
609
- role="switch"
610
- >
611
- <div
612
- class="switch_medium shrinkOff"
613
- data-id="boxComponent"
614
- data-selector-id="box"
615
- data-test-id="boxComponent"
616
- >
617
- <input
618
- class="input "
619
- id="SwitchID"
620
- type="checkbox"
621
- value=""
622
- />
623
- <label
624
- class="label switch_mediumLabel "
625
- for="SwitchID"
626
- tabindex="0"
627
- />
628
- </div>
629
- <label
630
- class="label subtitle medium primary font_default
631
- pointer "
632
- data-id="label"
633
- data-selector-id="label"
634
- data-test-id="label"
635
- id="SwitchID"
636
- >
637
- SwitchText
638
- </label>
639
- </div>
640
- </DocumentFragment>
641
- `;
642
-
643
- exports[`Switch rendering the labelSize of- secondary 1`] = `
644
- <DocumentFragment>
645
- <div
646
- aria-checked="false"
647
- class="container effect inflex rowdir vCenter"
648
- data-id="containerComponent"
649
- data-selector-id="switch"
650
- data-test-id="containerComponent"
651
- role="switch"
652
- >
653
- <div
654
- class="switch_medium shrinkOff"
655
- data-id="boxComponent"
656
- data-selector-id="box"
657
- data-test-id="boxComponent"
658
- >
659
- <input
660
- class="input "
661
- id="SwitchID"
662
- type="checkbox"
663
- value=""
664
- />
665
- <label
666
- class="label switch_mediumLabel "
667
- for="SwitchID"
668
- tabindex="0"
669
- />
670
- </div>
671
- <label
672
- class="label subtitle medium secondary font_default
673
- pointer "
674
- data-id="label"
675
- data-selector-id="label"
676
- data-test-id="label"
677
- id="SwitchID"
678
- >
679
- SwitchText
680
- </label>
681
- </div>
682
- </DocumentFragment>
683
- `;
684
-
685
- exports[`Switch rendering the labelSize of- small 1`] = `
686
- <DocumentFragment>
687
- <div
688
- aria-checked="false"
689
- class="container effect inflex rowdir vCenter"
690
- data-id="containerComponent"
691
- data-selector-id="switch"
692
- data-test-id="containerComponent"
693
- role="switch"
694
- >
695
- <div
696
- class="switch_medium shrinkOff"
697
- data-id="boxComponent"
698
- data-selector-id="box"
699
- data-test-id="boxComponent"
700
- >
701
- <input
702
- class="input "
703
- id="SwitchID"
704
- type="checkbox"
705
- value=""
706
- />
707
- <label
708
- class="label switch_mediumLabel "
709
- for="SwitchID"
710
- tabindex="0"
711
- />
712
- </div>
713
- <label
714
- class="label subtitle small primary font_default
715
- pointer "
716
- data-id="label"
717
- data-selector-id="label"
718
- data-test-id="label"
719
- id="SwitchID"
720
- >
721
- SwitchText
722
- </label>
723
- </div>
724
- </DocumentFragment>
725
- `;
726
-
727
- exports[`Switch rendering the size of- medium 1`] = `
728
- <DocumentFragment>
729
- <div
730
- aria-checked="false"
731
- class="container effect inflex rowdir vCenter"
732
- data-id="containerComponent"
733
- data-selector-id="switch"
734
- data-test-id="containerComponent"
735
- role="switch"
736
- >
737
- <div
738
- class="switch_medium shrinkOff"
739
- data-id="boxComponent"
740
- data-selector-id="box"
741
- data-test-id="boxComponent"
742
- >
743
- <input
744
- class="input "
745
- id="SwitchID"
746
- type="checkbox"
747
- value=""
748
- />
749
- <label
750
- class="label switch_mediumLabel "
751
- for="SwitchID"
752
- tabindex="0"
753
- />
754
- </div>
755
- </div>
756
- </DocumentFragment>
757
- `;
758
-
759
- exports[`Switch rendering the size of- small 1`] = `
760
- <DocumentFragment>
761
- <div
762
- aria-checked="false"
763
- class="container effect inflex rowdir vCenter"
764
- data-id="containerComponent"
765
- data-selector-id="switch"
766
- data-test-id="containerComponent"
767
- role="switch"
768
- >
769
- <div
770
- class="switch_small shrinkOff"
771
- data-id="boxComponent"
772
- data-selector-id="box"
773
- data-test-id="boxComponent"
774
- >
775
- <input
776
- class="input "
777
- id="SwitchID"
778
- type="checkbox"
779
- value=""
780
- />
781
- <label
782
- class="label switch_smallLabel "
783
- for="SwitchID"
784
- tabindex="0"
785
- />
786
- </div>
787
- </div>
788
- </DocumentFragment>
789
- `;
790
-
791
- exports[`Switch rendering the text 1`] = `
792
- <DocumentFragment>
793
- <div
794
- aria-checked="false"
795
- class="container effect inflex rowdir vCenter"
796
- data-id="containerComponent"
797
- data-selector-id="switch"
798
- data-test-id="containerComponent"
799
- role="switch"
800
- >
801
- <div
802
- class="switch_medium shrinkOff"
803
- data-id="boxComponent"
804
- data-selector-id="box"
805
- data-test-id="boxComponent"
806
- >
807
- <input
808
- class="input "
809
- id="SwitchID"
810
- type="checkbox"
811
- value=""
812
- />
813
- <label
814
- class="label switch_mediumLabel "
815
- for="SwitchID"
816
- tabindex="0"
817
- />
818
- </div>
819
- <label
820
- class="label subtitle medium primary font_default
821
- pointer "
822
- data-id="label"
823
- data-selector-id="label"
824
- data-test-id="label"
825
- id="SwitchID"
826
- >
827
- SwitchText
828
- </label>
829
- </div>
830
- </DocumentFragment>
831
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Switch rendering the CustomClass 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-checked="false"
7
+ class="container SwtichCustomSwitchWrap effect inflex rowdir vCenter"
8
+ data-id="containerComponent"
9
+ data-selector-id="switch"
10
+ data-test-id="containerComponent"
11
+ role="switch"
12
+ >
13
+ <div
14
+ class="switch_medium SwtichCustomSwitchSize shrinkOff"
15
+ data-id="boxComponent"
16
+ data-selector-id="box"
17
+ data-test-id="boxComponent"
18
+ >
19
+ <input
20
+ class="input "
21
+ id="SwitchID"
22
+ type="checkbox"
23
+ value=""
24
+ />
25
+ <label
26
+ class="label switch_mediumLabel SwtichCustomSwitch"
27
+ for="SwitchID"
28
+ tabindex="0"
29
+ />
30
+ </div>
31
+ <label
32
+ class="label subtitle medium primary font_default
33
+ pointer SwtichCustomLabel "
34
+ data-id="label"
35
+ data-selector-id="label"
36
+ data-test-id="label"
37
+ id="SwitchID"
38
+ >
39
+ SwitchText
40
+ </label>
41
+ </div>
42
+ </DocumentFragment>
43
+ `;
44
+
45
+ exports[`Switch rendering the CustomProps 1`] = `
46
+ <DocumentFragment>
47
+ <div
48
+ aria-checked="false"
49
+ class="container effect inflex rowdir vCenter"
50
+ data-id="containerComponent"
51
+ data-selector-id="switch"
52
+ data-switch="true"
53
+ data-test-id="containerComponent"
54
+ role="switch"
55
+ >
56
+ <div
57
+ class="switch_medium shrinkOff"
58
+ data-id="boxComponent"
59
+ data-selector-id="box"
60
+ data-test-id="boxComponent"
61
+ >
62
+ <input
63
+ class="input "
64
+ id="SwitchID"
65
+ type="checkbox"
66
+ value=""
67
+ />
68
+ <label
69
+ class="label switch_mediumLabel "
70
+ for="SwitchID"
71
+ tabindex="0"
72
+ />
73
+ </div>
74
+ <label
75
+ class="label subtitle medium primary font_default
76
+ pointer "
77
+ data-id="label"
78
+ data-selector-id="label"
79
+ data-test-id="label"
80
+ data-title="SwtichTitle"
81
+ id="SwitchID"
82
+ >
83
+ SwitchText
84
+ </label>
85
+ </div>
86
+ </DocumentFragment>
87
+ `;
88
+
89
+ exports[`Switch rendering the ID 1`] = `
90
+ <DocumentFragment>
91
+ <div
92
+ aria-checked="false"
93
+ class="container effect inflex rowdir vCenter"
94
+ data-id="containerComponent"
95
+ data-selector-id="switch"
96
+ data-test-id="containerComponent"
97
+ role="switch"
98
+ >
99
+ <div
100
+ class="switch_medium shrinkOff"
101
+ data-id="boxComponent"
102
+ data-selector-id="box"
103
+ data-test-id="boxComponent"
104
+ >
105
+ <input
106
+ class="input "
107
+ id="SwitchID"
108
+ type="checkbox"
109
+ value=""
110
+ />
111
+ <label
112
+ class="label switch_mediumLabel "
113
+ for="SwitchID"
114
+ tabindex="0"
115
+ />
116
+ </div>
117
+ <label
118
+ class="label subtitle medium primary font_default
119
+ pointer "
120
+ data-id="label"
121
+ data-selector-id="label"
122
+ data-test-id="label"
123
+ id="SwitchID"
124
+ >
125
+ SwitchText
126
+ </label>
127
+ </div>
128
+ </DocumentFragment>
129
+ `;
130
+
131
+ exports[`Switch rendering the Name 1`] = `
132
+ <DocumentFragment>
133
+ <div
134
+ aria-checked="false"
135
+ class="container effect inflex rowdir vCenter"
136
+ data-id="containerComponent"
137
+ data-selector-id="switch"
138
+ data-test-id="containerComponent"
139
+ role="switch"
140
+ >
141
+ <div
142
+ class="switch_medium shrinkOff"
143
+ data-id="boxComponent"
144
+ data-selector-id="box"
145
+ data-test-id="boxComponent"
146
+ >
147
+ <input
148
+ class="input "
149
+ id="SwitchID"
150
+ name="LabelName"
151
+ type="checkbox"
152
+ value=""
153
+ />
154
+ <label
155
+ class="label switch_mediumLabel "
156
+ for="SwitchID"
157
+ tabindex="0"
158
+ />
159
+ </div>
160
+ </div>
161
+ </DocumentFragment>
162
+ `;
163
+
164
+ exports[`Switch rendering the Title 1`] = `
165
+ <DocumentFragment>
166
+ <div
167
+ aria-checked="false"
168
+ class="container effect inflex rowdir vCenter"
169
+ data-id="containerComponent"
170
+ data-selector-id="switch"
171
+ data-test-id="containerComponent"
172
+ data-title="LabelTitle"
173
+ role="switch"
174
+ >
175
+ <div
176
+ class="switch_medium shrinkOff"
177
+ data-id="boxComponent"
178
+ data-selector-id="box"
179
+ data-test-id="boxComponent"
180
+ >
181
+ <input
182
+ class="input "
183
+ id="SwitchID"
184
+ type="checkbox"
185
+ value=""
186
+ />
187
+ <label
188
+ class="label switch_mediumLabel "
189
+ for="SwitchID"
190
+ tabindex="0"
191
+ />
192
+ </div>
193
+ </div>
194
+ </DocumentFragment>
195
+ `;
196
+
197
+ exports[`Switch rendering the Value 1`] = `
198
+ <DocumentFragment>
199
+ <div
200
+ aria-checked="false"
201
+ class="container effect inflex rowdir vCenter"
202
+ data-id="containerComponent"
203
+ data-selector-id="switch"
204
+ data-test-id="containerComponent"
205
+ role="switch"
206
+ >
207
+ <div
208
+ class="switch_medium shrinkOff"
209
+ data-id="boxComponent"
210
+ data-selector-id="box"
211
+ data-test-id="boxComponent"
212
+ >
213
+ <input
214
+ class="input "
215
+ id="SwitchID"
216
+ type="checkbox"
217
+ value="true"
218
+ />
219
+ <label
220
+ class="label switch_mediumLabel "
221
+ for="SwitchID"
222
+ tabindex="0"
223
+ />
224
+ </div>
225
+ </div>
226
+ </DocumentFragment>
227
+ `;
228
+
229
+ exports[`Switch rendering the checked 1`] = `
230
+ <DocumentFragment>
231
+ <div
232
+ aria-checked="true"
233
+ class="container effect inflex rowdir vCenter"
234
+ data-id="containerComponent"
235
+ data-selector-id="switch"
236
+ data-test-id="containerComponent"
237
+ role="switch"
238
+ >
239
+ <div
240
+ class="switch_medium shrinkOff"
241
+ data-id="boxComponent"
242
+ data-selector-id="box"
243
+ data-test-id="boxComponent"
244
+ >
245
+ <input
246
+ checked=""
247
+ class="input checked"
248
+ id="SwitchID"
249
+ type="checkbox"
250
+ value=""
251
+ />
252
+ <label
253
+ class="label switch_mediumLabel "
254
+ for="SwitchID"
255
+ tabindex="0"
256
+ />
257
+ </div>
258
+ </div>
259
+ </DocumentFragment>
260
+ `;
261
+
262
+ exports[`Switch rendering the dataId 1`] = `
263
+ <DocumentFragment>
264
+ <div
265
+ aria-checked="false"
266
+ class="container effect inflex rowdir vCenter"
267
+ data-id="containerComponent"
268
+ data-selector-id="switch"
269
+ data-test-id="containerComponent"
270
+ role="switch"
271
+ >
272
+ <div
273
+ class="switch_medium shrinkOff"
274
+ data-id="boxComponent"
275
+ data-selector-id="box"
276
+ data-test-id="boxComponent"
277
+ >
278
+ <input
279
+ class="input "
280
+ id="SwitchID"
281
+ type="checkbox"
282
+ value=""
283
+ />
284
+ <label
285
+ class="label switch_mediumLabel "
286
+ data-id="data-Switch"
287
+ data-test-id="data-Switch"
288
+ for="SwitchID"
289
+ tabindex="0"
290
+ />
291
+ </div>
292
+ </div>
293
+ </DocumentFragment>
294
+ `;
295
+
296
+ exports[`Switch rendering the defult props 1`] = `
297
+ <DocumentFragment>
298
+ <div
299
+ aria-checked="false"
300
+ class="container effect inflex rowdir vCenter"
301
+ data-id="containerComponent"
302
+ data-selector-id="switch"
303
+ data-test-id="containerComponent"
304
+ role="switch"
305
+ >
306
+ <div
307
+ class="switch_medium shrinkOff"
308
+ data-id="boxComponent"
309
+ data-selector-id="box"
310
+ data-test-id="boxComponent"
311
+ >
312
+ <input
313
+ class="input "
314
+ type="checkbox"
315
+ value=""
316
+ />
317
+ <label
318
+ class="label switch_mediumLabel "
319
+ tabindex="0"
320
+ />
321
+ </div>
322
+ </div>
323
+ </DocumentFragment>
324
+ `;
325
+
326
+ exports[`Switch rendering the disabled and disableTitle 1`] = `
327
+ <DocumentFragment>
328
+ <div
329
+ aria-checked="false"
330
+ class="container disabled inflex rowdir vCenter"
331
+ data-id="containerComponent"
332
+ data-selector-id="switch"
333
+ data-test-id="containerComponent"
334
+ data-title="data-disableTitle"
335
+ role="switch"
336
+ >
337
+ <div
338
+ class="switch_medium shrinkOff"
339
+ data-id="boxComponent"
340
+ data-selector-id="box"
341
+ data-test-id="boxComponent"
342
+ >
343
+ <input
344
+ class="input "
345
+ disabled=""
346
+ id="SwitchID"
347
+ type="checkbox"
348
+ value=""
349
+ />
350
+ <label
351
+ class="label switch_mediumLabel "
352
+ for="SwitchID"
353
+ tabindex="-1"
354
+ />
355
+ </div>
356
+ </div>
357
+ </DocumentFragment>
358
+ `;
359
+
360
+ exports[`Switch rendering the isReadOnly 1`] = `
361
+ <DocumentFragment>
362
+ <div
363
+ aria-checked="false"
364
+ class="container readonly inflex rowdir vCenter"
365
+ data-id="containerComponent"
366
+ data-selector-id="switch"
367
+ data-test-id="containerComponent"
368
+ role="switch"
369
+ >
370
+ <div
371
+ class="switch_medium shrinkOff"
372
+ data-id="boxComponent"
373
+ data-selector-id="box"
374
+ data-test-id="boxComponent"
375
+ >
376
+ <input
377
+ class="input "
378
+ readonly=""
379
+ type="checkbox"
380
+ value=""
381
+ />
382
+ <label
383
+ class="label switch_mediumLabel "
384
+ tabindex="-1"
385
+ />
386
+ </div>
387
+ </div>
388
+ </DocumentFragment>
389
+ `;
390
+
391
+ exports[`Switch rendering the labelSize of- danger 1`] = `
392
+ <DocumentFragment>
393
+ <div
394
+ aria-checked="false"
395
+ class="container effect inflex rowdir vCenter"
396
+ data-id="containerComponent"
397
+ data-selector-id="switch"
398
+ data-test-id="containerComponent"
399
+ role="switch"
400
+ >
401
+ <div
402
+ class="switch_medium shrinkOff"
403
+ data-id="boxComponent"
404
+ data-selector-id="box"
405
+ data-test-id="boxComponent"
406
+ >
407
+ <input
408
+ class="input "
409
+ id="SwitchID"
410
+ type="checkbox"
411
+ value=""
412
+ />
413
+ <label
414
+ class="label switch_mediumLabel "
415
+ for="SwitchID"
416
+ tabindex="0"
417
+ />
418
+ </div>
419
+ <label
420
+ class="label subtitle medium danger font_default
421
+ pointer "
422
+ data-id="label"
423
+ data-selector-id="label"
424
+ data-test-id="label"
425
+ id="SwitchID"
426
+ >
427
+ SwitchText
428
+ </label>
429
+ </div>
430
+ </DocumentFragment>
431
+ `;
432
+
433
+ exports[`Switch rendering the labelSize of- default 1`] = `
434
+ <DocumentFragment>
435
+ <div
436
+ aria-checked="false"
437
+ class="container effect inflex rowdir vCenter"
438
+ data-id="containerComponent"
439
+ data-selector-id="switch"
440
+ data-test-id="containerComponent"
441
+ role="switch"
442
+ >
443
+ <div
444
+ class="switch_medium shrinkOff"
445
+ data-id="boxComponent"
446
+ data-selector-id="box"
447
+ data-test-id="boxComponent"
448
+ >
449
+ <input
450
+ class="input "
451
+ id="SwitchID"
452
+ type="checkbox"
453
+ value=""
454
+ />
455
+ <label
456
+ class="label switch_mediumLabel "
457
+ for="SwitchID"
458
+ tabindex="0"
459
+ />
460
+ </div>
461
+ <label
462
+ class="label subtitle medium default font_default
463
+ pointer "
464
+ data-id="label"
465
+ data-selector-id="label"
466
+ data-test-id="label"
467
+ id="SwitchID"
468
+ >
469
+ SwitchText
470
+ </label>
471
+ </div>
472
+ </DocumentFragment>
473
+ `;
474
+
475
+ exports[`Switch rendering the labelSize of- large 1`] = `
476
+ <DocumentFragment>
477
+ <div
478
+ aria-checked="false"
479
+ class="container effect inflex rowdir vCenter"
480
+ data-id="containerComponent"
481
+ data-selector-id="switch"
482
+ data-test-id="containerComponent"
483
+ role="switch"
484
+ >
485
+ <div
486
+ class="switch_medium shrinkOff"
487
+ data-id="boxComponent"
488
+ data-selector-id="box"
489
+ data-test-id="boxComponent"
490
+ >
491
+ <input
492
+ class="input "
493
+ id="SwitchID"
494
+ type="checkbox"
495
+ value=""
496
+ />
497
+ <label
498
+ class="label switch_mediumLabel "
499
+ for="SwitchID"
500
+ tabindex="0"
501
+ />
502
+ </div>
503
+ <label
504
+ class="label subtitle large primary font_default
505
+ pointer "
506
+ data-id="label"
507
+ data-selector-id="label"
508
+ data-test-id="label"
509
+ id="SwitchID"
510
+ >
511
+ SwitchText
512
+ </label>
513
+ </div>
514
+ </DocumentFragment>
515
+ `;
516
+
517
+ exports[`Switch rendering the labelSize of- mandatory 1`] = `
518
+ <DocumentFragment>
519
+ <div
520
+ aria-checked="false"
521
+ class="container effect inflex rowdir vCenter"
522
+ data-id="containerComponent"
523
+ data-selector-id="switch"
524
+ data-test-id="containerComponent"
525
+ role="switch"
526
+ >
527
+ <div
528
+ class="switch_medium shrinkOff"
529
+ data-id="boxComponent"
530
+ data-selector-id="box"
531
+ data-test-id="boxComponent"
532
+ >
533
+ <input
534
+ class="input "
535
+ id="SwitchID"
536
+ type="checkbox"
537
+ value=""
538
+ />
539
+ <label
540
+ class="label switch_mediumLabel "
541
+ for="SwitchID"
542
+ tabindex="0"
543
+ />
544
+ </div>
545
+ <label
546
+ class="label subtitle medium mandatory font_default
547
+ pointer "
548
+ data-id="label"
549
+ data-selector-id="label"
550
+ data-test-id="label"
551
+ id="SwitchID"
552
+ >
553
+ SwitchText
554
+ </label>
555
+ </div>
556
+ </DocumentFragment>
557
+ `;
558
+
559
+ exports[`Switch rendering the labelSize of- medium 1`] = `
560
+ <DocumentFragment>
561
+ <div
562
+ aria-checked="false"
563
+ class="container effect inflex rowdir vCenter"
564
+ data-id="containerComponent"
565
+ data-selector-id="switch"
566
+ data-test-id="containerComponent"
567
+ role="switch"
568
+ >
569
+ <div
570
+ class="switch_medium shrinkOff"
571
+ data-id="boxComponent"
572
+ data-selector-id="box"
573
+ data-test-id="boxComponent"
574
+ >
575
+ <input
576
+ class="input "
577
+ id="SwitchID"
578
+ type="checkbox"
579
+ value=""
580
+ />
581
+ <label
582
+ class="label switch_mediumLabel "
583
+ for="SwitchID"
584
+ tabindex="0"
585
+ />
586
+ </div>
587
+ <label
588
+ class="label subtitle medium primary font_default
589
+ pointer "
590
+ data-id="label"
591
+ data-selector-id="label"
592
+ data-test-id="label"
593
+ id="SwitchID"
594
+ >
595
+ SwitchText
596
+ </label>
597
+ </div>
598
+ </DocumentFragment>
599
+ `;
600
+
601
+ exports[`Switch rendering the labelSize of- primary 1`] = `
602
+ <DocumentFragment>
603
+ <div
604
+ aria-checked="false"
605
+ class="container effect inflex rowdir vCenter"
606
+ data-id="containerComponent"
607
+ data-selector-id="switch"
608
+ data-test-id="containerComponent"
609
+ role="switch"
610
+ >
611
+ <div
612
+ class="switch_medium shrinkOff"
613
+ data-id="boxComponent"
614
+ data-selector-id="box"
615
+ data-test-id="boxComponent"
616
+ >
617
+ <input
618
+ class="input "
619
+ id="SwitchID"
620
+ type="checkbox"
621
+ value=""
622
+ />
623
+ <label
624
+ class="label switch_mediumLabel "
625
+ for="SwitchID"
626
+ tabindex="0"
627
+ />
628
+ </div>
629
+ <label
630
+ class="label subtitle medium primary font_default
631
+ pointer "
632
+ data-id="label"
633
+ data-selector-id="label"
634
+ data-test-id="label"
635
+ id="SwitchID"
636
+ >
637
+ SwitchText
638
+ </label>
639
+ </div>
640
+ </DocumentFragment>
641
+ `;
642
+
643
+ exports[`Switch rendering the labelSize of- secondary 1`] = `
644
+ <DocumentFragment>
645
+ <div
646
+ aria-checked="false"
647
+ class="container effect inflex rowdir vCenter"
648
+ data-id="containerComponent"
649
+ data-selector-id="switch"
650
+ data-test-id="containerComponent"
651
+ role="switch"
652
+ >
653
+ <div
654
+ class="switch_medium shrinkOff"
655
+ data-id="boxComponent"
656
+ data-selector-id="box"
657
+ data-test-id="boxComponent"
658
+ >
659
+ <input
660
+ class="input "
661
+ id="SwitchID"
662
+ type="checkbox"
663
+ value=""
664
+ />
665
+ <label
666
+ class="label switch_mediumLabel "
667
+ for="SwitchID"
668
+ tabindex="0"
669
+ />
670
+ </div>
671
+ <label
672
+ class="label subtitle medium secondary font_default
673
+ pointer "
674
+ data-id="label"
675
+ data-selector-id="label"
676
+ data-test-id="label"
677
+ id="SwitchID"
678
+ >
679
+ SwitchText
680
+ </label>
681
+ </div>
682
+ </DocumentFragment>
683
+ `;
684
+
685
+ exports[`Switch rendering the labelSize of- small 1`] = `
686
+ <DocumentFragment>
687
+ <div
688
+ aria-checked="false"
689
+ class="container effect inflex rowdir vCenter"
690
+ data-id="containerComponent"
691
+ data-selector-id="switch"
692
+ data-test-id="containerComponent"
693
+ role="switch"
694
+ >
695
+ <div
696
+ class="switch_medium shrinkOff"
697
+ data-id="boxComponent"
698
+ data-selector-id="box"
699
+ data-test-id="boxComponent"
700
+ >
701
+ <input
702
+ class="input "
703
+ id="SwitchID"
704
+ type="checkbox"
705
+ value=""
706
+ />
707
+ <label
708
+ class="label switch_mediumLabel "
709
+ for="SwitchID"
710
+ tabindex="0"
711
+ />
712
+ </div>
713
+ <label
714
+ class="label subtitle small primary font_default
715
+ pointer "
716
+ data-id="label"
717
+ data-selector-id="label"
718
+ data-test-id="label"
719
+ id="SwitchID"
720
+ >
721
+ SwitchText
722
+ </label>
723
+ </div>
724
+ </DocumentFragment>
725
+ `;
726
+
727
+ exports[`Switch rendering the size of- medium 1`] = `
728
+ <DocumentFragment>
729
+ <div
730
+ aria-checked="false"
731
+ class="container effect inflex rowdir vCenter"
732
+ data-id="containerComponent"
733
+ data-selector-id="switch"
734
+ data-test-id="containerComponent"
735
+ role="switch"
736
+ >
737
+ <div
738
+ class="switch_medium shrinkOff"
739
+ data-id="boxComponent"
740
+ data-selector-id="box"
741
+ data-test-id="boxComponent"
742
+ >
743
+ <input
744
+ class="input "
745
+ id="SwitchID"
746
+ type="checkbox"
747
+ value=""
748
+ />
749
+ <label
750
+ class="label switch_mediumLabel "
751
+ for="SwitchID"
752
+ tabindex="0"
753
+ />
754
+ </div>
755
+ </div>
756
+ </DocumentFragment>
757
+ `;
758
+
759
+ exports[`Switch rendering the size of- small 1`] = `
760
+ <DocumentFragment>
761
+ <div
762
+ aria-checked="false"
763
+ class="container effect inflex rowdir vCenter"
764
+ data-id="containerComponent"
765
+ data-selector-id="switch"
766
+ data-test-id="containerComponent"
767
+ role="switch"
768
+ >
769
+ <div
770
+ class="switch_small shrinkOff"
771
+ data-id="boxComponent"
772
+ data-selector-id="box"
773
+ data-test-id="boxComponent"
774
+ >
775
+ <input
776
+ class="input "
777
+ id="SwitchID"
778
+ type="checkbox"
779
+ value=""
780
+ />
781
+ <label
782
+ class="label switch_smallLabel "
783
+ for="SwitchID"
784
+ tabindex="0"
785
+ />
786
+ </div>
787
+ </div>
788
+ </DocumentFragment>
789
+ `;
790
+
791
+ exports[`Switch rendering the text 1`] = `
792
+ <DocumentFragment>
793
+ <div
794
+ aria-checked="false"
795
+ class="container effect inflex rowdir vCenter"
796
+ data-id="containerComponent"
797
+ data-selector-id="switch"
798
+ data-test-id="containerComponent"
799
+ role="switch"
800
+ >
801
+ <div
802
+ class="switch_medium shrinkOff"
803
+ data-id="boxComponent"
804
+ data-selector-id="box"
805
+ data-test-id="boxComponent"
806
+ >
807
+ <input
808
+ class="input "
809
+ id="SwitchID"
810
+ type="checkbox"
811
+ value=""
812
+ />
813
+ <label
814
+ class="label switch_mediumLabel "
815
+ for="SwitchID"
816
+ tabindex="0"
817
+ />
818
+ </div>
819
+ <label
820
+ class="label subtitle medium primary font_default
821
+ pointer "
822
+ data-id="label"
823
+ data-selector-id="label"
824
+ data-test-id="label"
825
+ id="SwitchID"
826
+ >
827
+ SwitchText
828
+ </label>
829
+ </div>
830
+ </DocumentFragment>
831
+ `;