/
index.spec.tsx.snap
2612 lines (2561 loc) · 221 KB
/
index.spec.tsx.snap
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react-inlinesvg basic functionality should handle custom props 1`] = `
<svg
height="228px"
preserveAspectRatio="xMidYMid"
style="width: 100px;"
version="1.1"
viewBox="0 0 256 228"
width="256px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>
React
</title>
<g>
<path
d="M210.483381,73.8990629 C207.827698,72.9840419 205.075867,72.1182841 202.24247,71.2995091 C202.708172,69.3969402 203.135596,67.5190031 203.515631,65.6729959 C209.753843,35.3609836 205.675082,10.9414152 191.747328,2.90145422 C178.392359,-4.80780372 156.551327,3.23033273 134.492936,22.4466879 C132.371761,24.2945196 130.244662,26.2509132 128.118477,28.301272 C126.701777,26.9447053 125.287358,25.6337529 123.876584,24.3798182 C100.758745,3.83244023 77.5866802,-4.82650557 63.6725966,3.23671873 C50.3303869,10.9683277 46.3792156,33.9250482 51.9945178,62.6519667 C52.5367729,65.4266792 53.1706189,68.2602341 53.8873982,71.1412277 C50.6078941,72.073126 47.4418534,73.0666036 44.4125156,74.1234849 C17.3093297,83.582504 0,98.4071226 0,113.784129 C0,129.665631 18.5815786,145.595025 46.8116526,155.253834 C49.0394553,156.016048 51.3511025,156.736752 53.7333796,157.420966 C52.9600965,160.536873 52.2875179,163.590287 51.7229345,166.56844 C46.3687351,194.796796 50.5500231,217.211162 63.8566899,224.893964 C77.6012619,232.828101 100.66852,224.672736 123.130185,205.018484 C124.905501,203.464864 126.687196,201.817279 128.472081,200.090325 C130.785552,202.320404 133.095375,204.430973 135.392897,206.410629 C157.14963,225.152141 178.637969,232.719996 191.932332,225.015756 C205.663234,217.05881 210.125675,192.980437 204.332202,163.685166 C203.88974,161.447789 203.374826,159.16206 202.796573,156.835736 C204.416503,156.356329 206.006814,155.861416 207.557482,155.346888 C236.905331,145.613271 256,129.877735 256,113.784129 C256,98.3514736 238.132466,83.4269595 210.483381,73.8990629 Z M204.118035,144.955515 C202.718197,145.41941 201.281904,145.867799 199.818271,146.302502 C196.578411,136.035199 192.205739,125.117437 186.854729,113.837499 C191.961041,102.826227 196.164656,92.0480457 199.313837,81.8473394 C201.93261,82.6059037 204.474374,83.4059771 206.923636,84.2502962 C230.613348,92.4138716 245.063763,104.483848 245.063763,113.784129 C245.063763,123.690625 229.457753,136.550639 204.118035,144.955515 Z M193.603754,165.811243 C196.165567,178.765224 196.531475,190.477129 194.834536,199.632813 C193.309843,207.859793 190.243595,213.344902 186.452366,215.541683 C178.384612,220.216227 161.131788,214.139958 142.525146,198.112036 C140.392124,196.274695 138.243609,194.312829 136.088259,192.236468 C143.301619,184.33928 150.510878,175.158509 157.54698,164.962363 C169.922699,163.863062 181.614905,162.06586 192.218042,159.612272 C192.740247,161.721018 193.204126,163.789165 193.603754,165.811243 Z M87.2761866,214.733855 C79.3938934,217.520428 73.1160375,217.600252 69.3211631,215.409857 C61.2461189,210.747629 57.8891498,192.750997 62.4682434,168.610132 C62.9927272,165.845454 63.6170041,163.005515 64.3365173,160.102626 C74.8234575,162.423933 86.4299951,164.094325 98.8353334,165.10103 C105.918826,175.078229 113.336329,184.248965 120.811247,192.278891 C119.178102,193.857141 117.551336,195.359675 115.933685,196.775539 C106.001303,205.466416 96.0479605,211.632544 87.2761866,214.733855 Z M50.3486141,144.894847 C37.8658105,140.623989 27.5570398,135.073195 20.4908634,129.016084 C14.1414664,123.57294 10.9357817,118.169025 10.9357817,113.784129 C10.9357817,104.45283 24.8334611,92.5507141 48.0123604,84.4610338 C50.8247961,83.4794159 53.7689223,82.5543597 56.8242337,81.685409 C60.0276398,92.1164669 64.229889,103.022368 69.3011135,114.050516 C64.1642716,125.242419 59.9023288,136.322113 56.6674809,146.875415 C54.489347,146.248677 52.3791089,145.589095 50.3486141,144.894847 Z M62.7270678,60.5496076 C57.9160346,35.9370912 61.1112387,17.3702823 69.1516515,12.7112467 C77.7160924,7.74796425 96.6544653,14.824553 116.614922,32.5662008 C117.890816,33.7001702 119.171723,34.8870519 120.456275,36.1149866 C113.018267,44.1097895 105.66866,53.2116494 98.6480514,63.1300035 C86.6081646,64.2470957 75.0831931,66.0415588 64.4868907,68.4445154 C63.8206914,65.7619436 63.2305903,63.1263545 62.7270678,60.5496076 Z M173.153901,87.8446959 C170.620796,83.4648193 168.020249,79.1884869 165.369124,75.028927 C173.537126,76.062545 181.362914,77.4346205 188.712066,79.1136797 C186.505679,86.1920931 183.755673,93.592999 180.518546,101.180011 C178.196419,96.7668358 175.740322,92.3171695 173.153901,87.8446959 Z M128.122121,43.9387362 C133.166461,49.4092487 138.218091,55.5169916 143.186789,62.1438243 C138.179814,61.9070865 133.110868,61.7839281 128.000001,61.7839281 C122.937434,61.7839281 117.905854,61.9043497 112.929865,62.1369822 C117.903575,55.5717286 122.99895,49.4721962 128.122121,43.9387362 Z M82.8018984,87.9204155 C80.2715265,92.312608 77.8609975,96.738099 75.5753239,101.171801 C72.3906004,93.6112447 69.6661103,86.1765842 67.440586,78.9978195 C74.7446255,77.3616377 82.5335049,76.023773 90.6495601,75.0097691 C87.9610684,79.2076449 85.3391054,83.5154511 82.8018984,87.9195033 L82.8018984,87.9204155 Z M90.8833221,153.339406 C82.4979621,152.402946 74.5919739,151.13396 67.289757,149.542935 C69.5508242,142.235994 72.3354636,134.642597 75.5876271,126.919198 C77.8792246,131.349707 80.2993228,135.777023 82.8451877,140.178794 L82.8456433,140.178794 C85.4388987,144.663127 88.1255676,149.055775 90.8833221,153.339406 Z M128.424691,184.401315 C123.24137,178.803083 118.071264,172.610499 113.021912,165.949455 C117.923624,166.141947 122.921029,166.240474 128.000001,166.240474 C133.217953,166.240474 138.376211,166.122789 143.45336,165.896542 C138.468257,172.677552 133.434855,178.879716 128.424691,184.401315 Z M180.622896,126.525548 C184.044571,134.33242 186.929004,141.886134 189.219234,149.068548 C181.796719,150.763571 173.782736,152.128805 165.339049,153.143266 C167.996555,148.927599 170.619884,144.577827 173.197646,140.103529 C175.805484,135.576776 178.28163,131.04318 180.622896,126.525548 Z M163.724586,134.634386 C159.722835,141.580062 155.614455,148.210543 151.443648,154.469271 C143.847063,155.012991 135.998946,155.293063 128.000001,155.293063 C120.033408,155.293063 112.284171,155.045377 104.822013,154.560498 C100.48306,148.219667 96.285368,141.569572 92.3091341,134.69414 L92.3100455,134.69414 C88.3442923,127.837413 84.6943232,120.922754 81.3870228,114.046869 C84.6934118,107.155016 88.3338117,100.232604 92.276781,93.3881912 L92.2758697,93.3895596 C96.2293193,86.5269014 100.390102,79.9091915 104.688954,73.6080442 C112.302398,73.0319369 120.109505,72.7313392 127.999545,72.7313392 L128.000001,72.7313392 C135.925583,72.7313392 143.742714,73.0342174 151.353879,73.6153426 C155.587114,79.8704195 159.719645,86.4666905 163.688588,93.3302612 C167.702644,100.27092 171.389978,107.147261 174.724618,113.891324 C171.400003,120.751244 167.720871,127.696922 163.724586,134.634386 Z M186.284677,12.3855612 C194.857321,17.3342471 198.191049,37.2922894 192.804953,63.4634435 C192.461372,65.1333799 192.074504,66.8343338 191.654369,68.5580948 C181.03346,66.1049625 169.500286,64.2794818 157.425315,63.1455124 C150.391035,53.1181402 143.101577,44.0021399 135.784778,36.1099689 C137.751934,34.2156109 139.716356,32.4092879 141.672575,30.7046849 C160.572216,14.2402351 178.236518,7.73975369 186.284677,12.3855612 Z M128.000001,90.9008481 C140.624975,90.9008481 150.859926,101.1458 150.859926,113.784129 C150.859926,126.422002 140.624975,136.667412 128.000001,136.667412 C115.375026,136.667412 105.140075,126.422002 105.140075,113.784129 C105.140075,101.1458 115.375026,90.9008481 128.000001,90.9008481 Z"
fill="#00D8FF"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should handle empty src changes 1`] = `null`;
exports[`react-inlinesvg basic functionality should handle empty src changes 2`] = `
<svg
height="228px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 256 228"
width="256px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>
React
</title>
<g>
<path
d="M210.483381,73.8990629 C207.827698,72.9840419 205.075867,72.1182841 202.24247,71.2995091 C202.708172,69.3969402 203.135596,67.5190031 203.515631,65.6729959 C209.753843,35.3609836 205.675082,10.9414152 191.747328,2.90145422 C178.392359,-4.80780372 156.551327,3.23033273 134.492936,22.4466879 C132.371761,24.2945196 130.244662,26.2509132 128.118477,28.301272 C126.701777,26.9447053 125.287358,25.6337529 123.876584,24.3798182 C100.758745,3.83244023 77.5866802,-4.82650557 63.6725966,3.23671873 C50.3303869,10.9683277 46.3792156,33.9250482 51.9945178,62.6519667 C52.5367729,65.4266792 53.1706189,68.2602341 53.8873982,71.1412277 C50.6078941,72.073126 47.4418534,73.0666036 44.4125156,74.1234849 C17.3093297,83.582504 0,98.4071226 0,113.784129 C0,129.665631 18.5815786,145.595025 46.8116526,155.253834 C49.0394553,156.016048 51.3511025,156.736752 53.7333796,157.420966 C52.9600965,160.536873 52.2875179,163.590287 51.7229345,166.56844 C46.3687351,194.796796 50.5500231,217.211162 63.8566899,224.893964 C77.6012619,232.828101 100.66852,224.672736 123.130185,205.018484 C124.905501,203.464864 126.687196,201.817279 128.472081,200.090325 C130.785552,202.320404 133.095375,204.430973 135.392897,206.410629 C157.14963,225.152141 178.637969,232.719996 191.932332,225.015756 C205.663234,217.05881 210.125675,192.980437 204.332202,163.685166 C203.88974,161.447789 203.374826,159.16206 202.796573,156.835736 C204.416503,156.356329 206.006814,155.861416 207.557482,155.346888 C236.905331,145.613271 256,129.877735 256,113.784129 C256,98.3514736 238.132466,83.4269595 210.483381,73.8990629 Z M204.118035,144.955515 C202.718197,145.41941 201.281904,145.867799 199.818271,146.302502 C196.578411,136.035199 192.205739,125.117437 186.854729,113.837499 C191.961041,102.826227 196.164656,92.0480457 199.313837,81.8473394 C201.93261,82.6059037 204.474374,83.4059771 206.923636,84.2502962 C230.613348,92.4138716 245.063763,104.483848 245.063763,113.784129 C245.063763,123.690625 229.457753,136.550639 204.118035,144.955515 Z M193.603754,165.811243 C196.165567,178.765224 196.531475,190.477129 194.834536,199.632813 C193.309843,207.859793 190.243595,213.344902 186.452366,215.541683 C178.384612,220.216227 161.131788,214.139958 142.525146,198.112036 C140.392124,196.274695 138.243609,194.312829 136.088259,192.236468 C143.301619,184.33928 150.510878,175.158509 157.54698,164.962363 C169.922699,163.863062 181.614905,162.06586 192.218042,159.612272 C192.740247,161.721018 193.204126,163.789165 193.603754,165.811243 Z M87.2761866,214.733855 C79.3938934,217.520428 73.1160375,217.600252 69.3211631,215.409857 C61.2461189,210.747629 57.8891498,192.750997 62.4682434,168.610132 C62.9927272,165.845454 63.6170041,163.005515 64.3365173,160.102626 C74.8234575,162.423933 86.4299951,164.094325 98.8353334,165.10103 C105.918826,175.078229 113.336329,184.248965 120.811247,192.278891 C119.178102,193.857141 117.551336,195.359675 115.933685,196.775539 C106.001303,205.466416 96.0479605,211.632544 87.2761866,214.733855 Z M50.3486141,144.894847 C37.8658105,140.623989 27.5570398,135.073195 20.4908634,129.016084 C14.1414664,123.57294 10.9357817,118.169025 10.9357817,113.784129 C10.9357817,104.45283 24.8334611,92.5507141 48.0123604,84.4610338 C50.8247961,83.4794159 53.7689223,82.5543597 56.8242337,81.685409 C60.0276398,92.1164669 64.229889,103.022368 69.3011135,114.050516 C64.1642716,125.242419 59.9023288,136.322113 56.6674809,146.875415 C54.489347,146.248677 52.3791089,145.589095 50.3486141,144.894847 Z M62.7270678,60.5496076 C57.9160346,35.9370912 61.1112387,17.3702823 69.1516515,12.7112467 C77.7160924,7.74796425 96.6544653,14.824553 116.614922,32.5662008 C117.890816,33.7001702 119.171723,34.8870519 120.456275,36.1149866 C113.018267,44.1097895 105.66866,53.2116494 98.6480514,63.1300035 C86.6081646,64.2470957 75.0831931,66.0415588 64.4868907,68.4445154 C63.8206914,65.7619436 63.2305903,63.1263545 62.7270678,60.5496076 Z M173.153901,87.8446959 C170.620796,83.4648193 168.020249,79.1884869 165.369124,75.028927 C173.537126,76.062545 181.362914,77.4346205 188.712066,79.1136797 C186.505679,86.1920931 183.755673,93.592999 180.518546,101.180011 C178.196419,96.7668358 175.740322,92.3171695 173.153901,87.8446959 Z M128.122121,43.9387362 C133.166461,49.4092487 138.218091,55.5169916 143.186789,62.1438243 C138.179814,61.9070865 133.110868,61.7839281 128.000001,61.7839281 C122.937434,61.7839281 117.905854,61.9043497 112.929865,62.1369822 C117.903575,55.5717286 122.99895,49.4721962 128.122121,43.9387362 Z M82.8018984,87.9204155 C80.2715265,92.312608 77.8609975,96.738099 75.5753239,101.171801 C72.3906004,93.6112447 69.6661103,86.1765842 67.440586,78.9978195 C74.7446255,77.3616377 82.5335049,76.023773 90.6495601,75.0097691 C87.9610684,79.2076449 85.3391054,83.5154511 82.8018984,87.9195033 L82.8018984,87.9204155 Z M90.8833221,153.339406 C82.4979621,152.402946 74.5919739,151.13396 67.289757,149.542935 C69.5508242,142.235994 72.3354636,134.642597 75.5876271,126.919198 C77.8792246,131.349707 80.2993228,135.777023 82.8451877,140.178794 L82.8456433,140.178794 C85.4388987,144.663127 88.1255676,149.055775 90.8833221,153.339406 Z M128.424691,184.401315 C123.24137,178.803083 118.071264,172.610499 113.021912,165.949455 C117.923624,166.141947 122.921029,166.240474 128.000001,166.240474 C133.217953,166.240474 138.376211,166.122789 143.45336,165.896542 C138.468257,172.677552 133.434855,178.879716 128.424691,184.401315 Z M180.622896,126.525548 C184.044571,134.33242 186.929004,141.886134 189.219234,149.068548 C181.796719,150.763571 173.782736,152.128805 165.339049,153.143266 C167.996555,148.927599 170.619884,144.577827 173.197646,140.103529 C175.805484,135.576776 178.28163,131.04318 180.622896,126.525548 Z M163.724586,134.634386 C159.722835,141.580062 155.614455,148.210543 151.443648,154.469271 C143.847063,155.012991 135.998946,155.293063 128.000001,155.293063 C120.033408,155.293063 112.284171,155.045377 104.822013,154.560498 C100.48306,148.219667 96.285368,141.569572 92.3091341,134.69414 L92.3100455,134.69414 C88.3442923,127.837413 84.6943232,120.922754 81.3870228,114.046869 C84.6934118,107.155016 88.3338117,100.232604 92.276781,93.3881912 L92.2758697,93.3895596 C96.2293193,86.5269014 100.390102,79.9091915 104.688954,73.6080442 C112.302398,73.0319369 120.109505,72.7313392 127.999545,72.7313392 L128.000001,72.7313392 C135.925583,72.7313392 143.742714,73.0342174 151.353879,73.6153426 C155.587114,79.8704195 159.719645,86.4666905 163.688588,93.3302612 C167.702644,100.27092 171.389978,107.147261 174.724618,113.891324 C171.400003,120.751244 167.720871,127.696922 163.724586,134.634386 Z M186.284677,12.3855612 C194.857321,17.3342471 198.191049,37.2922894 192.804953,63.4634435 C192.461372,65.1333799 192.074504,66.8343338 191.654369,68.5580948 C181.03346,66.1049625 169.500286,64.2794818 157.425315,63.1455124 C150.391035,53.1181402 143.101577,44.0021399 135.784778,36.1099689 C137.751934,34.2156109 139.716356,32.4092879 141.672575,30.7046849 C160.572216,14.2402351 178.236518,7.73975369 186.284677,12.3855612 Z M128.000001,90.9008481 C140.624975,90.9008481 150.859926,101.1458 150.859926,113.784129 C150.859926,126.422002 140.624975,136.667412 128.000001,136.667412 C115.375026,136.667412 105.140075,126.422002 105.140075,113.784129 C105.140075,101.1458 115.375026,90.9008481 128.000001,90.9008481 Z"
fill="#00D8FF"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should handle innerRef 1`] = `
<svg
height="32px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 32 32"
width="32px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<radialgradient
cx="50%"
cy="50%"
fx="50%"
fy="50%"
id="radialGradient-1"
r="50%"
>
<stop
offset="0%"
stop-color="#FFFFFF"
/>
<stop
offset="100%"
stop-color="#FF0000"
/>
</radialgradient>
<g
id="triangle"
>
<polygon
fill="#000"
points="12 9 12 23 23 16"
/>
</g>
</defs>
<g>
<circle
cx="16"
cy="16"
fill="url(#radialGradient-1)"
r="16"
/>
<use
xlink:href="#triangle"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should handle innerRef 2`] = `
<svg
height="32px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 32 32"
width="32px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<radialgradient
cx="50%"
cy="50%"
fx="50%"
fy="50%"
id="radialGradient-1"
r="50%"
>
<stop
offset="0%"
stop-color="#FFFFFF"
/>
<stop
offset="100%"
stop-color="#FF0000"
/>
</radialgradient>
<g
id="triangle"
>
<polygon
fill="#000"
points="12 9 12 23 23 16"
/>
</g>
</defs>
<g>
<circle
cx="16"
cy="16"
fill="url(#radialGradient-1)"
r="16"
/>
<use
xlink:href="#triangle"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should handle src changes to empty 1`] = `
<svg
height="228px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 256 228"
width="256px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>
React
</title>
<g>
<path
d="M210.483381,73.8990629 C207.827698,72.9840419 205.075867,72.1182841 202.24247,71.2995091 C202.708172,69.3969402 203.135596,67.5190031 203.515631,65.6729959 C209.753843,35.3609836 205.675082,10.9414152 191.747328,2.90145422 C178.392359,-4.80780372 156.551327,3.23033273 134.492936,22.4466879 C132.371761,24.2945196 130.244662,26.2509132 128.118477,28.301272 C126.701777,26.9447053 125.287358,25.6337529 123.876584,24.3798182 C100.758745,3.83244023 77.5866802,-4.82650557 63.6725966,3.23671873 C50.3303869,10.9683277 46.3792156,33.9250482 51.9945178,62.6519667 C52.5367729,65.4266792 53.1706189,68.2602341 53.8873982,71.1412277 C50.6078941,72.073126 47.4418534,73.0666036 44.4125156,74.1234849 C17.3093297,83.582504 0,98.4071226 0,113.784129 C0,129.665631 18.5815786,145.595025 46.8116526,155.253834 C49.0394553,156.016048 51.3511025,156.736752 53.7333796,157.420966 C52.9600965,160.536873 52.2875179,163.590287 51.7229345,166.56844 C46.3687351,194.796796 50.5500231,217.211162 63.8566899,224.893964 C77.6012619,232.828101 100.66852,224.672736 123.130185,205.018484 C124.905501,203.464864 126.687196,201.817279 128.472081,200.090325 C130.785552,202.320404 133.095375,204.430973 135.392897,206.410629 C157.14963,225.152141 178.637969,232.719996 191.932332,225.015756 C205.663234,217.05881 210.125675,192.980437 204.332202,163.685166 C203.88974,161.447789 203.374826,159.16206 202.796573,156.835736 C204.416503,156.356329 206.006814,155.861416 207.557482,155.346888 C236.905331,145.613271 256,129.877735 256,113.784129 C256,98.3514736 238.132466,83.4269595 210.483381,73.8990629 Z M204.118035,144.955515 C202.718197,145.41941 201.281904,145.867799 199.818271,146.302502 C196.578411,136.035199 192.205739,125.117437 186.854729,113.837499 C191.961041,102.826227 196.164656,92.0480457 199.313837,81.8473394 C201.93261,82.6059037 204.474374,83.4059771 206.923636,84.2502962 C230.613348,92.4138716 245.063763,104.483848 245.063763,113.784129 C245.063763,123.690625 229.457753,136.550639 204.118035,144.955515 Z M193.603754,165.811243 C196.165567,178.765224 196.531475,190.477129 194.834536,199.632813 C193.309843,207.859793 190.243595,213.344902 186.452366,215.541683 C178.384612,220.216227 161.131788,214.139958 142.525146,198.112036 C140.392124,196.274695 138.243609,194.312829 136.088259,192.236468 C143.301619,184.33928 150.510878,175.158509 157.54698,164.962363 C169.922699,163.863062 181.614905,162.06586 192.218042,159.612272 C192.740247,161.721018 193.204126,163.789165 193.603754,165.811243 Z M87.2761866,214.733855 C79.3938934,217.520428 73.1160375,217.600252 69.3211631,215.409857 C61.2461189,210.747629 57.8891498,192.750997 62.4682434,168.610132 C62.9927272,165.845454 63.6170041,163.005515 64.3365173,160.102626 C74.8234575,162.423933 86.4299951,164.094325 98.8353334,165.10103 C105.918826,175.078229 113.336329,184.248965 120.811247,192.278891 C119.178102,193.857141 117.551336,195.359675 115.933685,196.775539 C106.001303,205.466416 96.0479605,211.632544 87.2761866,214.733855 Z M50.3486141,144.894847 C37.8658105,140.623989 27.5570398,135.073195 20.4908634,129.016084 C14.1414664,123.57294 10.9357817,118.169025 10.9357817,113.784129 C10.9357817,104.45283 24.8334611,92.5507141 48.0123604,84.4610338 C50.8247961,83.4794159 53.7689223,82.5543597 56.8242337,81.685409 C60.0276398,92.1164669 64.229889,103.022368 69.3011135,114.050516 C64.1642716,125.242419 59.9023288,136.322113 56.6674809,146.875415 C54.489347,146.248677 52.3791089,145.589095 50.3486141,144.894847 Z M62.7270678,60.5496076 C57.9160346,35.9370912 61.1112387,17.3702823 69.1516515,12.7112467 C77.7160924,7.74796425 96.6544653,14.824553 116.614922,32.5662008 C117.890816,33.7001702 119.171723,34.8870519 120.456275,36.1149866 C113.018267,44.1097895 105.66866,53.2116494 98.6480514,63.1300035 C86.6081646,64.2470957 75.0831931,66.0415588 64.4868907,68.4445154 C63.8206914,65.7619436 63.2305903,63.1263545 62.7270678,60.5496076 Z M173.153901,87.8446959 C170.620796,83.4648193 168.020249,79.1884869 165.369124,75.028927 C173.537126,76.062545 181.362914,77.4346205 188.712066,79.1136797 C186.505679,86.1920931 183.755673,93.592999 180.518546,101.180011 C178.196419,96.7668358 175.740322,92.3171695 173.153901,87.8446959 Z M128.122121,43.9387362 C133.166461,49.4092487 138.218091,55.5169916 143.186789,62.1438243 C138.179814,61.9070865 133.110868,61.7839281 128.000001,61.7839281 C122.937434,61.7839281 117.905854,61.9043497 112.929865,62.1369822 C117.903575,55.5717286 122.99895,49.4721962 128.122121,43.9387362 Z M82.8018984,87.9204155 C80.2715265,92.312608 77.8609975,96.738099 75.5753239,101.171801 C72.3906004,93.6112447 69.6661103,86.1765842 67.440586,78.9978195 C74.7446255,77.3616377 82.5335049,76.023773 90.6495601,75.0097691 C87.9610684,79.2076449 85.3391054,83.5154511 82.8018984,87.9195033 L82.8018984,87.9204155 Z M90.8833221,153.339406 C82.4979621,152.402946 74.5919739,151.13396 67.289757,149.542935 C69.5508242,142.235994 72.3354636,134.642597 75.5876271,126.919198 C77.8792246,131.349707 80.2993228,135.777023 82.8451877,140.178794 L82.8456433,140.178794 C85.4388987,144.663127 88.1255676,149.055775 90.8833221,153.339406 Z M128.424691,184.401315 C123.24137,178.803083 118.071264,172.610499 113.021912,165.949455 C117.923624,166.141947 122.921029,166.240474 128.000001,166.240474 C133.217953,166.240474 138.376211,166.122789 143.45336,165.896542 C138.468257,172.677552 133.434855,178.879716 128.424691,184.401315 Z M180.622896,126.525548 C184.044571,134.33242 186.929004,141.886134 189.219234,149.068548 C181.796719,150.763571 173.782736,152.128805 165.339049,153.143266 C167.996555,148.927599 170.619884,144.577827 173.197646,140.103529 C175.805484,135.576776 178.28163,131.04318 180.622896,126.525548 Z M163.724586,134.634386 C159.722835,141.580062 155.614455,148.210543 151.443648,154.469271 C143.847063,155.012991 135.998946,155.293063 128.000001,155.293063 C120.033408,155.293063 112.284171,155.045377 104.822013,154.560498 C100.48306,148.219667 96.285368,141.569572 92.3091341,134.69414 L92.3100455,134.69414 C88.3442923,127.837413 84.6943232,120.922754 81.3870228,114.046869 C84.6934118,107.155016 88.3338117,100.232604 92.276781,93.3881912 L92.2758697,93.3895596 C96.2293193,86.5269014 100.390102,79.9091915 104.688954,73.6080442 C112.302398,73.0319369 120.109505,72.7313392 127.999545,72.7313392 L128.000001,72.7313392 C135.925583,72.7313392 143.742714,73.0342174 151.353879,73.6153426 C155.587114,79.8704195 159.719645,86.4666905 163.688588,93.3302612 C167.702644,100.27092 171.389978,107.147261 174.724618,113.891324 C171.400003,120.751244 167.720871,127.696922 163.724586,134.634386 Z M186.284677,12.3855612 C194.857321,17.3342471 198.191049,37.2922894 192.804953,63.4634435 C192.461372,65.1333799 192.074504,66.8343338 191.654369,68.5580948 C181.03346,66.1049625 169.500286,64.2794818 157.425315,63.1455124 C150.391035,53.1181402 143.101577,44.0021399 135.784778,36.1099689 C137.751934,34.2156109 139.716356,32.4092879 141.672575,30.7046849 C160.572216,14.2402351 178.236518,7.73975369 186.284677,12.3855612 Z M128.000001,90.9008481 C140.624975,90.9008481 150.859926,101.1458 150.859926,113.784129 C150.859926,126.422002 140.624975,136.667412 128.000001,136.667412 C115.375026,136.667412 105.140075,126.422002 105.140075,113.784129 C105.140075,101.1458 115.375026,90.9008481 128.000001,90.9008481 Z"
fill="#00D8FF"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should not uniquify non-id hrefs 1`] = `
<svg
height="400px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 600 400"
width="600px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g>
<image
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAQAAAD41aSMAAAABGdBTUEAALGPC/xhBQAABKhJREFUeNrtnQmL10UAhp9SyyOzLI+0stLUMu0ytUvL6MQSCQmRkBAREREJCYmQEBGJkJAQCZGQEBHxIsvovjTD1DI1zWozr2111fXaXXcn5kv0zszvfZ9v8DwgsjP/+YHneZ7neZ7neZ7neZ7neZ7nZbB19LYE5QJnmM7lFqELENnCYKtQBgg0MZ/21qELEDnAaAtRBogs5zpLUQYI1DLRWpQBIpu5zWqUAQLnmE1b69EFiOxgqAUpAwRaWMRVlqQLEKlhjDUpA0RW0dOqlAEC9UzhMuvSBYh8zUALUwYINDKXKyxNFyCyl0etTRkg0MpSrrE6XYDIUcZbnjJAZCM3W6AyQKCBmT7OVAaIbOMea1QGCDSzkA5WqQsQOchTlqkMEFlBNwtVBgjUMclKlQEin9HPWpUBAheYQzur1QWI/MwIy1UGiMeZi+lswboAkUOMtWJlgMgaelmzMkDgNNN8nKkMEPmOQZatDBAvwM/jSgvXBYj8xmNWrgwQWUZXa1cGCBxngsUrA0Q+4hbLVwaIF+BfpY0DBCnbud8BtFzibTo5gJa/eNYB1KykhwNoOcnkKv7FKCTFlwxwAC0XeaNaF+BDgvzKww6gpZUldHEALUd40QHUrOdGB9ByhhllX4APGbCVIQ6gpZkFpV6AD9nwO084gJr3y3vPK2TGv7zsAGo+Kek9r5Al53mtlPe8QrbsZJgDaGnhnfzf8wqZ8zfPO4Ca1dzgAFpOMTXX48xQDN9whwNoaeTN/C7Ah8LYx0gHUB9nvpfTe16hSI7xkgOo+TCP97xCwZxlVvoX4EPh/Mi9DqC+AP8WHR1Ayx887QBqPkjzPa9QIU7wigOo+ZzbHUDLBV5P6T2vUEl+4UEHUB9nvsvVDqDlH8Y5gDbAWAdQ/hPU2f8EqUjoUU3/N9QB/leSe1i5SvLr/KcI/zGuogES/rxE+fKbfSCjPZJM/BNDJctvYFb6vzEuV/9GX0vRcdQXs3w1saIBsvvYbmnX07N7basc/Zl+cL0M+fX+iZKS1fQk2+Uuv4YxZL28jxX9Q20hO3iAApanfD/WIWWzn6vRUesHm5T4yTIhBxhNgctDfhMLaA8OoGELgyl2qcv308VS1vnxbh2H/Xy98lhxSRq/X6lmgN08RGWWmvz4EZ924AAavqA/FVs68k8wmQouFf0r6Q4OoOFPnqGyU8uPn7PtCA6gYTv3UfHp5J/1J82VATbRx/JVAY4xweJVAVpZxrXWrgqwj1FWrgrQyLz83jYvJ8C33GnZqgCnmJbr5fESAqzJ+QsvuQc4xAtWrArQwuI03qSqZoBdDLdcVYDzzCnl8niOAT6lr7WqAtQxyUp1AVZwvYWqAhzkSctUBWhmIR2sUhXgB+62RlWABmaWfXk87QAbuMkCVQGOMN7yVAFaWUoXq1MF2MMj1qYKcJG5+b1JVU6ArxhgYaoA9UzxsaIuwCp6WJUqQA3PWZMqwCUW0cmSVAF+YqgFqQKcY7Yvj+sCfMytVqMKUMtEa9EFWE5XS1EF2M/jFqIK0MT8Ut+kyiHA99xlFaoAp5nuY0Xd1tLbEjzP8zzP8zzP8zzP8zzP8zwv6f0HWXdaCS3r6mYAAAAASUVORK5CYII=
"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should prefix the ids with the baseURL 1`] = `
<svg
height="32px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 32 32"
width="32px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<radialgradient
cx="50%"
cy="50%"
fx="50%"
fy="50%"
id="radialGradient-1__test"
r="50%"
>
<stop
offset="0%"
stop-color="#FFFFFF"
/>
<stop
offset="100%"
stop-color="#FF0000"
/>
</radialgradient>
<g
id="triangle__test"
>
<polygon
fill="#000"
points="12 9 12 23 23 16"
/>
</g>
</defs>
<g>
<circle
cx="16"
cy="16"
fill="url(https://example.com/#radialGradient-1__test)"
r="16"
/>
<use
xlink:href="#triangle__test"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a base64 src 1`] = `
<svg
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<title>
base64
</title>
<path
d="M8 5v14l11-7z"
/>
<path
d="M0 0h24v24H0z"
fill="none"
/>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a loader 1`] = `
<div>
<div
id="Loader"
/>
</div>
`;
exports[`react-inlinesvg basic functionality should render a loader 2`] = `
<svg
height="32px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 32 32"
width="32px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<radialgradient
cx="50%"
cy="50%"
fx="50%"
fy="50%"
id="radialGradient-1"
r="50%"
>
<stop
offset="0%"
stop-color="#FFFFFF"
/>
<stop
offset="100%"
stop-color="#FF0000"
/>
</radialgradient>
<g
id="triangle"
>
<polygon
fill="#000"
points="12 9 12 23 23 16"
/>
</g>
</defs>
<g>
<circle
cx="16"
cy="16"
fill="url(#radialGradient-1)"
r="16"
/>
<use
xlink:href="#triangle"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a svg string src 1`] = `
<svg
height="24px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 24 24"
width="24px"
xmlns="http://www.w3.org/2000/svg"
>
<title>
String
</title>
<g>
<polygon
fill="#000000"
points="7 5 7 19 18 12"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a svg url with external css, style and script 1`] = `
<svg
height="400px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 600 400"
width="600px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>
Circles
</title>
<style>
@import url(main.css);
</style>
<style>
circle:last-child {
fill: green;
}
</style>
<script
type="text/javascript"
>
function change(evt) {
var target = evt.target;
var radius = target.getAttribute("r");
if (radius == 200) {
radius = 100;
} else {
radius = 200;
}
target.setAttribute("r", radius);
}
</script>
<g>
<circle
cx="200"
cy="200"
fill="#DDDDDD"
r="200"
/>
<circle
cx="400"
cy="200"
fill="#000000"
fill-opacity="0.8"
r="200"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a svg url with inline styles 1`] = `
<svg
id="BACKGROUND-ELEMENTS"
viewBox="0 0 324 504"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<radialgradient
cx="162"
cy="252"
gradientUnits="userSpaceOnUse"
id="radial-gradient__test"
r="211.83"
>
<stop
offset="0"
stop-color="#223120"
/>
<stop
offset="1"
/>
</radialgradient>
<radialgradient
cx="167.67"
cy="92"
gradientTransform="translate(-5.7 48) scale(1 0.48)"
gradientUnits="userSpaceOnUse"
id="radial-gradient-2__test"
r="131.49"
>
<stop
offset="0"
stop-color="#2f5e16"
/>
<stop
offset="1"
/>
</radialgradient>
<pattern
data-name="New Pattern Swatch 3"
height="11.37"
id="New_Pattern_Swatch_3__test"
patternTransform="translate(-37.1 0)"
patternUnits="userSpaceOnUse"
viewBox="0 0 10.9 11.4"
width="10.9"
>
<rect
height="11.37"
style="fill: none;"
width="10.9"
/>
<polygon
points="9.6 0 9.6 0 8.6 0 5.6 2.9 2.7 0 1.7 0 1.7 0 5.6 3.9 9.6 0"
/>
<polygon
points="10.9 8.4 8 5.5 10.9 2.5 10.9 1.5 10.9 1.5 6.9 5.5 10.9 9.4 10.9 9.4 10.9 8.4"
/>
<polygon
points="2.7 11.4 5.6 8.5 8.6 11.4 9.6 11.4 5.6 7.4 1.7 11.4 2.7 11.4"
/>
<polygon
points="2.9 5.5 0 8.4 0 9.4 3.9 5.5 0 1.5 0 2.5 2.9 5.5"
/>
</pattern>
</defs>
<title>
sample
</title>
<rect
height="504"
rx="17"
ry="17"
style="fill: url(#radial-gradient__test);"
width="324"
/>
<rect
height="92.91"
style="fill: url(#radial-gradient-2__test);"
width="240.8"
x="41.6"
y="45.5"
/>
<rect
height="92.91"
style="opacity: 0.30000000000000004; fill: url(#New_Pattern_Swatch_3__test);"
width="240.8"
x="41.6"
y="45.5"
/>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a svg url with mask, gradient and classes 1`] = `
<svg
height="6px"
preserveAspectRatio="xMidYMid"
version="1.1"
viewBox="0 0 20 6"
width="20px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>
Dots
</title>
<defs>
<path
d="M3,6 C1.34314575,6 0,4.65685425 0,3 C0,1.34314575 1.34314575,0 3,0 C4.65685425,0 6,1.34314575 6,3 C6,4.65685425 4.65685425,6 3,6 Z M10,6 C8.34314575,6 7,4.65685425 7,3 C7,1.34314575 8.34314575,0 10,0 C11.6568542,0 13,1.34314575 13,3 C13,4.65685425 11.6568542,6 10,6 Z M17,6 C15.3431458,6 14,4.65685425 14,3 C14,1.34314575 15.3431458,0 17,0 C18.6568542,0 20,1.34314575 20,3 C20,4.65685425 18.6568542,6 17,6 Z"
id="path-1"
/>
<radialgradient
cx="50%"
cy="50%"
fx="50%"
fy="50%"
gradientTransform="translate(0.500000,0.500000),scale(0.300000,1.000000),rotate(180.000000),translate(-0.500000,-0.500000)"
id="radialGradient-3"
r="166.666667%"
>
<stop
offset="0%"
stop-color="#F8E71C"
/>
<stop
offset="100%"
stop-color="#FF0044"
/>
</radialgradient>
</defs>
<g>
<mask
fill="white"
id="mask-2"
>
<use
xlink:href="#path-1"
/>
</mask>
<g />
<polygon
fill="url(#radialGradient-3)"
fill-rule="nonzero"
mask="url(#mask-2)"
points="0 0 20 0 20 6 0 6"
/>
</g>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a svg url with symbols 1`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<radialgradient
cx="50%"
cy="50%"
fx="50%"
fy="50%"
id="radialGradient-1"
r="50%"
>
<stop
offset="0%"
stop-color="#FAD961"
/>
<stop
offset="100%"
stop-color="#F76B1C"
/>
</radialgradient>
<symbol
id="rain"
viewBox="0 0 32 28"
>
<path
d="M24.1408446,4.83412162 C23.7658446,4.83412162 23.4078446,4.89612162 23.0368446,4.94512162 C21.6488446,2.48012162 19.0688446,0.834121622 16.1418446,0.834121622 C13.1548446,0.834121622 10.5768446,2.50012162 9.20184459,4.93512162 C8.84884459,4.88812162 8.49584459,4.83412162 8.14184459,4.83412162 C3.73184459,4.83412162 0.141844595,8.42312162 0.141844595,12.8351216 C0.141844595,17.2471216 3.73184459,20.8351216 8.14184459,20.8351216 L24.1408446,20.8351216 C28.5548446,20.8351216 32.1408446,17.2471216 32.1408446,12.8351216 C32.1408446,8.42312162 28.5548446,4.83412162 24.1408446,4.83412162 Z M24.1408446,16.8351216 L8.14184459,16.8351216 C5.93484459,16.8351216 4.14184459,15.0401216 4.14184459,12.8351216 C4.14184459,10.6421216 6.08184459,8.94912162 8.14584459,8.89012162 C8.15484459,9.83312162 8.31784459,10.7591216 8.64584459,11.6341216 L12.3918446,10.2321216 C12.2238446,9.78812162 12.1418446,9.31712162 12.1418446,8.83612162 C12.1418446,6.63112162 13.9348446,4.83512162 16.1418446,4.83512162 C17.4348446,4.83512162 18.6078446,5.47712162 19.3408446,6.47512162 C17.4128446,7.93612162 16.1418446,10.2311216 16.1418446,12.8361216 L20.1418446,12.8361216 C20.1418446,10.6311216 21.9378446,8.83612162 24.1408446,8.83612162 C26.3518446,8.83612162 28.1408446,10.6311216 28.1408446,12.8361216 C28.1408446,15.0411216 26.3518446,16.8351216 24.1408446,16.8351216 Z M3.42184459,28.2731216 C2.67184459,29.0231216 1.45284459,29.0231216 0.702844595,28.2731216 C-0.0471554054,27.5231216 -0.0471554054,26.3041216 0.702844595,25.5541216 C1.45284459,24.8041216 6.14084459,22.8341216 6.14084459,22.8341216 C6.14084459,22.8341216 4.17184459,27.5231216 3.42184459,28.2731216 Z M11.4268446,28.2731216 C10.6768446,29.0231216 9.46184459,29.0231216 8.70784459,28.2731216 C7.95684459,27.5231216 7.95684459,26.3041216 8.70784459,25.5541216 C9.46184459,24.8041216 14.1458446,22.8341216 14.1458446,22.8341216 C14.1458446,22.8341216 12.1808446,27.5231216 11.4268446,28.2731216 Z M19.4218446,28.2731216 C18.6718446,29.0231216 17.4528446,29.0231216 16.7028446,28.2731216 C15.9528446,27.5231216 15.9528446,26.3041216 16.7028446,25.5541216 C17.4528446,24.8041216 22.1408446,22.8351216 22.1408446,22.8351216 C22.1408446,22.8351216 20.1718446,27.5231216 19.4218446,28.2731216 Z"
fill="#D8D8D8"
/>
</symbol>
<symbol
id="cloud"
viewBox="0 0 32 20"
>
<path
d="M23.999,4 C23.624,4 23.266,4.062 22.895,4.111 C21.507,1.646 18.927,0 16,0 C13.013,0 10.435,1.666 9.06,4.101 C8.707,4.054 8.354,4 8,4 C3.59,4 0,7.589 0,12.001 C0,16.413 3.59,20.001 8,20.001 L23.999,20.001 C28.413,20.001 31.999,16.413 31.999,12.001 C31.999,7.589 28.413,4 23.999,4 Z M23.999,16.001 L8,16.001 C5.793,16.001 4,14.206 4,12.001 C4,9.808 5.94,8.115 8.004,8.056 C8.013,8.999 8.176,9.925 8.504,10.8 L12.25,9.398 C12.082,8.954 12,8.483 12,8.002 C12,5.797 13.793,4.001 16,4.001 C17.293,4.001 18.466,4.643 19.199,5.641 C17.271,7.102 16,9.397 16,12.002 L20,12.002 C20,9.797 21.796,8.002 23.999,8.002 C26.21,8.002 27.999,9.797 27.999,12.002 C27.999,14.207 26.21,16.001 23.999,16.001 Z"
fill="#A0D6FF"
/>
</symbol>
<symbol
id="sun"
viewBox="0 0 32 32"
>
<path
d="M16.001,12 C18.204,12 20.001,13.795 20.001,16 C20.001,18.205 18.204,20 16.001,20 C13.798,20 12.001,18.205 12.001,16 C12.001,13.795 13.798,12 16.001,12 L16.001,12 Z M16.001,8 C11.583,8 8.001,11.582 8.001,16 C8.001,20.418 11.583,24 16.001,24 C20.419,24 24,20.418 24,16 C24,11.582 20.419,8 16.001,8 L16.001,8 Z M14,2 C14,3.104 14.896,4 16,4 C17.104,4 18,3.104 18,2 C18,0.896 17.104,0 16,0 C14.896,0 14,0.896 14,2 Z M4,6 C4,7.104 4.896,8 6,8 C7.104,8 8,7.104 8,6 C8,4.896 7.104,4 6,4 C4.896,4 4,4.896 4,6 Z M2,14 C3.105,14 4,14.895 4,16 C4,17.107 3.105,18 2,18 C0.895,18 0,17.107 0,16 C0,14.895 0.895,14 2,14 Z M4,26 C4,27.104 4.896,28 6,28 C7.104,28 8,27.104 8,26 C8,24.896 7.104,24 6,24 C4.896,24 4,24.896 4,26 Z M14,30 C14,28.891 14.895,28 16,28 C17.108,28 18,28.891 18,30 C18,31.102 17.108,32 16,32 C14.895,32 14,31.102 14,30 Z M24,26 C24,27.104 24.896,28 26,28 C27.104,28 28,27.104 28,26 C28,24.896 27.104,24 26,24 C24.896,24 24,24.896 24,26 Z M30,18 C28.896,18 28,17.104 28,16 C28,14.893 28.896,14 30,14 C31.104,14 32,14.893 32,16 C32,17.104 31.104,18 30,18 Z M24,6 C24,7.104 24.896,8 26,8 C27.104,8 28,7.104 28,6 C28,4.896 27.104,4 26,4 C24.896,4 24,4.896 24,6 Z"
fill="url(#radialGradient-1)"
/>
</symbol>
</defs>
</svg>
`;
exports[`react-inlinesvg basic functionality should render a svg url with utf-8 characters 1`] = `
<svg
height="600px"
preserveAspectRatio="none"
version="1.1"
viewBox="0 0 1200 600"
width="1200px"
x="0px"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
y="0px"
>
<defs>
<image
height="22"
id="survey_radioBtn_0002_png"
width="22"
x="0"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABiUlEQVQ4jbXUL0wCYRjH8a8O
DB4yLLhJAYMQdNNN0WBhmKHBpkZgM+i8QHA6A7IZweS4melGNjcKwT9RAhQuEbDAxCuyocW7
ccrJoeeT3t397rPnnve9g3+qCYBCofBuNWxTF6lUyjJUkiQmLdO+lCXw69sLxeoVB6WYds32
Q95UtZQm2YqI3KlzFMxYAz89P5KtiCi9LsmVNNu+6N/hW/mG/MMZAGFvhKh/T3f/VzP+ioob
598yY8ODqM/lJ7maHprTwS2lyUEpRrF6NRIV7DOIwQyOKefQrG7G+fsz5E4duVOn8bnL6oON
dk1DAZKraRZmA4Zvpuv4ZCuHz+UH4K5Z5ricoKU0abRrHJcTWm7TE9KdgJEdO6acnG7lOCzF
UXpd5E6dw1IcAKXX1UZgNFfDjgHmBA8XoWsE+4wGqihAdHGXOcEzPgywMBvQ4Wq5p+fZWdof
iRrCRri4kTGKm4dVXJ1n2Bth2b1uGh75Sau7v+xeM42aggfxcerffvRax5IkWYb2+/3LD/dd
f/AwfVc1AAAAAElFTkSuQmCC"
y="0"
/>
<image
height="22"
id="survey_radioBtn_0001_png"
width="22"
x="0"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAQ0lEQVQ4je3VoREAIRBD0cBQ
6/ZzclPsguIEOhgmX0U9G+BSDQAyc6rhsUdEyFCS6DLtyLBhw4YNPw7/10RShlbVtwDI6QtR
6qeUiwAAAABJRU5ErkJggg=="
y="0"
/>
</defs>
<g
id="bg"
>
<g>
<g>
<g>
<path
d="
M 1200 600
L 1200 0 0 0 0 600 1200 600 Z"
fill="#024462"
stroke="none"
/>
</g>
</g>
</g>
</g>
<g
id="txt"
>
<g
transform="matrix( 1, 0, 0, 1, 7,-13.85) "
>
<clippath
id="Mask_Mask_1"
>
<rect
fill="#FFFFFF"
height="27.55"
stroke="none"
width="1120.5"
x="-2"
y="14.85"
/>
</clippath>
<text
clip-path="url(#Mask_Mask_1)"
writing-mode="lr"
>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
x="0"
xml:space="preserve"
y="35.45"
>
二、故障现象确认
</tspan>
</text>
</g>
<g
transform="matrix( 1, 0, 0, 1, 45.55,36.15) "
>
<clippath
id="Mask_Mask_2"
>
<rect
fill="#FFFFFF"
height="128.2"
stroke="none"
width="1093.15"
x="-2"
y="-2"
/>
</clippath>
<text
clip-path="url(#Mask_Mask_2)"
writing-mode="lr"
>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
x="0"
xml:space="preserve"
y="18.6"
>
1.
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
启动车辆,观察故障现象。
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
/>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
x="0"
xml:space="preserve"
y="52.15"
>
(
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
1
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
)眼观:仪表盘、车辆
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
/
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
发动机运行状况。
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
/>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
x="0"
xml:space="preserve"
y="85.7"
>
(
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
2
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
)耳听:车辆
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
/
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
>
发动机异响
</tspan>
<tspan
baseline-shift="0%"
fill="#E4E9F2"
font-family="斯柯达体"
font-size="20"
xml:space="preserve"
/>
</text>
</g>
</g>
<g
id="radioBox_1"
>
<g
id="radio_1"
transform="matrix( 1, 0, 0, 1, 949,65.95) "
>
<g
id="state2"
>
<g>
<use
xlink:href="#survey_radioBtn_0002_png"
/>
</g>
</g>
<g
id="state1"
>
<g>
<use
xlink:href="#survey_radioBtn_0001_png"
/>
</g>
</g>
</g>
<g
id="radio_2"
transform="matrix( 1, 0, 0, 1, 949,65.95) "
>
<g
id="state2"
transform="matrix( 1, 0, 0, 1, 122,0) "
>
<g>
<use
xlink:href="#survey_radioBtn_0002_png"
/>
</g>
</g>
<g
id="state1"
transform="matrix( 1, 0, 0, 1, 122,0) "
>
<g>
<use
xlink:href="#survey_radioBtn_0001_png"
/>
</g>
</g>
</g>
<g
id="txt"
transform="matrix( 1, 0, 0, 1, 949,65.95) "
>
<g
transform="matrix( 1, 0, 0, 1, 32,-1) "
>
<clippath
id="Mask_Mask_3"
>
<rect
fill="#FFFFFF"
height="27.55"
stroke="none"
width="44.2"
x="-2"
y="-2"
/>
</clippath>
<text
clip-path="url(#Mask_Mask_3)"
writing-mode="lr"
>
<tspan
baseline-shift="0%"
fill="#FFFFFF"
font-family="斯柯达体"
font-size="20"
x="0"
xml:space="preserve"
y="18.6"
>
正常
</tspan>
</text>
</g>
<g
transform="matrix( 1, 0, 0, 1, 155,-1) "
>
<clippath
id="Mask_Mask_4"
>
<rect
fill="#FFFFFF"
height="27.55"
stroke="none"
width="44.2"
x="-2"
y="-2"
/>
</clippath>
<text
clip-path="url(#Mask_Mask_4)"
writing-mode="lr"
>
<tspan
baseline-shift="0%"
fill="#FFFFFF"
font-family="斯柯达体"
font-size="20"
x="0"
xml:space="preserve"
y="18.6"
>
异常
</tspan>
</text>
</g>
</g>
</g>
<g
id="radioBox_2"
>
<g
id="radio_1"
transform="matrix( 1, 0, 0, 1, 949,102) "
>
<g
id="state2"
>
<g>
<use
xlink:href="#survey_radioBtn_0002_png"
/>
</g>
</g>
<g
id="state1"
>