@jobber/components-native 0.2.0 → 0.2.1

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.
@@ -0,0 +1,864 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders text respecting the text direction 1`] = `
4
+ <Text
5
+ accessibilityRole="text"
6
+ adjustsFontSizeToFit={false}
7
+ allowFontScaling={true}
8
+ collapsable={false}
9
+ selectable={true}
10
+ selectionColor="rgb(160, 215, 42)"
11
+ style={
12
+ [
13
+ {
14
+ "fontFamily": "inter-regular",
15
+ },
16
+ {
17
+ "color": "rgba(101, 120, 132, 1)",
18
+ },
19
+ {
20
+ "textAlign": "right",
21
+ },
22
+ {
23
+ "fontSize": 16,
24
+ "lineHeight": 20,
25
+ },
26
+ {
27
+ "letterSpacing": 0,
28
+ },
29
+ ]
30
+ }
31
+ >
32
+ Test Text
33
+ </Text>
34
+ `;
35
+
36
+ exports[`renders text using the maxLines is also passed 1`] = `
37
+ <Text
38
+ accessibilityRole="text"
39
+ adjustsFontSizeToFit={false}
40
+ allowFontScaling={true}
41
+ collapsable={false}
42
+ numberOfLines={2}
43
+ selectable={true}
44
+ selectionColor="rgb(160, 215, 42)"
45
+ style={
46
+ [
47
+ {
48
+ "fontFamily": "inter-regular",
49
+ },
50
+ {
51
+ "color": "rgba(101, 120, 132, 1)",
52
+ },
53
+ {
54
+ "textAlign": "left",
55
+ },
56
+ {
57
+ "fontSize": 16,
58
+ "lineHeight": 20,
59
+ },
60
+ {
61
+ "letterSpacing": 0,
62
+ },
63
+ ]
64
+ }
65
+ >
66
+ Test Text that happens to be longer than the rest of the text. This just keeps going on and on. maxLines being set will make this work its magic
67
+ </Text>
68
+ `;
69
+
70
+ exports[`renders text with adjustsFontSizeToFit set to true 1`] = `
71
+ <Text
72
+ accessibilityRole="text"
73
+ adjustsFontSizeToFit={true}
74
+ allowFontScaling={true}
75
+ collapsable={false}
76
+ numberOfLines={1}
77
+ selectable={true}
78
+ selectionColor="rgb(160, 215, 42)"
79
+ style={
80
+ [
81
+ {
82
+ "fontFamily": "inter-regular",
83
+ },
84
+ {
85
+ "color": "rgba(101, 120, 132, 1)",
86
+ },
87
+ {
88
+ "textAlign": "left",
89
+ },
90
+ {
91
+ "fontSize": 16,
92
+ "lineHeight": 20,
93
+ },
94
+ {
95
+ "letterSpacing": 0,
96
+ },
97
+ ]
98
+ }
99
+ >
100
+ Test Text that happens to be longer than the rest of the text. This just keeps going on and on. maxLines being set will make this work its magic
101
+ </Text>
102
+ `;
103
+
104
+ exports[`renders text with black style and display as fontFamily 1`] = `
105
+ <Text
106
+ accessibilityRole="text"
107
+ adjustsFontSizeToFit={false}
108
+ allowFontScaling={true}
109
+ collapsable={false}
110
+ selectable={true}
111
+ selectionColor="rgb(160, 215, 42)"
112
+ style={
113
+ [
114
+ {
115
+ "fontFamily": "jobberpro-blk",
116
+ },
117
+ {
118
+ "color": "rgba(101, 120, 132, 1)",
119
+ },
120
+ {
121
+ "textAlign": "left",
122
+ },
123
+ {
124
+ "fontSize": 16,
125
+ "lineHeight": 20,
126
+ },
127
+ {
128
+ "letterSpacing": 0,
129
+ },
130
+ ]
131
+ }
132
+ >
133
+ Test Text
134
+ </Text>
135
+ `;
136
+
137
+ exports[`renders text with bold style 1`] = `
138
+ <Text
139
+ accessibilityRole="text"
140
+ adjustsFontSizeToFit={false}
141
+ allowFontScaling={true}
142
+ collapsable={false}
143
+ selectable={true}
144
+ selectionColor="rgb(160, 215, 42)"
145
+ style={
146
+ [
147
+ {
148
+ "fontFamily": "inter-bold",
149
+ },
150
+ {
151
+ "color": "rgba(101, 120, 132, 1)",
152
+ },
153
+ {
154
+ "textAlign": "left",
155
+ },
156
+ {
157
+ "fontSize": 16,
158
+ "lineHeight": 20,
159
+ },
160
+ {
161
+ "letterSpacing": 0,
162
+ },
163
+ ]
164
+ }
165
+ >
166
+ Test Text
167
+ </Text>
168
+ `;
169
+
170
+ exports[`renders text with bold style and display as fontFamily 1`] = `
171
+ <Text
172
+ accessibilityRole="text"
173
+ adjustsFontSizeToFit={false}
174
+ allowFontScaling={true}
175
+ collapsable={false}
176
+ selectable={true}
177
+ selectionColor="rgb(160, 215, 42)"
178
+ style={
179
+ [
180
+ {
181
+ "fontFamily": "jobberpro-bd",
182
+ },
183
+ {
184
+ "color": "rgba(101, 120, 132, 1)",
185
+ },
186
+ {
187
+ "textAlign": "left",
188
+ },
189
+ {
190
+ "fontSize": 16,
191
+ "lineHeight": 20,
192
+ },
193
+ {
194
+ "letterSpacing": 0,
195
+ },
196
+ ]
197
+ }
198
+ >
199
+ Test Text
200
+ </Text>
201
+ `;
202
+
203
+ exports[`renders text with bold weight and italic style 1`] = `
204
+ <Text
205
+ accessibilityRole="text"
206
+ adjustsFontSizeToFit={false}
207
+ allowFontScaling={true}
208
+ collapsable={false}
209
+ selectable={true}
210
+ selectionColor="rgb(160, 215, 42)"
211
+ style={
212
+ [
213
+ {
214
+ "fontFamily": "inter-regular",
215
+ },
216
+ {
217
+ "color": "rgba(101, 120, 132, 1)",
218
+ },
219
+ {
220
+ "textAlign": "left",
221
+ },
222
+ {
223
+ "fontSize": 16,
224
+ "lineHeight": 20,
225
+ },
226
+ {
227
+ "letterSpacing": 0,
228
+ },
229
+ ]
230
+ }
231
+ >
232
+ Test Text
233
+ </Text>
234
+ `;
235
+
236
+ exports[`renders text with center align 1`] = `
237
+ <Text
238
+ accessibilityRole="text"
239
+ adjustsFontSizeToFit={false}
240
+ allowFontScaling={true}
241
+ collapsable={false}
242
+ selectable={true}
243
+ selectionColor="rgb(160, 215, 42)"
244
+ style={
245
+ [
246
+ {
247
+ "fontFamily": "inter-regular",
248
+ },
249
+ {
250
+ "color": "rgba(101, 120, 132, 1)",
251
+ },
252
+ {
253
+ "textAlign": "center",
254
+ },
255
+ {
256
+ "fontSize": 16,
257
+ "lineHeight": 20,
258
+ },
259
+ {
260
+ "letterSpacing": 0,
261
+ },
262
+ ]
263
+ }
264
+ >
265
+ Test Text
266
+ </Text>
267
+ `;
268
+
269
+ exports[`renders text with default color 1`] = `
270
+ <Text
271
+ accessibilityRole="text"
272
+ adjustsFontSizeToFit={false}
273
+ allowFontScaling={true}
274
+ collapsable={false}
275
+ selectable={true}
276
+ selectionColor="rgb(160, 215, 42)"
277
+ style={
278
+ [
279
+ {
280
+ "fontFamily": "inter-regular",
281
+ },
282
+ {
283
+ "color": "rgba(101, 120, 132, 1)",
284
+ },
285
+ {
286
+ "textAlign": "left",
287
+ },
288
+ {
289
+ "fontSize": 16,
290
+ "lineHeight": 20,
291
+ },
292
+ {
293
+ "letterSpacing": 0,
294
+ },
295
+ ]
296
+ }
297
+ >
298
+ Test Text
299
+ </Text>
300
+ `;
301
+
302
+ exports[`renders text with default size 1`] = `
303
+ <Text
304
+ accessibilityRole="text"
305
+ adjustsFontSizeToFit={false}
306
+ allowFontScaling={true}
307
+ collapsable={false}
308
+ selectable={true}
309
+ selectionColor="rgb(160, 215, 42)"
310
+ style={
311
+ [
312
+ {
313
+ "fontFamily": "inter-regular",
314
+ },
315
+ {
316
+ "color": "rgba(101, 120, 132, 1)",
317
+ },
318
+ {
319
+ "textAlign": "left",
320
+ },
321
+ {
322
+ "fontSize": 16,
323
+ "lineHeight": 20,
324
+ },
325
+ {
326
+ "letterSpacing": 0,
327
+ },
328
+ ]
329
+ }
330
+ >
331
+ Test Text
332
+ </Text>
333
+ `;
334
+
335
+ exports[`renders text with extraBold weight and display as fontFamily 1`] = `
336
+ <Text
337
+ accessibilityRole="text"
338
+ adjustsFontSizeToFit={false}
339
+ allowFontScaling={true}
340
+ collapsable={false}
341
+ selectable={true}
342
+ selectionColor="rgb(160, 215, 42)"
343
+ style={
344
+ [
345
+ {
346
+ "fontFamily": "jobberpro-xbd",
347
+ },
348
+ {
349
+ "color": "rgba(101, 120, 132, 1)",
350
+ },
351
+ {
352
+ "textAlign": "left",
353
+ },
354
+ {
355
+ "fontSize": 16,
356
+ "lineHeight": 20,
357
+ },
358
+ {
359
+ "letterSpacing": 0,
360
+ },
361
+ ]
362
+ }
363
+ >
364
+ Test Text
365
+ </Text>
366
+ `;
367
+
368
+ exports[`renders text with green color 1`] = `
369
+ <Text
370
+ accessibilityRole="text"
371
+ adjustsFontSizeToFit={false}
372
+ allowFontScaling={true}
373
+ collapsable={false}
374
+ selectable={true}
375
+ selectionColor="rgb(160, 215, 42)"
376
+ style={
377
+ [
378
+ {
379
+ "fontFamily": "inter-regular",
380
+ },
381
+ {
382
+ "color": "rgb(125, 176, 14)",
383
+ },
384
+ {
385
+ "textAlign": "left",
386
+ },
387
+ {
388
+ "fontSize": 16,
389
+ "lineHeight": 20,
390
+ },
391
+ {
392
+ "letterSpacing": 0,
393
+ },
394
+ ]
395
+ }
396
+ >
397
+ Test Text
398
+ </Text>
399
+ `;
400
+
401
+ exports[`renders text with italic style 1`] = `
402
+ <Text
403
+ accessibilityRole="text"
404
+ adjustsFontSizeToFit={false}
405
+ allowFontScaling={true}
406
+ collapsable={false}
407
+ selectable={true}
408
+ selectionColor="rgb(160, 215, 42)"
409
+ style={
410
+ [
411
+ {
412
+ "fontFamily": "inter-regular",
413
+ },
414
+ {
415
+ "color": "rgba(101, 120, 132, 1)",
416
+ },
417
+ {
418
+ "textAlign": "left",
419
+ },
420
+ {
421
+ "fontSize": 16,
422
+ "lineHeight": 20,
423
+ },
424
+ {
425
+ "letterSpacing": 0,
426
+ },
427
+ ]
428
+ }
429
+ >
430
+ Test Text
431
+ </Text>
432
+ `;
433
+
434
+ exports[`renders text with large size 1`] = `
435
+ <Text
436
+ accessibilityRole="text"
437
+ adjustsFontSizeToFit={false}
438
+ allowFontScaling={true}
439
+ collapsable={false}
440
+ selectable={true}
441
+ selectionColor="rgb(160, 215, 42)"
442
+ style={
443
+ [
444
+ {
445
+ "fontFamily": "inter-regular",
446
+ },
447
+ {
448
+ "color": "rgba(101, 120, 132, 1)",
449
+ },
450
+ {
451
+ "textAlign": "left",
452
+ },
453
+ {
454
+ "fontSize": 18,
455
+ "lineHeight": 22,
456
+ },
457
+ {
458
+ "letterSpacing": 0,
459
+ },
460
+ ]
461
+ }
462
+ >
463
+ Test Text
464
+ </Text>
465
+ `;
466
+
467
+ exports[`renders text with letter spacing 1`] = `
468
+ <Text
469
+ accessibilityRole="text"
470
+ adjustsFontSizeToFit={false}
471
+ allowFontScaling={true}
472
+ collapsable={false}
473
+ selectable={true}
474
+ selectionColor="rgb(160, 215, 42)"
475
+ style={
476
+ [
477
+ {
478
+ "fontFamily": "inter-regular",
479
+ },
480
+ {
481
+ "color": "rgba(101, 120, 132, 1)",
482
+ },
483
+ {
484
+ "textAlign": "left",
485
+ },
486
+ {
487
+ "fontSize": 16,
488
+ "lineHeight": 20,
489
+ },
490
+ {
491
+ "letterSpacing": 0.4,
492
+ },
493
+ ]
494
+ }
495
+ >
496
+ Test Text
497
+ </Text>
498
+ `;
499
+
500
+ exports[`renders text with line height override 1`] = `
501
+ <Text
502
+ accessibilityRole="text"
503
+ adjustsFontSizeToFit={false}
504
+ allowFontScaling={true}
505
+ collapsable={false}
506
+ selectable={true}
507
+ selectionColor="rgb(160, 215, 42)"
508
+ style={
509
+ [
510
+ {
511
+ "fontFamily": "inter-regular",
512
+ },
513
+ {
514
+ "color": "rgba(101, 120, 132, 1)",
515
+ },
516
+ {
517
+ "textAlign": "left",
518
+ },
519
+ {
520
+ "fontSize": 16,
521
+ "lineHeight": 36,
522
+ },
523
+ {
524
+ "letterSpacing": 0,
525
+ },
526
+ ]
527
+ }
528
+ >
529
+ Test Text
530
+ </Text>
531
+ `;
532
+
533
+ exports[`renders text with lowercase transform 1`] = `
534
+ <Text
535
+ accessibilityRole="text"
536
+ adjustsFontSizeToFit={false}
537
+ allowFontScaling={true}
538
+ collapsable={false}
539
+ selectable={true}
540
+ selectionColor="rgb(160, 215, 42)"
541
+ style={
542
+ [
543
+ {
544
+ "fontFamily": "inter-regular",
545
+ },
546
+ {
547
+ "color": "rgba(101, 120, 132, 1)",
548
+ },
549
+ {
550
+ "textAlign": "left",
551
+ },
552
+ {
553
+ "fontSize": 16,
554
+ "lineHeight": 20,
555
+ },
556
+ {
557
+ "letterSpacing": 0,
558
+ },
559
+ ]
560
+ }
561
+ >
562
+ test text
563
+ </Text>
564
+ `;
565
+
566
+ exports[`renders text with multiple properties 1`] = `
567
+ <Text
568
+ accessibilityRole="text"
569
+ adjustsFontSizeToFit={false}
570
+ allowFontScaling={true}
571
+ collapsable={false}
572
+ selectable={true}
573
+ selectionColor="rgb(160, 215, 42)"
574
+ style={
575
+ [
576
+ {
577
+ "fontFamily": "inter-bold",
578
+ },
579
+ {
580
+ "color": "rgba(255, 255, 255, 1)",
581
+ },
582
+ {
583
+ "textAlign": "left",
584
+ },
585
+ {
586
+ "fontSize": 18,
587
+ "lineHeight": 22,
588
+ },
589
+ {
590
+ "letterSpacing": 0,
591
+ },
592
+ ]
593
+ }
594
+ >
595
+ Test Text
596
+ </Text>
597
+ `;
598
+
599
+ exports[`renders text with no additional props 1`] = `
600
+ <Text
601
+ accessibilityRole="text"
602
+ adjustsFontSizeToFit={false}
603
+ allowFontScaling={true}
604
+ collapsable={false}
605
+ selectable={true}
606
+ selectionColor="rgb(160, 215, 42)"
607
+ style={
608
+ [
609
+ {
610
+ "fontFamily": "inter-regular",
611
+ },
612
+ {
613
+ "color": "rgba(101, 120, 132, 1)",
614
+ },
615
+ {
616
+ "textAlign": "left",
617
+ },
618
+ {
619
+ "fontSize": 16,
620
+ "lineHeight": 20,
621
+ },
622
+ {
623
+ "letterSpacing": 0,
624
+ },
625
+ ]
626
+ }
627
+ >
628
+ Test Text
629
+ </Text>
630
+ `;
631
+
632
+ exports[`renders text with regular style 1`] = `
633
+ <Text
634
+ accessibilityRole="text"
635
+ adjustsFontSizeToFit={false}
636
+ allowFontScaling={true}
637
+ collapsable={false}
638
+ selectable={true}
639
+ selectionColor="rgb(160, 215, 42)"
640
+ style={
641
+ [
642
+ {
643
+ "fontFamily": "inter-regular",
644
+ },
645
+ {
646
+ "color": "rgba(101, 120, 132, 1)",
647
+ },
648
+ {
649
+ "textAlign": "left",
650
+ },
651
+ {
652
+ "fontSize": 16,
653
+ "lineHeight": 20,
654
+ },
655
+ {
656
+ "letterSpacing": 0,
657
+ },
658
+ ]
659
+ }
660
+ >
661
+ Test Text
662
+ </Text>
663
+ `;
664
+
665
+ exports[`renders text with reverseTheme false with reversible color 1`] = `
666
+ <Text
667
+ accessibilityRole="text"
668
+ adjustsFontSizeToFit={false}
669
+ allowFontScaling={true}
670
+ collapsable={false}
671
+ selectable={true}
672
+ selectionColor="rgb(160, 215, 42)"
673
+ style={
674
+ [
675
+ {
676
+ "fontFamily": "inter-regular",
677
+ },
678
+ {
679
+ "color": "rgb(81, 114, 9)",
680
+ },
681
+ {
682
+ "textAlign": "left",
683
+ },
684
+ {
685
+ "fontSize": 16,
686
+ "lineHeight": 20,
687
+ },
688
+ {
689
+ "letterSpacing": 0,
690
+ },
691
+ ]
692
+ }
693
+ >
694
+ Test Text
695
+ </Text>
696
+ `;
697
+
698
+ exports[`renders text with reverseTheme true with reversible color 1`] = `
699
+ <Text
700
+ accessibilityRole="text"
701
+ adjustsFontSizeToFit={false}
702
+ allowFontScaling={true}
703
+ collapsable={false}
704
+ selectable={true}
705
+ selectionColor="rgb(160, 215, 42)"
706
+ style={
707
+ [
708
+ {
709
+ "fontFamily": "inter-regular",
710
+ },
711
+ {
712
+ "color": "rgb(125, 176, 14)",
713
+ },
714
+ {
715
+ "textAlign": "left",
716
+ },
717
+ {
718
+ "fontSize": 16,
719
+ "lineHeight": 20,
720
+ },
721
+ {
722
+ "letterSpacing": 0,
723
+ },
724
+ ]
725
+ }
726
+ >
727
+ Test Text
728
+ </Text>
729
+ `;
730
+
731
+ exports[`renders text with small size 1`] = `
732
+ <Text
733
+ accessibilityRole="text"
734
+ adjustsFontSizeToFit={false}
735
+ allowFontScaling={true}
736
+ collapsable={false}
737
+ selectable={true}
738
+ selectionColor="rgb(160, 215, 42)"
739
+ style={
740
+ [
741
+ {
742
+ "fontFamily": "inter-regular",
743
+ },
744
+ {
745
+ "color": "rgba(101, 120, 132, 1)",
746
+ },
747
+ {
748
+ "textAlign": "left",
749
+ },
750
+ {
751
+ "fontSize": 14,
752
+ "lineHeight": 18,
753
+ },
754
+ {
755
+ "letterSpacing": 0,
756
+ },
757
+ ]
758
+ }
759
+ >
760
+ Test Text
761
+ </Text>
762
+ `;
763
+
764
+ exports[`renders text with strikethough styling 1`] = `
765
+ <Text
766
+ accessibilityRole="text"
767
+ adjustsFontSizeToFit={false}
768
+ allowFontScaling={true}
769
+ collapsable={false}
770
+ selectable={true}
771
+ selectionColor="rgb(160, 215, 42)"
772
+ style={
773
+ [
774
+ {
775
+ "fontFamily": "inter-regular",
776
+ },
777
+ {
778
+ "color": "rgba(101, 120, 132, 1)",
779
+ },
780
+ {
781
+ "textAlign": "left",
782
+ },
783
+ {
784
+ "fontSize": 16,
785
+ "lineHeight": 20,
786
+ },
787
+ {
788
+ "letterSpacing": 0,
789
+ },
790
+ {
791
+ "textDecorationLine": "line-through",
792
+ },
793
+ ]
794
+ }
795
+ >
796
+ Test Text
797
+ </Text>
798
+ `;
799
+
800
+ exports[`renders text with uppercase transform 1`] = `
801
+ <Text
802
+ accessibilityRole="text"
803
+ adjustsFontSizeToFit={false}
804
+ allowFontScaling={true}
805
+ collapsable={false}
806
+ selectable={true}
807
+ selectionColor="rgb(160, 215, 42)"
808
+ style={
809
+ [
810
+ {
811
+ "fontFamily": "inter-regular",
812
+ },
813
+ {
814
+ "color": "rgba(101, 120, 132, 1)",
815
+ },
816
+ {
817
+ "textAlign": "left",
818
+ },
819
+ {
820
+ "fontSize": 16,
821
+ "lineHeight": 20,
822
+ },
823
+ {
824
+ "letterSpacing": 0,
825
+ },
826
+ ]
827
+ }
828
+ >
829
+ TEST TEXT
830
+ </Text>
831
+ `;
832
+
833
+ exports[`renders text with white color 1`] = `
834
+ <Text
835
+ accessibilityRole="text"
836
+ adjustsFontSizeToFit={false}
837
+ allowFontScaling={true}
838
+ collapsable={false}
839
+ selectable={true}
840
+ selectionColor="rgb(160, 215, 42)"
841
+ style={
842
+ [
843
+ {
844
+ "fontFamily": "inter-regular",
845
+ },
846
+ {
847
+ "color": "rgba(255, 255, 255, 1)",
848
+ },
849
+ {
850
+ "textAlign": "left",
851
+ },
852
+ {
853
+ "fontSize": 16,
854
+ "lineHeight": 20,
855
+ },
856
+ {
857
+ "letterSpacing": 0,
858
+ },
859
+ ]
860
+ }
861
+ >
862
+ Test Text
863
+ </Text>
864
+ `;