@nanogiants/react-native-render-html 1.0.0

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,2795 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`RenderHTML snapshots applies baseStyle to text 1`] = `
4
+ <View>
5
+ <View
6
+ style={
7
+ [
8
+ {
9
+ "marginBottom": 8,
10
+ "marginTop": 8,
11
+ },
12
+ {
13
+ "marginBottom": 0,
14
+ "marginTop": 0,
15
+ },
16
+ ]
17
+ }
18
+ >
19
+ <Text
20
+ style={
21
+ [
22
+ {
23
+ "color": "navy",
24
+ "fontSize": 18,
25
+ },
26
+ undefined,
27
+ ]
28
+ }
29
+ >
30
+ <Text>
31
+ Styled text
32
+ </Text>
33
+ </Text>
34
+ </View>
35
+ </View>
36
+ `;
37
+
38
+ exports[`RenderHTML snapshots applies classesStyles 1`] = `
39
+ <View>
40
+ <View
41
+ style={
42
+ [
43
+ {
44
+ "backgroundColor": "yellow",
45
+ "marginBottom": 8,
46
+ "marginTop": 8,
47
+ },
48
+ {
49
+ "marginBottom": 0,
50
+ "marginTop": 0,
51
+ },
52
+ ]
53
+ }
54
+ >
55
+ <Text
56
+ style={
57
+ [
58
+ {
59
+ "color": "green",
60
+ },
61
+ undefined,
62
+ ]
63
+ }
64
+ >
65
+ <Text>
66
+ Highlighted paragraph
67
+ </Text>
68
+ </Text>
69
+ </View>
70
+ </View>
71
+ `;
72
+
73
+ exports[`RenderHTML snapshots applies listGap 1`] = `
74
+ <View>
75
+ <View
76
+ style={
77
+ [
78
+ {
79
+ "gap": 8,
80
+ "paddingLeft": 12,
81
+ "paddingVertical": 0,
82
+ },
83
+ undefined,
84
+ ]
85
+ }
86
+ >
87
+ <View>
88
+ <View
89
+ style={
90
+ {
91
+ "flexDirection": "row",
92
+ }
93
+ }
94
+ >
95
+ <View
96
+ style={
97
+ {
98
+ "marginBottom": 4,
99
+ "marginRight": 8,
100
+ }
101
+ }
102
+ />
103
+ <Text
104
+ accessibilityLabel="List item 1 of 2: A"
105
+ accessible={true}
106
+ style={
107
+ [
108
+ {},
109
+ {
110
+ "flex": 1,
111
+ },
112
+ ]
113
+ }
114
+ >
115
+ <Text>
116
+ A
117
+ </Text>
118
+ </Text>
119
+ </View>
120
+ </View>
121
+ <View>
122
+ <View
123
+ style={
124
+ {
125
+ "flexDirection": "row",
126
+ }
127
+ }
128
+ >
129
+ <View
130
+ style={
131
+ {
132
+ "marginBottom": 4,
133
+ "marginRight": 8,
134
+ }
135
+ }
136
+ />
137
+ <Text
138
+ accessibilityLabel="List item 2 of 2: B"
139
+ accessible={true}
140
+ style={
141
+ [
142
+ {},
143
+ {
144
+ "flex": 1,
145
+ },
146
+ ]
147
+ }
148
+ >
149
+ <Text>
150
+ B
151
+ </Text>
152
+ </Text>
153
+ </View>
154
+ </View>
155
+ </View>
156
+ </View>
157
+ `;
158
+
159
+ exports[`RenderHTML snapshots applies tagStyles overrides 1`] = `
160
+ <View>
161
+ <View
162
+ style={
163
+ [
164
+ {
165
+ "marginBottom": 8,
166
+ "marginTop": 0,
167
+ },
168
+ undefined,
169
+ ]
170
+ }
171
+ >
172
+ <Text
173
+ accessibilityRole="header"
174
+ accessible={true}
175
+ style={
176
+ [
177
+ {
178
+ "color": "red",
179
+ "fontSize": 40,
180
+ "lineHeight": 38.4,
181
+ },
182
+ undefined,
183
+ ]
184
+ }
185
+ >
186
+ <Text>
187
+ Custom heading
188
+ </Text>
189
+ </Text>
190
+ </View>
191
+ </View>
192
+ `;
193
+
194
+ exports[`RenderHTML snapshots applies tagStyles to section 1`] = `
195
+ <View>
196
+ <View
197
+ style={
198
+ [
199
+ {
200
+ "backgroundColor": "lightyellow",
201
+ "marginVertical": 8,
202
+ "padding": 12,
203
+ },
204
+ undefined,
205
+ ]
206
+ }
207
+ >
208
+ <View
209
+ style={
210
+ [
211
+ {
212
+ "marginBottom": 8,
213
+ "marginTop": 8,
214
+ },
215
+ {
216
+ "marginBottom": 0,
217
+ "marginTop": 0,
218
+ },
219
+ ]
220
+ }
221
+ >
222
+ <Text
223
+ style={
224
+ [
225
+ {},
226
+ undefined,
227
+ ]
228
+ }
229
+ >
230
+ <Text>
231
+ Styled section
232
+ </Text>
233
+ </Text>
234
+ </View>
235
+ </View>
236
+ </View>
237
+ `;
238
+
239
+ exports[`RenderHTML snapshots ignores script tags 1`] = `
240
+ <View>
241
+ <View
242
+ style={
243
+ [
244
+ {
245
+ "marginBottom": 8,
246
+ "marginTop": 8,
247
+ },
248
+ {
249
+ "marginBottom": 8,
250
+ "marginTop": 0,
251
+ },
252
+ ]
253
+ }
254
+ >
255
+ <Text
256
+ style={
257
+ [
258
+ {},
259
+ undefined,
260
+ ]
261
+ }
262
+ >
263
+ <Text>
264
+ Visible
265
+ </Text>
266
+ </Text>
267
+ </View>
268
+ <View
269
+ style={
270
+ [
271
+ {
272
+ "marginBottom": 8,
273
+ "marginTop": 8,
274
+ },
275
+ {
276
+ "marginBottom": 0,
277
+ "marginTop": 8,
278
+ },
279
+ ]
280
+ }
281
+ >
282
+ <Text
283
+ style={
284
+ [
285
+ {},
286
+ undefined,
287
+ ]
288
+ }
289
+ >
290
+ <Text>
291
+ Also visible
292
+ </Text>
293
+ </Text>
294
+ </View>
295
+ </View>
296
+ `;
297
+
298
+ exports[`RenderHTML snapshots ignores style tags 1`] = `
299
+ <View>
300
+ <View
301
+ style={
302
+ [
303
+ {
304
+ "marginBottom": 8,
305
+ "marginTop": 8,
306
+ },
307
+ {
308
+ "marginBottom": 0,
309
+ "marginTop": 8,
310
+ },
311
+ ]
312
+ }
313
+ >
314
+ <Text
315
+ style={
316
+ [
317
+ {},
318
+ undefined,
319
+ ]
320
+ }
321
+ >
322
+ <Text>
323
+ Text
324
+ </Text>
325
+ </Text>
326
+ </View>
327
+ </View>
328
+ `;
329
+
330
+ exports[`RenderHTML snapshots renders a blockquote 1`] = `
331
+ <View>
332
+ <View
333
+ style={
334
+ [
335
+ {
336
+ "backgroundColor": "#cccccc",
337
+ "borderLeftColor": "black",
338
+ "borderLeftWidth": 4,
339
+ "marginLeft": 8,
340
+ "paddingLeft": 12,
341
+ },
342
+ undefined,
343
+ ]
344
+ }
345
+ >
346
+ <View
347
+ style={
348
+ [
349
+ {
350
+ "marginBottom": 8,
351
+ "marginTop": 8,
352
+ },
353
+ {
354
+ "marginBottom": 0,
355
+ "marginTop": 0,
356
+ },
357
+ ]
358
+ }
359
+ >
360
+ <Text
361
+ style={
362
+ [
363
+ {},
364
+ undefined,
365
+ ]
366
+ }
367
+ >
368
+ <Text>
369
+ Quoted text
370
+ </Text>
371
+ </Text>
372
+ </View>
373
+ </View>
374
+ </View>
375
+ `;
376
+
377
+ exports[`RenderHTML snapshots renders a definition list 1`] = `
378
+ <View>
379
+ <View
380
+ style={
381
+ [
382
+ {},
383
+ undefined,
384
+ ]
385
+ }
386
+ >
387
+ <View
388
+ style={
389
+ [
390
+ {},
391
+ undefined,
392
+ ]
393
+ }
394
+ >
395
+ <Text
396
+ style={
397
+ [
398
+ {},
399
+ undefined,
400
+ ]
401
+ }
402
+ >
403
+ <Text>
404
+ Term
405
+ </Text>
406
+ </Text>
407
+ </View>
408
+ <View
409
+ style={
410
+ [
411
+ {},
412
+ undefined,
413
+ ]
414
+ }
415
+ >
416
+ <Text
417
+ style={
418
+ [
419
+ {
420
+ "marginLeft": 20,
421
+ },
422
+ undefined,
423
+ ]
424
+ }
425
+ >
426
+ <Text>
427
+ Definition of the term
428
+ </Text>
429
+ </Text>
430
+ </View>
431
+ </View>
432
+ </View>
433
+ `;
434
+
435
+ exports[`RenderHTML snapshots renders a div with mixed content 1`] = `
436
+ <View>
437
+ <View
438
+ style={
439
+ [
440
+ {},
441
+ undefined,
442
+ ]
443
+ }
444
+ >
445
+ <View
446
+ style={
447
+ [
448
+ {
449
+ "marginBottom": 8,
450
+ "marginTop": 8,
451
+ },
452
+ {
453
+ "marginBottom": 8,
454
+ "marginTop": 0,
455
+ },
456
+ ]
457
+ }
458
+ >
459
+ <Text
460
+ style={
461
+ [
462
+ {},
463
+ undefined,
464
+ ]
465
+ }
466
+ >
467
+ <Text>
468
+ Paragraph
469
+ </Text>
470
+ </Text>
471
+ </View>
472
+ <Text
473
+ style={
474
+ [
475
+ {},
476
+ undefined,
477
+ ]
478
+ }
479
+ >
480
+ <Text
481
+ style={
482
+ [
483
+ {},
484
+ undefined,
485
+ ]
486
+ }
487
+ >
488
+ <Text>
489
+ Inline
490
+ </Text>
491
+ </Text>
492
+ </Text>
493
+ </View>
494
+ </View>
495
+ `;
496
+
497
+ exports[`RenderHTML snapshots renders a link with no href 1`] = `
498
+ <View>
499
+ <Text
500
+ accessibilityElementsHidden={false}
501
+ accessibilityRole="link"
502
+ accessible={true}
503
+ importantForAccessibility="yes"
504
+ onPress={[Function]}
505
+ style={
506
+ {
507
+ "textDecorationLine": "underline",
508
+ }
509
+ }
510
+ >
511
+ No href
512
+ </Text>
513
+ </View>
514
+ `;
515
+
516
+ exports[`RenderHTML snapshots renders a nested list 1`] = `
517
+ <View>
518
+ <View
519
+ style={
520
+ [
521
+ {
522
+ "gap": 0,
523
+ "paddingLeft": 12,
524
+ "paddingVertical": 0,
525
+ },
526
+ undefined,
527
+ ]
528
+ }
529
+ >
530
+ <View>
531
+ <View
532
+ style={
533
+ {
534
+ "flexDirection": "row",
535
+ }
536
+ }
537
+ >
538
+ <View
539
+ style={
540
+ {
541
+ "marginBottom": 4,
542
+ "marginRight": 8,
543
+ }
544
+ }
545
+ />
546
+ <Text
547
+ accessibilityLabel="List item 1 of 2: Item 1"
548
+ accessible={true}
549
+ style={
550
+ [
551
+ {},
552
+ {
553
+ "flex": 1,
554
+ },
555
+ ]
556
+ }
557
+ >
558
+ <Text>
559
+ Item 1
560
+ </Text>
561
+ </Text>
562
+ </View>
563
+ <View
564
+ style={
565
+ {
566
+ "width": "100%",
567
+ }
568
+ }
569
+ >
570
+ <View
571
+ style={
572
+ [
573
+ {
574
+ "gap": 0,
575
+ "paddingLeft": 12,
576
+ "paddingVertical": 0,
577
+ },
578
+ undefined,
579
+ ]
580
+ }
581
+ >
582
+ <View>
583
+ <View
584
+ style={
585
+ {
586
+ "flexDirection": "row",
587
+ }
588
+ }
589
+ >
590
+ <View
591
+ style={
592
+ {
593
+ "marginBottom": 4,
594
+ "marginRight": 8,
595
+ }
596
+ }
597
+ />
598
+ <Text
599
+ accessibilityLabel="List item 1 of 2: Sub A"
600
+ accessible={true}
601
+ style={
602
+ [
603
+ {},
604
+ {
605
+ "flex": 1,
606
+ },
607
+ ]
608
+ }
609
+ >
610
+ <Text>
611
+ Sub A
612
+ </Text>
613
+ </Text>
614
+ </View>
615
+ </View>
616
+ <View>
617
+ <View
618
+ style={
619
+ {
620
+ "flexDirection": "row",
621
+ }
622
+ }
623
+ >
624
+ <View
625
+ style={
626
+ {
627
+ "marginBottom": 4,
628
+ "marginRight": 8,
629
+ }
630
+ }
631
+ />
632
+ <Text
633
+ accessibilityLabel="List item 2 of 2: Sub B"
634
+ accessible={true}
635
+ style={
636
+ [
637
+ {},
638
+ {
639
+ "flex": 1,
640
+ },
641
+ ]
642
+ }
643
+ >
644
+ <Text>
645
+ Sub B
646
+ </Text>
647
+ </Text>
648
+ </View>
649
+ </View>
650
+ </View>
651
+ </View>
652
+ </View>
653
+ <View>
654
+ <View
655
+ style={
656
+ {
657
+ "flexDirection": "row",
658
+ }
659
+ }
660
+ >
661
+ <View
662
+ style={
663
+ {
664
+ "marginBottom": 4,
665
+ "marginRight": 8,
666
+ }
667
+ }
668
+ />
669
+ <Text
670
+ accessibilityLabel="List item 2 of 2: Item 2"
671
+ accessible={true}
672
+ style={
673
+ [
674
+ {},
675
+ {
676
+ "flex": 1,
677
+ },
678
+ ]
679
+ }
680
+ >
681
+ <Text>
682
+ Item 2
683
+ </Text>
684
+ </Text>
685
+ </View>
686
+ </View>
687
+ </View>
688
+ </View>
689
+ `;
690
+
691
+ exports[`RenderHTML snapshots renders a paragraph 1`] = `
692
+ <View>
693
+ <View
694
+ style={
695
+ [
696
+ {
697
+ "marginBottom": 8,
698
+ "marginTop": 8,
699
+ },
700
+ {
701
+ "marginBottom": 0,
702
+ "marginTop": 0,
703
+ },
704
+ ]
705
+ }
706
+ >
707
+ <Text
708
+ style={
709
+ [
710
+ {},
711
+ undefined,
712
+ ]
713
+ }
714
+ >
715
+ <Text>
716
+ A simple paragraph.
717
+ </Text>
718
+ </Text>
719
+ </View>
720
+ </View>
721
+ `;
722
+
723
+ exports[`RenderHTML snapshots renders a plain text node 1`] = `
724
+ <View>
725
+ <Text>
726
+ Hello world
727
+ </Text>
728
+ </View>
729
+ `;
730
+
731
+ exports[`RenderHTML snapshots renders a pre block 1`] = `
732
+ <View>
733
+ <Text
734
+ style={
735
+ [
736
+ {
737
+ "backgroundColor": "#bbbbbb",
738
+ "fontFamily": "monospace",
739
+ },
740
+ undefined,
741
+ ]
742
+ }
743
+ >
744
+ <Text>
745
+ const x = 1;
746
+ </Text>
747
+ </Text>
748
+ </View>
749
+ `;
750
+
751
+ exports[`RenderHTML snapshots renders a realistic article fragment 1`] = `
752
+ <View>
753
+ <View
754
+ style={
755
+ [
756
+ {
757
+ "marginBottom": 8,
758
+ "marginTop": 12,
759
+ },
760
+ undefined,
761
+ ]
762
+ }
763
+ >
764
+ <Text
765
+ accessibilityRole="header"
766
+ accessible={true}
767
+ style={
768
+ [
769
+ {
770
+ "fontSize": 32,
771
+ "lineHeight": 38.4,
772
+ },
773
+ undefined,
774
+ ]
775
+ }
776
+ >
777
+ <Text>
778
+ Article Title
779
+ </Text>
780
+ </Text>
781
+ </View>
782
+ <View
783
+ style={
784
+ [
785
+ {
786
+ "marginBottom": 8,
787
+ "marginTop": 8,
788
+ },
789
+ {
790
+ "marginBottom": 8,
791
+ "marginTop": 8,
792
+ },
793
+ ]
794
+ }
795
+ >
796
+ <Text
797
+ style={
798
+ [
799
+ {},
800
+ undefined,
801
+ ]
802
+ }
803
+ >
804
+ <Text>
805
+ An introductory paragraph with
806
+ </Text>
807
+ <Text
808
+ style={
809
+ [
810
+ {
811
+ "fontWeight": "bold",
812
+ },
813
+ undefined,
814
+ ]
815
+ }
816
+ >
817
+ <Text>
818
+ bold
819
+ </Text>
820
+ </Text>
821
+ <Text>
822
+ ,
823
+ </Text>
824
+ <Text
825
+ style={
826
+ [
827
+ {
828
+ "fontStyle": "italic",
829
+ },
830
+ undefined,
831
+ ]
832
+ }
833
+ >
834
+ <Text>
835
+ italic
836
+ </Text>
837
+ </Text>
838
+ <Text>
839
+ and an
840
+ </Text>
841
+ <Text
842
+ accessibilityElementsHidden={false}
843
+ accessibilityHint="External link"
844
+ accessibilityRole="link"
845
+ accessible={true}
846
+ importantForAccessibility="yes"
847
+ onPress={[Function]}
848
+ style={
849
+ {
850
+ "textDecorationLine": "underline",
851
+ }
852
+ }
853
+ >
854
+ external link
855
+ </Text>
856
+ <Text>
857
+ .
858
+ </Text>
859
+ </Text>
860
+ </View>
861
+ <View
862
+ style={
863
+ [
864
+ {
865
+ "marginBottom": 6,
866
+ "marginTop": 10,
867
+ },
868
+ undefined,
869
+ ]
870
+ }
871
+ >
872
+ <Text
873
+ accessibilityRole="header"
874
+ accessible={true}
875
+ style={
876
+ [
877
+ {
878
+ "fontSize": 24,
879
+ "lineHeight": 28.8,
880
+ },
881
+ undefined,
882
+ ]
883
+ }
884
+ >
885
+ <Text>
886
+ Section
887
+ </Text>
888
+ </Text>
889
+ </View>
890
+ <View
891
+ style={
892
+ [
893
+ {
894
+ "gap": 0,
895
+ "paddingLeft": 12,
896
+ "paddingVertical": 0,
897
+ },
898
+ undefined,
899
+ ]
900
+ }
901
+ >
902
+ <View>
903
+ <View
904
+ style={
905
+ {
906
+ "flexDirection": "row",
907
+ }
908
+ }
909
+ >
910
+ <View
911
+ style={
912
+ {
913
+ "marginBottom": 4,
914
+ "marginRight": 8,
915
+ }
916
+ }
917
+ />
918
+ <Text
919
+ accessibilityLabel="List item 1 of 2: Point one"
920
+ accessible={true}
921
+ style={
922
+ [
923
+ {},
924
+ {
925
+ "flex": 1,
926
+ },
927
+ ]
928
+ }
929
+ >
930
+ <Text>
931
+ Point one
932
+ </Text>
933
+ </Text>
934
+ </View>
935
+ </View>
936
+ <View>
937
+ <View
938
+ style={
939
+ {
940
+ "flexDirection": "row",
941
+ }
942
+ }
943
+ >
944
+ <View
945
+ style={
946
+ {
947
+ "marginBottom": 4,
948
+ "marginRight": 8,
949
+ }
950
+ }
951
+ />
952
+ <Text
953
+ accessibilityLabel="List item 2 of 2: Point two"
954
+ accessible={true}
955
+ style={
956
+ [
957
+ {},
958
+ {
959
+ "flex": 1,
960
+ },
961
+ ]
962
+ }
963
+ >
964
+ <Text>
965
+ Point two
966
+ </Text>
967
+ </Text>
968
+ </View>
969
+ </View>
970
+ </View>
971
+ <View
972
+ style={
973
+ [
974
+ {
975
+ "backgroundColor": "#cccccc",
976
+ "borderLeftColor": "black",
977
+ "borderLeftWidth": 4,
978
+ "marginLeft": 8,
979
+ "paddingLeft": 12,
980
+ },
981
+ undefined,
982
+ ]
983
+ }
984
+ >
985
+ <View
986
+ style={
987
+ [
988
+ {
989
+ "marginBottom": 8,
990
+ "marginTop": 8,
991
+ },
992
+ {
993
+ "marginBottom": 0,
994
+ "marginTop": 0,
995
+ },
996
+ ]
997
+ }
998
+ >
999
+ <Text
1000
+ style={
1001
+ [
1002
+ {},
1003
+ undefined,
1004
+ ]
1005
+ }
1006
+ >
1007
+ <Text>
1008
+ A notable quote.
1009
+ </Text>
1010
+ </Text>
1011
+ </View>
1012
+ </View>
1013
+ <Text
1014
+ style={
1015
+ [
1016
+ {
1017
+ "backgroundColor": "#bbbbbb",
1018
+ "fontFamily": "monospace",
1019
+ },
1020
+ undefined,
1021
+ ]
1022
+ }
1023
+ >
1024
+ <Text>
1025
+ code block
1026
+ </Text>
1027
+ </Text>
1028
+ </View>
1029
+ `;
1030
+
1031
+ exports[`RenderHTML snapshots renders a simple table 1`] = `
1032
+ <View>
1033
+ <View
1034
+ style={
1035
+ [
1036
+ {
1037
+ "marginVertical": 8,
1038
+ },
1039
+ undefined,
1040
+ ]
1041
+ }
1042
+ >
1043
+ <View
1044
+ style={
1045
+ [
1046
+ {},
1047
+ undefined,
1048
+ ]
1049
+ }
1050
+ >
1051
+ <View
1052
+ style={
1053
+ [
1054
+ {},
1055
+ undefined,
1056
+ ]
1057
+ }
1058
+ >
1059
+ <Text
1060
+ style={
1061
+ [
1062
+ {},
1063
+ undefined,
1064
+ ]
1065
+ }
1066
+ >
1067
+ <View
1068
+ onLayout={[Function]}
1069
+ style={
1070
+ [
1071
+ {
1072
+ "minWidth": undefined,
1073
+ "width": undefined,
1074
+ },
1075
+ undefined,
1076
+ ]
1077
+ }
1078
+ >
1079
+ <Text
1080
+ style={
1081
+ [
1082
+ {
1083
+ "borderColor": "black",
1084
+ "borderWidth": 1,
1085
+ "fontWeight": "bold",
1086
+ "padding": 8,
1087
+ },
1088
+ undefined,
1089
+ ]
1090
+ }
1091
+ >
1092
+ <Text>
1093
+ Name
1094
+ </Text>
1095
+ </Text>
1096
+ </View>
1097
+ <View
1098
+ onLayout={[Function]}
1099
+ style={
1100
+ [
1101
+ {
1102
+ "minWidth": undefined,
1103
+ "width": undefined,
1104
+ },
1105
+ undefined,
1106
+ ]
1107
+ }
1108
+ >
1109
+ <Text
1110
+ style={
1111
+ [
1112
+ {
1113
+ "borderColor": "black",
1114
+ "borderWidth": 1,
1115
+ "fontWeight": "bold",
1116
+ "padding": 8,
1117
+ },
1118
+ undefined,
1119
+ ]
1120
+ }
1121
+ >
1122
+ <Text>
1123
+ Age
1124
+ </Text>
1125
+ </Text>
1126
+ </View>
1127
+ </Text>
1128
+ </View>
1129
+ </View>
1130
+ <View
1131
+ style={
1132
+ [
1133
+ {},
1134
+ undefined,
1135
+ ]
1136
+ }
1137
+ >
1138
+ <View
1139
+ style={
1140
+ [
1141
+ {},
1142
+ undefined,
1143
+ ]
1144
+ }
1145
+ >
1146
+ <Text
1147
+ style={
1148
+ [
1149
+ {},
1150
+ undefined,
1151
+ ]
1152
+ }
1153
+ >
1154
+ <View
1155
+ onLayout={[Function]}
1156
+ style={
1157
+ [
1158
+ {
1159
+ "minWidth": undefined,
1160
+ "width": undefined,
1161
+ },
1162
+ undefined,
1163
+ ]
1164
+ }
1165
+ >
1166
+ <Text
1167
+ style={
1168
+ [
1169
+ {
1170
+ "padding": 8,
1171
+ },
1172
+ undefined,
1173
+ ]
1174
+ }
1175
+ >
1176
+ <Text>
1177
+ Alice
1178
+ </Text>
1179
+ </Text>
1180
+ </View>
1181
+ <View
1182
+ onLayout={[Function]}
1183
+ style={
1184
+ [
1185
+ {
1186
+ "minWidth": undefined,
1187
+ "width": undefined,
1188
+ },
1189
+ undefined,
1190
+ ]
1191
+ }
1192
+ >
1193
+ <Text
1194
+ style={
1195
+ [
1196
+ {
1197
+ "padding": 8,
1198
+ },
1199
+ undefined,
1200
+ ]
1201
+ }
1202
+ >
1203
+ <Text>
1204
+ 30
1205
+ </Text>
1206
+ </Text>
1207
+ </View>
1208
+ </Text>
1209
+ </View>
1210
+ <View
1211
+ style={
1212
+ [
1213
+ {},
1214
+ undefined,
1215
+ ]
1216
+ }
1217
+ >
1218
+ <Text
1219
+ style={
1220
+ [
1221
+ {},
1222
+ undefined,
1223
+ ]
1224
+ }
1225
+ >
1226
+ <View
1227
+ onLayout={[Function]}
1228
+ style={
1229
+ [
1230
+ {
1231
+ "minWidth": undefined,
1232
+ "width": undefined,
1233
+ },
1234
+ undefined,
1235
+ ]
1236
+ }
1237
+ >
1238
+ <Text
1239
+ style={
1240
+ [
1241
+ {
1242
+ "padding": 8,
1243
+ },
1244
+ undefined,
1245
+ ]
1246
+ }
1247
+ >
1248
+ <Text>
1249
+ Bob
1250
+ </Text>
1251
+ </Text>
1252
+ </View>
1253
+ <View
1254
+ onLayout={[Function]}
1255
+ style={
1256
+ [
1257
+ {
1258
+ "minWidth": undefined,
1259
+ "width": undefined,
1260
+ },
1261
+ undefined,
1262
+ ]
1263
+ }
1264
+ >
1265
+ <Text
1266
+ style={
1267
+ [
1268
+ {
1269
+ "padding": 8,
1270
+ },
1271
+ undefined,
1272
+ ]
1273
+ }
1274
+ >
1275
+ <Text>
1276
+ 25
1277
+ </Text>
1278
+ </Text>
1279
+ </View>
1280
+ </Text>
1281
+ </View>
1282
+ </View>
1283
+ <View
1284
+ style={
1285
+ [
1286
+ {},
1287
+ undefined,
1288
+ ]
1289
+ }
1290
+ >
1291
+ <View
1292
+ style={
1293
+ [
1294
+ {},
1295
+ undefined,
1296
+ ]
1297
+ }
1298
+ >
1299
+ <Text
1300
+ style={
1301
+ [
1302
+ {},
1303
+ undefined,
1304
+ ]
1305
+ }
1306
+ >
1307
+ <View
1308
+ onLayout={[Function]}
1309
+ style={
1310
+ [
1311
+ {
1312
+ "minWidth": undefined,
1313
+ "width": undefined,
1314
+ },
1315
+ undefined,
1316
+ ]
1317
+ }
1318
+ >
1319
+ <Text
1320
+ style={
1321
+ [
1322
+ {
1323
+ "padding": 8,
1324
+ },
1325
+ undefined,
1326
+ ]
1327
+ }
1328
+ >
1329
+ <Text>
1330
+ Total
1331
+ </Text>
1332
+ </Text>
1333
+ </View>
1334
+ <View
1335
+ onLayout={[Function]}
1336
+ style={
1337
+ [
1338
+ {
1339
+ "minWidth": undefined,
1340
+ "width": undefined,
1341
+ },
1342
+ undefined,
1343
+ ]
1344
+ }
1345
+ >
1346
+ <Text
1347
+ style={
1348
+ [
1349
+ {
1350
+ "padding": 8,
1351
+ },
1352
+ undefined,
1353
+ ]
1354
+ }
1355
+ >
1356
+ <Text>
1357
+ 2
1358
+ </Text>
1359
+ </Text>
1360
+ </View>
1361
+ </Text>
1362
+ </View>
1363
+ </View>
1364
+ </View>
1365
+ </View>
1366
+ `;
1367
+
1368
+ exports[`RenderHTML snapshots renders an external link 1`] = `
1369
+ <View>
1370
+ <Text
1371
+ accessibilityElementsHidden={false}
1372
+ accessibilityHint="External link"
1373
+ accessibilityRole="link"
1374
+ accessible={true}
1375
+ importantForAccessibility="yes"
1376
+ onPress={[Function]}
1377
+ style={
1378
+ {
1379
+ "textDecorationLine": "underline",
1380
+ }
1381
+ }
1382
+ >
1383
+ External
1384
+ </Text>
1385
+ </View>
1386
+ `;
1387
+
1388
+ exports[`RenderHTML snapshots renders an internal link 1`] = `
1389
+ <View>
1390
+ <Text
1391
+ accessibilityElementsHidden={false}
1392
+ accessibilityRole="link"
1393
+ accessible={true}
1394
+ importantForAccessibility="yes"
1395
+ onPress={[Function]}
1396
+ style={
1397
+ {
1398
+ "textDecorationLine": "underline",
1399
+ }
1400
+ }
1401
+ >
1402
+ About us
1403
+ </Text>
1404
+ </View>
1405
+ `;
1406
+
1407
+ exports[`RenderHTML snapshots renders an ordered list 1`] = `
1408
+ <View>
1409
+ <View
1410
+ style={
1411
+ [
1412
+ {
1413
+ "gap": 0,
1414
+ "paddingLeft": 12,
1415
+ "paddingVertical": 0,
1416
+ },
1417
+ undefined,
1418
+ ]
1419
+ }
1420
+ >
1421
+ <View>
1422
+ <View
1423
+ style={
1424
+ {
1425
+ "flexDirection": "row",
1426
+ }
1427
+ }
1428
+ >
1429
+ <View
1430
+ style={
1431
+ {
1432
+ "marginBottom": 4,
1433
+ "marginRight": 8,
1434
+ }
1435
+ }
1436
+ >
1437
+ <Text
1438
+ style={
1439
+ [
1440
+ {},
1441
+ ]
1442
+ }
1443
+ >
1444
+ 1.
1445
+ </Text>
1446
+ </View>
1447
+ <Text
1448
+ accessibilityLabel="List item 1 of 3: First"
1449
+ accessible={true}
1450
+ style={
1451
+ [
1452
+ {},
1453
+ {
1454
+ "flex": 1,
1455
+ },
1456
+ ]
1457
+ }
1458
+ >
1459
+ <Text>
1460
+ First
1461
+ </Text>
1462
+ </Text>
1463
+ </View>
1464
+ </View>
1465
+ <View>
1466
+ <View
1467
+ style={
1468
+ {
1469
+ "flexDirection": "row",
1470
+ }
1471
+ }
1472
+ >
1473
+ <View
1474
+ style={
1475
+ {
1476
+ "marginBottom": 4,
1477
+ "marginRight": 8,
1478
+ }
1479
+ }
1480
+ >
1481
+ <Text
1482
+ style={
1483
+ [
1484
+ {},
1485
+ ]
1486
+ }
1487
+ >
1488
+ 2.
1489
+ </Text>
1490
+ </View>
1491
+ <Text
1492
+ accessibilityLabel="List item 2 of 3: Second"
1493
+ accessible={true}
1494
+ style={
1495
+ [
1496
+ {},
1497
+ {
1498
+ "flex": 1,
1499
+ },
1500
+ ]
1501
+ }
1502
+ >
1503
+ <Text>
1504
+ Second
1505
+ </Text>
1506
+ </Text>
1507
+ </View>
1508
+ </View>
1509
+ <View>
1510
+ <View
1511
+ style={
1512
+ {
1513
+ "flexDirection": "row",
1514
+ }
1515
+ }
1516
+ >
1517
+ <View
1518
+ style={
1519
+ {
1520
+ "marginBottom": 4,
1521
+ "marginRight": 8,
1522
+ }
1523
+ }
1524
+ >
1525
+ <Text
1526
+ style={
1527
+ [
1528
+ {},
1529
+ ]
1530
+ }
1531
+ >
1532
+ 3.
1533
+ </Text>
1534
+ </View>
1535
+ <Text
1536
+ accessibilityLabel="List item 3 of 3: Third"
1537
+ accessible={true}
1538
+ style={
1539
+ [
1540
+ {},
1541
+ {
1542
+ "flex": 1,
1543
+ },
1544
+ ]
1545
+ }
1546
+ >
1547
+ <Text>
1548
+ Third
1549
+ </Text>
1550
+ </Text>
1551
+ </View>
1552
+ </View>
1553
+ </View>
1554
+ </View>
1555
+ `;
1556
+
1557
+ exports[`RenderHTML snapshots renders an unordered list 1`] = `
1558
+ <View>
1559
+ <View
1560
+ style={
1561
+ [
1562
+ {
1563
+ "gap": 0,
1564
+ "paddingLeft": 12,
1565
+ "paddingVertical": 0,
1566
+ },
1567
+ undefined,
1568
+ ]
1569
+ }
1570
+ >
1571
+ <View>
1572
+ <View
1573
+ style={
1574
+ {
1575
+ "flexDirection": "row",
1576
+ }
1577
+ }
1578
+ >
1579
+ <View
1580
+ style={
1581
+ {
1582
+ "marginBottom": 4,
1583
+ "marginRight": 8,
1584
+ }
1585
+ }
1586
+ />
1587
+ <Text
1588
+ accessibilityLabel="List item 1 of 3: Apple"
1589
+ accessible={true}
1590
+ style={
1591
+ [
1592
+ {},
1593
+ {
1594
+ "flex": 1,
1595
+ },
1596
+ ]
1597
+ }
1598
+ >
1599
+ <Text>
1600
+ Apple
1601
+ </Text>
1602
+ </Text>
1603
+ </View>
1604
+ </View>
1605
+ <View>
1606
+ <View
1607
+ style={
1608
+ {
1609
+ "flexDirection": "row",
1610
+ }
1611
+ }
1612
+ >
1613
+ <View
1614
+ style={
1615
+ {
1616
+ "marginBottom": 4,
1617
+ "marginRight": 8,
1618
+ }
1619
+ }
1620
+ />
1621
+ <Text
1622
+ accessibilityLabel="List item 2 of 3: Banana"
1623
+ accessible={true}
1624
+ style={
1625
+ [
1626
+ {},
1627
+ {
1628
+ "flex": 1,
1629
+ },
1630
+ ]
1631
+ }
1632
+ >
1633
+ <Text>
1634
+ Banana
1635
+ </Text>
1636
+ </Text>
1637
+ </View>
1638
+ </View>
1639
+ <View>
1640
+ <View
1641
+ style={
1642
+ {
1643
+ "flexDirection": "row",
1644
+ }
1645
+ }
1646
+ >
1647
+ <View
1648
+ style={
1649
+ {
1650
+ "marginBottom": 4,
1651
+ "marginRight": 8,
1652
+ }
1653
+ }
1654
+ />
1655
+ <Text
1656
+ accessibilityLabel="List item 3 of 3: Cherry"
1657
+ accessible={true}
1658
+ style={
1659
+ [
1660
+ {},
1661
+ {
1662
+ "flex": 1,
1663
+ },
1664
+ ]
1665
+ }
1666
+ >
1667
+ <Text>
1668
+ Cherry
1669
+ </Text>
1670
+ </Text>
1671
+ </View>
1672
+ </View>
1673
+ </View>
1674
+ </View>
1675
+ `;
1676
+
1677
+ exports[`RenderHTML snapshots renders article 1`] = `
1678
+ <View>
1679
+ <View
1680
+ style={
1681
+ [
1682
+ {
1683
+ "marginVertical": 8,
1684
+ },
1685
+ undefined,
1686
+ ]
1687
+ }
1688
+ >
1689
+ <View
1690
+ style={
1691
+ [
1692
+ {
1693
+ "marginBottom": 8,
1694
+ "marginTop": 8,
1695
+ },
1696
+ {
1697
+ "marginBottom": 0,
1698
+ "marginTop": 0,
1699
+ },
1700
+ ]
1701
+ }
1702
+ >
1703
+ <Text
1704
+ style={
1705
+ [
1706
+ {},
1707
+ undefined,
1708
+ ]
1709
+ }
1710
+ >
1711
+ <Text>
1712
+ Article content
1713
+ </Text>
1714
+ </Text>
1715
+ </View>
1716
+ </View>
1717
+ </View>
1718
+ `;
1719
+
1720
+ exports[`RenderHTML snapshots renders aside 1`] = `
1721
+ <View>
1722
+ <View
1723
+ style={
1724
+ [
1725
+ {},
1726
+ undefined,
1727
+ ]
1728
+ }
1729
+ >
1730
+ <View
1731
+ style={
1732
+ [
1733
+ {
1734
+ "marginBottom": 8,
1735
+ "marginTop": 8,
1736
+ },
1737
+ {
1738
+ "marginBottom": 0,
1739
+ "marginTop": 0,
1740
+ },
1741
+ ]
1742
+ }
1743
+ >
1744
+ <Text
1745
+ style={
1746
+ [
1747
+ {},
1748
+ undefined,
1749
+ ]
1750
+ }
1751
+ >
1752
+ <Text>
1753
+ Aside content
1754
+ </Text>
1755
+ </Text>
1756
+ </View>
1757
+ </View>
1758
+ </View>
1759
+ `;
1760
+
1761
+ exports[`RenderHTML snapshots renders bold text 1`] = `
1762
+ <View>
1763
+ <View
1764
+ style={
1765
+ [
1766
+ {
1767
+ "marginBottom": 8,
1768
+ "marginTop": 8,
1769
+ },
1770
+ {
1771
+ "marginBottom": 0,
1772
+ "marginTop": 0,
1773
+ },
1774
+ ]
1775
+ }
1776
+ >
1777
+ <Text
1778
+ style={
1779
+ [
1780
+ {},
1781
+ undefined,
1782
+ ]
1783
+ }
1784
+ >
1785
+ <Text
1786
+ style={
1787
+ [
1788
+ {
1789
+ "fontWeight": "bold",
1790
+ },
1791
+ undefined,
1792
+ ]
1793
+ }
1794
+ >
1795
+ <Text>
1796
+ Bold
1797
+ </Text>
1798
+ </Text>
1799
+ <Text>
1800
+ and
1801
+ </Text>
1802
+ <Text
1803
+ style={
1804
+ [
1805
+ {
1806
+ "fontWeight": "bold",
1807
+ },
1808
+ undefined,
1809
+ ]
1810
+ }
1811
+ >
1812
+ <Text>
1813
+ strong
1814
+ </Text>
1815
+ </Text>
1816
+ </Text>
1817
+ </View>
1818
+ </View>
1819
+ `;
1820
+
1821
+ exports[`RenderHTML snapshots renders br between text nodes 1`] = `
1822
+ <View>
1823
+ <View
1824
+ style={
1825
+ [
1826
+ {
1827
+ "marginBottom": 8,
1828
+ "marginTop": 8,
1829
+ },
1830
+ {
1831
+ "marginBottom": 0,
1832
+ "marginTop": 0,
1833
+ },
1834
+ ]
1835
+ }
1836
+ >
1837
+ <Text
1838
+ style={
1839
+ [
1840
+ {},
1841
+ undefined,
1842
+ ]
1843
+ }
1844
+ >
1845
+ <Text>
1846
+ Line one
1847
+ </Text>
1848
+ </Text>
1849
+ <Text
1850
+ style={
1851
+ [
1852
+ {},
1853
+ undefined,
1854
+ ]
1855
+ }
1856
+ >
1857
+ <Text>
1858
+ Line two
1859
+ </Text>
1860
+ </Text>
1861
+ </View>
1862
+ </View>
1863
+ `;
1864
+
1865
+ exports[`RenderHTML snapshots renders empty string without crashing 1`] = `<View />`;
1866
+
1867
+ exports[`RenderHTML snapshots renders footer 1`] = `
1868
+ <View>
1869
+ <View
1870
+ style={
1871
+ [
1872
+ {
1873
+ "marginTop": 8,
1874
+ },
1875
+ undefined,
1876
+ ]
1877
+ }
1878
+ >
1879
+ <View
1880
+ style={
1881
+ [
1882
+ {
1883
+ "marginBottom": 8,
1884
+ "marginTop": 8,
1885
+ },
1886
+ {
1887
+ "marginBottom": 0,
1888
+ "marginTop": 0,
1889
+ },
1890
+ ]
1891
+ }
1892
+ >
1893
+ <Text
1894
+ style={
1895
+ [
1896
+ {},
1897
+ undefined,
1898
+ ]
1899
+ }
1900
+ >
1901
+ <Text>
1902
+ Copyright 2026
1903
+ </Text>
1904
+ </Text>
1905
+ </View>
1906
+ </View>
1907
+ </View>
1908
+ `;
1909
+
1910
+ exports[`RenderHTML snapshots renders h1 1`] = `
1911
+ <View>
1912
+ <View
1913
+ style={
1914
+ [
1915
+ {
1916
+ "marginBottom": 8,
1917
+ "marginTop": 12,
1918
+ },
1919
+ undefined,
1920
+ ]
1921
+ }
1922
+ >
1923
+ <Text
1924
+ accessibilityRole="header"
1925
+ accessible={true}
1926
+ style={
1927
+ [
1928
+ {
1929
+ "fontSize": 32,
1930
+ "lineHeight": 38.4,
1931
+ },
1932
+ undefined,
1933
+ ]
1934
+ }
1935
+ >
1936
+ <Text>
1937
+ Heading 1
1938
+ </Text>
1939
+ </Text>
1940
+ </View>
1941
+ </View>
1942
+ `;
1943
+
1944
+ exports[`RenderHTML snapshots renders h2 1`] = `
1945
+ <View>
1946
+ <View
1947
+ style={
1948
+ [
1949
+ {
1950
+ "marginBottom": 6,
1951
+ "marginTop": 10,
1952
+ },
1953
+ undefined,
1954
+ ]
1955
+ }
1956
+ >
1957
+ <Text
1958
+ accessibilityRole="header"
1959
+ accessible={true}
1960
+ style={
1961
+ [
1962
+ {
1963
+ "fontSize": 24,
1964
+ "lineHeight": 28.8,
1965
+ },
1966
+ undefined,
1967
+ ]
1968
+ }
1969
+ >
1970
+ <Text>
1971
+ Heading 2
1972
+ </Text>
1973
+ </Text>
1974
+ </View>
1975
+ </View>
1976
+ `;
1977
+
1978
+ exports[`RenderHTML snapshots renders h3 1`] = `
1979
+ <View>
1980
+ <View
1981
+ style={
1982
+ [
1983
+ {
1984
+ "marginBottom": 6,
1985
+ "marginTop": 8,
1986
+ },
1987
+ undefined,
1988
+ ]
1989
+ }
1990
+ >
1991
+ <Text
1992
+ accessibilityRole="header"
1993
+ accessible={true}
1994
+ style={
1995
+ [
1996
+ {
1997
+ "fontSize": 18.72,
1998
+ "lineHeight": 22.46,
1999
+ },
2000
+ undefined,
2001
+ ]
2002
+ }
2003
+ >
2004
+ <Text>
2005
+ Heading 3
2006
+ </Text>
2007
+ </Text>
2008
+ </View>
2009
+ </View>
2010
+ `;
2011
+
2012
+ exports[`RenderHTML snapshots renders h4 1`] = `
2013
+ <View>
2014
+ <View
2015
+ style={
2016
+ [
2017
+ {
2018
+ "marginBottom": 4,
2019
+ "marginTop": 8,
2020
+ },
2021
+ undefined,
2022
+ ]
2023
+ }
2024
+ >
2025
+ <Text
2026
+ accessibilityRole="header"
2027
+ accessible={true}
2028
+ style={
2029
+ [
2030
+ {
2031
+ "fontSize": 16,
2032
+ "lineHeight": 19.2,
2033
+ },
2034
+ undefined,
2035
+ ]
2036
+ }
2037
+ >
2038
+ <Text>
2039
+ Heading 4
2040
+ </Text>
2041
+ </Text>
2042
+ </View>
2043
+ </View>
2044
+ `;
2045
+
2046
+ exports[`RenderHTML snapshots renders h5 1`] = `
2047
+ <View>
2048
+ <View
2049
+ style={
2050
+ [
2051
+ {
2052
+ "marginBottom": 4,
2053
+ "marginTop": 6,
2054
+ },
2055
+ undefined,
2056
+ ]
2057
+ }
2058
+ >
2059
+ <Text
2060
+ accessibilityRole="header"
2061
+ accessible={true}
2062
+ style={
2063
+ [
2064
+ {
2065
+ "fontSize": 13.28,
2066
+ "lineHeight": 15.94,
2067
+ },
2068
+ undefined,
2069
+ ]
2070
+ }
2071
+ >
2072
+ <Text>
2073
+ Heading 5
2074
+ </Text>
2075
+ </Text>
2076
+ </View>
2077
+ </View>
2078
+ `;
2079
+
2080
+ exports[`RenderHTML snapshots renders h6 1`] = `
2081
+ <View>
2082
+ <View
2083
+ style={
2084
+ [
2085
+ {
2086
+ "marginBottom": 4,
2087
+ "marginTop": 6,
2088
+ },
2089
+ undefined,
2090
+ ]
2091
+ }
2092
+ >
2093
+ <Text
2094
+ accessibilityRole="header"
2095
+ accessible={true}
2096
+ style={
2097
+ [
2098
+ {
2099
+ "fontSize": 10.72,
2100
+ "lineHeight": 12.86,
2101
+ },
2102
+ undefined,
2103
+ ]
2104
+ }
2105
+ >
2106
+ <Text>
2107
+ Heading 6
2108
+ </Text>
2109
+ </Text>
2110
+ </View>
2111
+ </View>
2112
+ `;
2113
+
2114
+ exports[`RenderHTML snapshots renders header 1`] = `
2115
+ <View>
2116
+ <View
2117
+ style={
2118
+ [
2119
+ {
2120
+ "marginBottom": 8,
2121
+ },
2122
+ undefined,
2123
+ ]
2124
+ }
2125
+ >
2126
+ <View
2127
+ style={
2128
+ [
2129
+ {
2130
+ "marginBottom": 8,
2131
+ "marginTop": 12,
2132
+ },
2133
+ undefined,
2134
+ ]
2135
+ }
2136
+ >
2137
+ <Text
2138
+ accessibilityRole="header"
2139
+ accessible={true}
2140
+ style={
2141
+ [
2142
+ {
2143
+ "fontSize": 32,
2144
+ "lineHeight": 38.4,
2145
+ },
2146
+ undefined,
2147
+ ]
2148
+ }
2149
+ >
2150
+ <Text>
2151
+ Site Title
2152
+ </Text>
2153
+ </Text>
2154
+ </View>
2155
+ </View>
2156
+ </View>
2157
+ `;
2158
+
2159
+ exports[`RenderHTML snapshots renders hr 1`] = `
2160
+ <View>
2161
+ <View
2162
+ style={
2163
+ [
2164
+ {
2165
+ "marginBottom": 8,
2166
+ "marginTop": 8,
2167
+ },
2168
+ {
2169
+ "marginBottom": 8,
2170
+ "marginTop": 0,
2171
+ },
2172
+ ]
2173
+ }
2174
+ >
2175
+ <Text
2176
+ style={
2177
+ [
2178
+ {},
2179
+ undefined,
2180
+ ]
2181
+ }
2182
+ >
2183
+ <Text>
2184
+ Before
2185
+ </Text>
2186
+ </Text>
2187
+ </View>
2188
+ <View
2189
+ style={
2190
+ [
2191
+ {
2192
+ "borderBottomColor": "black",
2193
+ "borderBottomWidth": 1,
2194
+ "marginVertical": 12,
2195
+ },
2196
+ ]
2197
+ }
2198
+ />
2199
+ <View
2200
+ style={
2201
+ [
2202
+ {
2203
+ "marginBottom": 8,
2204
+ "marginTop": 8,
2205
+ },
2206
+ {
2207
+ "marginBottom": 0,
2208
+ "marginTop": 8,
2209
+ },
2210
+ ]
2211
+ }
2212
+ >
2213
+ <Text
2214
+ style={
2215
+ [
2216
+ {},
2217
+ undefined,
2218
+ ]
2219
+ }
2220
+ >
2221
+ <Text>
2222
+ After
2223
+ </Text>
2224
+ </Text>
2225
+ </View>
2226
+ </View>
2227
+ `;
2228
+
2229
+ exports[`RenderHTML snapshots renders img (after Image.getSize resolves) 1`] = `
2230
+ <View>
2231
+ <View
2232
+ onLayout={[Function]}
2233
+ style={
2234
+ {
2235
+ "width": "100%",
2236
+ }
2237
+ }
2238
+ />
2239
+ </View>
2240
+ `;
2241
+
2242
+ exports[`RenderHTML snapshots renders inline code 1`] = `
2243
+ <View>
2244
+ <View
2245
+ style={
2246
+ [
2247
+ {
2248
+ "marginBottom": 8,
2249
+ "marginTop": 8,
2250
+ },
2251
+ {
2252
+ "marginBottom": 0,
2253
+ "marginTop": 0,
2254
+ },
2255
+ ]
2256
+ }
2257
+ >
2258
+ <Text
2259
+ style={
2260
+ [
2261
+ {},
2262
+ undefined,
2263
+ ]
2264
+ }
2265
+ >
2266
+ <Text>
2267
+ Run
2268
+ </Text>
2269
+ </Text>
2270
+ <Text
2271
+ style={
2272
+ [
2273
+ {
2274
+ "backgroundColor": "#bbbbbb",
2275
+ "fontFamily": "monospace",
2276
+ },
2277
+ undefined,
2278
+ ]
2279
+ }
2280
+ >
2281
+ <Text>
2282
+ npm install
2283
+ </Text>
2284
+ </Text>
2285
+ <Text
2286
+ style={
2287
+ [
2288
+ {},
2289
+ undefined,
2290
+ ]
2291
+ }
2292
+ >
2293
+ <Text>
2294
+ first
2295
+ </Text>
2296
+ </Text>
2297
+ </View>
2298
+ </View>
2299
+ `;
2300
+
2301
+ exports[`RenderHTML snapshots renders italic text 1`] = `
2302
+ <View>
2303
+ <View
2304
+ style={
2305
+ [
2306
+ {
2307
+ "marginBottom": 8,
2308
+ "marginTop": 8,
2309
+ },
2310
+ {
2311
+ "marginBottom": 0,
2312
+ "marginTop": 0,
2313
+ },
2314
+ ]
2315
+ }
2316
+ >
2317
+ <Text
2318
+ style={
2319
+ [
2320
+ {},
2321
+ undefined,
2322
+ ]
2323
+ }
2324
+ >
2325
+ <Text
2326
+ style={
2327
+ [
2328
+ {
2329
+ "fontStyle": "italic",
2330
+ },
2331
+ undefined,
2332
+ ]
2333
+ }
2334
+ >
2335
+ <Text>
2336
+ Italic
2337
+ </Text>
2338
+ </Text>
2339
+ <Text>
2340
+ and
2341
+ </Text>
2342
+ <Text
2343
+ style={
2344
+ [
2345
+ {
2346
+ "fontStyle": "italic",
2347
+ },
2348
+ undefined,
2349
+ ]
2350
+ }
2351
+ >
2352
+ <Text>
2353
+ emphasis
2354
+ </Text>
2355
+ </Text>
2356
+ </Text>
2357
+ </View>
2358
+ </View>
2359
+ `;
2360
+
2361
+ exports[`RenderHTML snapshots renders main 1`] = `
2362
+ <View>
2363
+ <View
2364
+ style={
2365
+ [
2366
+ {},
2367
+ undefined,
2368
+ ]
2369
+ }
2370
+ >
2371
+ <View
2372
+ style={
2373
+ [
2374
+ {
2375
+ "marginBottom": 8,
2376
+ "marginTop": 8,
2377
+ },
2378
+ {
2379
+ "marginBottom": 0,
2380
+ "marginTop": 0,
2381
+ },
2382
+ ]
2383
+ }
2384
+ >
2385
+ <Text
2386
+ style={
2387
+ [
2388
+ {},
2389
+ undefined,
2390
+ ]
2391
+ }
2392
+ >
2393
+ <Text>
2394
+ Main content
2395
+ </Text>
2396
+ </Text>
2397
+ </View>
2398
+ </View>
2399
+ </View>
2400
+ `;
2401
+
2402
+ exports[`RenderHTML snapshots renders mark (highlight) 1`] = `
2403
+ <View>
2404
+ <View
2405
+ style={
2406
+ [
2407
+ {
2408
+ "marginBottom": 8,
2409
+ "marginTop": 8,
2410
+ },
2411
+ {
2412
+ "marginBottom": 0,
2413
+ "marginTop": 0,
2414
+ },
2415
+ ]
2416
+ }
2417
+ >
2418
+ <Text
2419
+ style={
2420
+ [
2421
+ {},
2422
+ undefined,
2423
+ ]
2424
+ }
2425
+ >
2426
+ <Text
2427
+ style={
2428
+ [
2429
+ {
2430
+ "backgroundColor": "#fff59d",
2431
+ },
2432
+ undefined,
2433
+ ]
2434
+ }
2435
+ >
2436
+ <Text>
2437
+ Highlighted
2438
+ </Text>
2439
+ </Text>
2440
+ </Text>
2441
+ </View>
2442
+ </View>
2443
+ `;
2444
+
2445
+ exports[`RenderHTML snapshots renders nav 1`] = `
2446
+ <View>
2447
+ <View
2448
+ style={
2449
+ [
2450
+ {},
2451
+ undefined,
2452
+ ]
2453
+ }
2454
+ >
2455
+ <Text
2456
+ style={
2457
+ [
2458
+ {},
2459
+ undefined,
2460
+ ]
2461
+ }
2462
+ >
2463
+ <Text
2464
+ accessibilityElementsHidden={false}
2465
+ accessibilityRole="link"
2466
+ accessible={true}
2467
+ importantForAccessibility="yes"
2468
+ onPress={[Function]}
2469
+ style={
2470
+ {
2471
+ "textDecorationLine": "underline",
2472
+ }
2473
+ }
2474
+ >
2475
+ Home
2476
+ </Text>
2477
+ <Text
2478
+ accessibilityElementsHidden={false}
2479
+ accessibilityRole="link"
2480
+ accessible={true}
2481
+ importantForAccessibility="yes"
2482
+ onPress={[Function]}
2483
+ style={
2484
+ {
2485
+ "textDecorationLine": "underline",
2486
+ }
2487
+ }
2488
+ >
2489
+ About
2490
+ </Text>
2491
+ </Text>
2492
+ </View>
2493
+ </View>
2494
+ `;
2495
+
2496
+ exports[`RenderHTML snapshots renders section 1`] = `
2497
+ <View>
2498
+ <View
2499
+ style={
2500
+ [
2501
+ {
2502
+ "marginVertical": 8,
2503
+ },
2504
+ undefined,
2505
+ ]
2506
+ }
2507
+ >
2508
+ <View
2509
+ style={
2510
+ [
2511
+ {
2512
+ "marginBottom": 8,
2513
+ "marginTop": 8,
2514
+ },
2515
+ {
2516
+ "marginBottom": 0,
2517
+ "marginTop": 0,
2518
+ },
2519
+ ]
2520
+ }
2521
+ >
2522
+ <Text
2523
+ style={
2524
+ [
2525
+ {},
2526
+ undefined,
2527
+ ]
2528
+ }
2529
+ >
2530
+ <Text>
2531
+ Section content
2532
+ </Text>
2533
+ </Text>
2534
+ </View>
2535
+ </View>
2536
+ </View>
2537
+ `;
2538
+
2539
+ exports[`RenderHTML snapshots renders small text 1`] = `
2540
+ <View>
2541
+ <View
2542
+ style={
2543
+ [
2544
+ {
2545
+ "marginBottom": 8,
2546
+ "marginTop": 8,
2547
+ },
2548
+ {
2549
+ "marginBottom": 0,
2550
+ "marginTop": 0,
2551
+ },
2552
+ ]
2553
+ }
2554
+ >
2555
+ <Text
2556
+ style={
2557
+ [
2558
+ {},
2559
+ undefined,
2560
+ ]
2561
+ }
2562
+ >
2563
+ <Text
2564
+ style={
2565
+ [
2566
+ {
2567
+ "fontSize": NaN,
2568
+ },
2569
+ undefined,
2570
+ ]
2571
+ }
2572
+ >
2573
+ <Text>
2574
+ Tiny text
2575
+ </Text>
2576
+ </Text>
2577
+ </Text>
2578
+ </View>
2579
+ </View>
2580
+ `;
2581
+
2582
+ exports[`RenderHTML snapshots renders span 1`] = `
2583
+ <View>
2584
+ <View
2585
+ style={
2586
+ [
2587
+ {
2588
+ "marginBottom": 8,
2589
+ "marginTop": 8,
2590
+ },
2591
+ {
2592
+ "marginBottom": 0,
2593
+ "marginTop": 0,
2594
+ },
2595
+ ]
2596
+ }
2597
+ >
2598
+ <Text
2599
+ style={
2600
+ [
2601
+ {},
2602
+ undefined,
2603
+ ]
2604
+ }
2605
+ >
2606
+ <Text>
2607
+ Normal
2608
+ </Text>
2609
+ <Text
2610
+ style={
2611
+ [
2612
+ {},
2613
+ undefined,
2614
+ ]
2615
+ }
2616
+ >
2617
+ <Text>
2618
+ span
2619
+ </Text>
2620
+ </Text>
2621
+ <Text>
2622
+ text
2623
+ </Text>
2624
+ </Text>
2625
+ </View>
2626
+ </View>
2627
+ `;
2628
+
2629
+ exports[`RenderHTML snapshots renders strikethrough text 1`] = `
2630
+ <View>
2631
+ <View
2632
+ style={
2633
+ [
2634
+ {
2635
+ "marginBottom": 8,
2636
+ "marginTop": 8,
2637
+ },
2638
+ {
2639
+ "marginBottom": 0,
2640
+ "marginTop": 0,
2641
+ },
2642
+ ]
2643
+ }
2644
+ >
2645
+ <Text
2646
+ style={
2647
+ [
2648
+ {},
2649
+ undefined,
2650
+ ]
2651
+ }
2652
+ >
2653
+ <Text
2654
+ style={
2655
+ [
2656
+ {
2657
+ "textDecorationLine": "line-through",
2658
+ },
2659
+ undefined,
2660
+ ]
2661
+ }
2662
+ >
2663
+ <Text>
2664
+ Strike
2665
+ </Text>
2666
+ </Text>
2667
+ <Text>
2668
+ and
2669
+ </Text>
2670
+ <Text
2671
+ style={
2672
+ [
2673
+ {
2674
+ "textDecorationLine": "line-through",
2675
+ },
2676
+ undefined,
2677
+ ]
2678
+ }
2679
+ >
2680
+ <Text>
2681
+ deleted
2682
+ </Text>
2683
+ </Text>
2684
+ </Text>
2685
+ </View>
2686
+ </View>
2687
+ `;
2688
+
2689
+ exports[`RenderHTML snapshots renders superscript and subscript 1`] = `
2690
+ <View>
2691
+ <View
2692
+ style={
2693
+ [
2694
+ {
2695
+ "marginBottom": 8,
2696
+ "marginTop": 8,
2697
+ },
2698
+ {
2699
+ "marginBottom": 0,
2700
+ "marginTop": 0,
2701
+ },
2702
+ ]
2703
+ }
2704
+ >
2705
+ <Text
2706
+ style={
2707
+ [
2708
+ {},
2709
+ undefined,
2710
+ ]
2711
+ }
2712
+ >
2713
+ <Text>
2714
+ H
2715
+ </Text>
2716
+ <Text
2717
+ style={
2718
+ [
2719
+ {
2720
+ "fontSize": NaN,
2721
+ "textAlignVertical": "bottom",
2722
+ },
2723
+ undefined,
2724
+ ]
2725
+ }
2726
+ >
2727
+ <Text>
2728
+ 2
2729
+ </Text>
2730
+ </Text>
2731
+ <Text>
2732
+ O and E=mc
2733
+ </Text>
2734
+ <Text
2735
+ style={
2736
+ [
2737
+ {
2738
+ "fontSize": NaN,
2739
+ "textAlignVertical": "top",
2740
+ },
2741
+ undefined,
2742
+ ]
2743
+ }
2744
+ >
2745
+ <Text>
2746
+ 2
2747
+ </Text>
2748
+ </Text>
2749
+ </Text>
2750
+ </View>
2751
+ </View>
2752
+ `;
2753
+
2754
+ exports[`RenderHTML snapshots renders underline text 1`] = `
2755
+ <View>
2756
+ <View
2757
+ style={
2758
+ [
2759
+ {
2760
+ "marginBottom": 8,
2761
+ "marginTop": 8,
2762
+ },
2763
+ {
2764
+ "marginBottom": 0,
2765
+ "marginTop": 0,
2766
+ },
2767
+ ]
2768
+ }
2769
+ >
2770
+ <Text
2771
+ style={
2772
+ [
2773
+ {},
2774
+ undefined,
2775
+ ]
2776
+ }
2777
+ >
2778
+ <Text
2779
+ style={
2780
+ [
2781
+ {
2782
+ "textDecorationLine": "underline",
2783
+ },
2784
+ undefined,
2785
+ ]
2786
+ }
2787
+ >
2788
+ <Text>
2789
+ Underlined
2790
+ </Text>
2791
+ </Text>
2792
+ </Text>
2793
+ </View>
2794
+ </View>
2795
+ `;