@fluentui-react-native/experimental-shadow 0.2.18 → 0.2.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.json +43 -1
  2. package/CHANGELOG.md +20 -2
  3. package/lib/Shadow.d.ts.map +1 -1
  4. package/lib/Shadow.js +37 -4
  5. package/lib/Shadow.js.map +1 -1
  6. package/lib/__tests__/Shadow.test.js +22 -3
  7. package/lib/__tests__/Shadow.test.js.map +1 -1
  8. package/lib/shadowStyle.d.ts.map +1 -1
  9. package/lib/shadowStyle.js +6 -2
  10. package/lib/shadowStyle.js.map +1 -1
  11. package/lib-commonjs/Shadow.d.ts.map +1 -1
  12. package/lib-commonjs/Shadow.js +37 -4
  13. package/lib-commonjs/Shadow.js.map +1 -1
  14. package/lib-commonjs/__tests__/Shadow.test.js +21 -2
  15. package/lib-commonjs/__tests__/Shadow.test.js.map +1 -1
  16. package/lib-commonjs/shadowStyle.d.ts.map +1 -1
  17. package/lib-commonjs/shadowStyle.js +6 -2
  18. package/lib-commonjs/shadowStyle.js.map +1 -1
  19. package/package.json +4 -4
  20. package/src/Shadow.tsx +94 -6
  21. package/src/__tests__/Shadow.test.tsx +34 -3
  22. package/src/__tests__/__snapshots__/Shadow.test.tsx.snap +536 -0
  23. package/src/shadowStyle.ts +6 -2
package/src/__tests__/__snapshots__/Shadow.test.tsx.snap CHANGED
@@ -4,6 +4,16 @@ exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
4
4
  <View
5
5
  style={
6
6
  Object {
7
+ "backgroundColor": "red",
8
+ "margin": undefined,
9
+ "marginBottom": undefined,
10
+ "marginEnd": undefined,
11
+ "marginHorizontal": undefined,
12
+ "marginLeft": undefined,
13
+ "marginRight": undefined,
14
+ "marginStart": undefined,
15
+ "marginTop": undefined,
16
+ "marginVertical": undefined,
7
17
  "shadowColor": "#000000",
8
18
  "shadowOffset": Object {
9
19
  "height": 0,
@@ -17,6 +27,23 @@ exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
17
27
  <View
18
28
  style={
19
29
  Object {
30
+ "backgroundColor": "red",
31
+ "borderBottomWidth": undefined,
32
+ "borderEndWidth": undefined,
33
+ "borderLeftWidth": undefined,
34
+ "borderRightWidth": undefined,
35
+ "borderStartWidth": undefined,
36
+ "borderTopWidth": undefined,
37
+ "borderWidth": undefined,
38
+ "padding": undefined,
39
+ "paddingBottom": undefined,
40
+ "paddingEnd": undefined,
41
+ "paddingHorizontal": undefined,
42
+ "paddingLeft": undefined,
43
+ "paddingRight": undefined,
44
+ "paddingStart": undefined,
45
+ "paddingTop": undefined,
46
+ "paddingVertical": undefined,
20
47
  "shadowColor": "#000000",
21
48
  "shadowOffset": Object {
22
49
  "height": 1,
@@ -38,6 +65,16 @@ exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
38
65
  <View
39
66
  style={
40
67
  Object {
68
+ "backgroundColor": "red",
69
+ "margin": undefined,
70
+ "marginBottom": undefined,
71
+ "marginEnd": undefined,
72
+ "marginHorizontal": undefined,
73
+ "marginLeft": undefined,
74
+ "marginRight": undefined,
75
+ "marginStart": undefined,
76
+ "marginTop": undefined,
77
+ "marginVertical": undefined,
41
78
  "shadowColor": "#000000",
42
79
  "shadowOffset": Object {
43
80
  "height": 0,
@@ -51,6 +88,23 @@ exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
51
88
  <View
52
89
  style={
53
90
  Object {
91
+ "backgroundColor": "red",
92
+ "borderBottomWidth": undefined,
93
+ "borderEndWidth": undefined,
94
+ "borderLeftWidth": undefined,
95
+ "borderRightWidth": undefined,
96
+ "borderStartWidth": undefined,
97
+ "borderTopWidth": undefined,
98
+ "borderWidth": undefined,
99
+ "padding": undefined,
100
+ "paddingBottom": undefined,
101
+ "paddingEnd": undefined,
102
+ "paddingHorizontal": undefined,
103
+ "paddingLeft": undefined,
104
+ "paddingRight": undefined,
105
+ "paddingStart": undefined,
106
+ "paddingTop": undefined,
107
+ "paddingVertical": undefined,
54
108
  "shadowColor": "#000000",
55
109
  "shadowOffset": Object {
56
110
  "height": 2,
@@ -72,6 +126,16 @@ exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
72
126
  <View
73
127
  style={
74
128
  Object {
129
+ "backgroundColor": "red",
130
+ "margin": undefined,
131
+ "marginBottom": undefined,
132
+ "marginEnd": undefined,
133
+ "marginHorizontal": undefined,
134
+ "marginLeft": undefined,
135
+ "marginRight": undefined,
136
+ "marginStart": undefined,
137
+ "marginTop": undefined,
138
+ "marginVertical": undefined,
75
139
  "shadowColor": "#000000",
76
140
  "shadowOffset": Object {
77
141
  "height": 0,
@@ -85,6 +149,23 @@ exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
85
149
  <View
86
150
  style={
87
151
  Object {
152
+ "backgroundColor": "red",
153
+ "borderBottomWidth": undefined,
154
+ "borderEndWidth": undefined,
155
+ "borderLeftWidth": undefined,
156
+ "borderRightWidth": undefined,
157
+ "borderStartWidth": undefined,
158
+ "borderTopWidth": undefined,
159
+ "borderWidth": undefined,
160
+ "padding": undefined,
161
+ "paddingBottom": undefined,
162
+ "paddingEnd": undefined,
163
+ "paddingHorizontal": undefined,
164
+ "paddingLeft": undefined,
165
+ "paddingRight": undefined,
166
+ "paddingStart": undefined,
167
+ "paddingTop": undefined,
168
+ "paddingVertical": undefined,
88
169
  "shadowColor": "#000000",
89
170
  "shadowOffset": Object {
90
171
  "height": 4,
@@ -106,6 +187,16 @@ exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
106
187
  <View
107
188
  style={
108
189
  Object {
190
+ "backgroundColor": "red",
191
+ "margin": undefined,
192
+ "marginBottom": undefined,
193
+ "marginEnd": undefined,
194
+ "marginHorizontal": undefined,
195
+ "marginLeft": undefined,
196
+ "marginRight": undefined,
197
+ "marginStart": undefined,
198
+ "marginTop": undefined,
199
+ "marginVertical": undefined,
109
200
  "shadowColor": "#000000",
110
201
  "shadowOffset": Object {
111
202
  "height": 0,
@@ -119,6 +210,23 @@ exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
119
210
  <View
120
211
  style={
121
212
  Object {
213
+ "backgroundColor": "red",
214
+ "borderBottomWidth": undefined,
215
+ "borderEndWidth": undefined,
216
+ "borderLeftWidth": undefined,
217
+ "borderRightWidth": undefined,
218
+ "borderStartWidth": undefined,
219
+ "borderTopWidth": undefined,
220
+ "borderWidth": undefined,
221
+ "padding": undefined,
222
+ "paddingBottom": undefined,
223
+ "paddingEnd": undefined,
224
+ "paddingHorizontal": undefined,
225
+ "paddingLeft": undefined,
226
+ "paddingRight": undefined,
227
+ "paddingStart": undefined,
228
+ "paddingTop": undefined,
229
+ "paddingVertical": undefined,
122
230
  "shadowColor": "#000000",
123
231
  "shadowOffset": Object {
124
232
  "height": 8,
@@ -140,6 +248,16 @@ exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
140
248
  <View
141
249
  style={
142
250
  Object {
251
+ "backgroundColor": "red",
252
+ "margin": undefined,
253
+ "marginBottom": undefined,
254
+ "marginEnd": undefined,
255
+ "marginHorizontal": undefined,
256
+ "marginLeft": undefined,
257
+ "marginRight": undefined,
258
+ "marginStart": undefined,
259
+ "marginTop": undefined,
260
+ "marginVertical": undefined,
143
261
  "shadowColor": "#000000",
144
262
  "shadowOffset": Object {
145
263
  "height": 0,
@@ -153,6 +271,23 @@ exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
153
271
  <View
154
272
  style={
155
273
  Object {
274
+ "backgroundColor": "red",
275
+ "borderBottomWidth": undefined,
276
+ "borderEndWidth": undefined,
277
+ "borderLeftWidth": undefined,
278
+ "borderRightWidth": undefined,
279
+ "borderStartWidth": undefined,
280
+ "borderTopWidth": undefined,
281
+ "borderWidth": undefined,
282
+ "padding": undefined,
283
+ "paddingBottom": undefined,
284
+ "paddingEnd": undefined,
285
+ "paddingHorizontal": undefined,
286
+ "paddingLeft": undefined,
287
+ "paddingRight": undefined,
288
+ "paddingStart": undefined,
289
+ "paddingTop": undefined,
290
+ "paddingVertical": undefined,
156
291
  "shadowColor": "#000000",
157
292
  "shadowOffset": Object {
158
293
  "height": 14,
@@ -174,6 +309,16 @@ exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
174
309
  <View
175
310
  style={
176
311
  Object {
312
+ "backgroundColor": "red",
313
+ "margin": undefined,
314
+ "marginBottom": undefined,
315
+ "marginEnd": undefined,
316
+ "marginHorizontal": undefined,
317
+ "marginLeft": undefined,
318
+ "marginRight": undefined,
319
+ "marginStart": undefined,
320
+ "marginTop": undefined,
321
+ "marginVertical": undefined,
177
322
  "shadowColor": "#000000",
178
323
  "shadowOffset": Object {
179
324
  "height": 0,
@@ -187,6 +332,23 @@ exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
187
332
  <View
188
333
  style={
189
334
  Object {
335
+ "backgroundColor": "red",
336
+ "borderBottomWidth": undefined,
337
+ "borderEndWidth": undefined,
338
+ "borderLeftWidth": undefined,
339
+ "borderRightWidth": undefined,
340
+ "borderStartWidth": undefined,
341
+ "borderTopWidth": undefined,
342
+ "borderWidth": undefined,
343
+ "padding": undefined,
344
+ "paddingBottom": undefined,
345
+ "paddingEnd": undefined,
346
+ "paddingHorizontal": undefined,
347
+ "paddingLeft": undefined,
348
+ "paddingRight": undefined,
349
+ "paddingStart": undefined,
350
+ "paddingTop": undefined,
351
+ "paddingVertical": undefined,
190
352
  "shadowColor": "#000000",
191
353
  "shadowOffset": Object {
192
354
  "height": 32,
@@ -208,6 +370,16 @@ exports[`Shadow component tests Pressable that has a shadow 1`] = `
208
370
  <View
209
371
  style={
210
372
  Object {
373
+ "backgroundColor": "red",
374
+ "margin": undefined,
375
+ "marginBottom": undefined,
376
+ "marginEnd": undefined,
377
+ "marginHorizontal": undefined,
378
+ "marginLeft": undefined,
379
+ "marginRight": undefined,
380
+ "marginStart": undefined,
381
+ "marginTop": undefined,
382
+ "marginVertical": undefined,
211
383
  "shadowColor": "#000000",
212
384
  "shadowOffset": Object {
213
385
  "height": 0,
@@ -232,6 +404,23 @@ exports[`Shadow component tests Pressable that has a shadow 1`] = `
232
404
  onStartShouldSetResponder={[Function]}
233
405
  style={
234
406
  Object {
407
+ "backgroundColor": "red",
408
+ "borderBottomWidth": undefined,
409
+ "borderEndWidth": undefined,
410
+ "borderLeftWidth": undefined,
411
+ "borderRightWidth": undefined,
412
+ "borderStartWidth": undefined,
413
+ "borderTopWidth": undefined,
414
+ "borderWidth": undefined,
415
+ "padding": undefined,
416
+ "paddingBottom": undefined,
417
+ "paddingEnd": undefined,
418
+ "paddingHorizontal": undefined,
419
+ "paddingLeft": undefined,
420
+ "paddingRight": undefined,
421
+ "paddingStart": undefined,
422
+ "paddingTop": undefined,
423
+ "paddingVertical": undefined,
235
424
  "shadowColor": "#000000",
236
425
  "shadowOffset": Object {
237
426
  "height": 8,
@@ -249,6 +438,16 @@ exports[`Shadow component tests Shadow (depth=2) 1`] = `
249
438
  <View
250
439
  style={
251
440
  Object {
441
+ "backgroundColor": "red",
442
+ "margin": undefined,
443
+ "marginBottom": undefined,
444
+ "marginEnd": undefined,
445
+ "marginHorizontal": undefined,
446
+ "marginLeft": undefined,
447
+ "marginRight": undefined,
448
+ "marginStart": undefined,
449
+ "marginTop": undefined,
450
+ "marginVertical": undefined,
252
451
  "shadowColor": "#000000",
253
452
  "shadowOffset": Object {
254
453
  "height": 0,
@@ -262,6 +461,23 @@ exports[`Shadow component tests Shadow (depth=2) 1`] = `
262
461
  <View
263
462
  style={
264
463
  Object {
464
+ "backgroundColor": "red",
465
+ "borderBottomWidth": undefined,
466
+ "borderEndWidth": undefined,
467
+ "borderLeftWidth": undefined,
468
+ "borderRightWidth": undefined,
469
+ "borderStartWidth": undefined,
470
+ "borderTopWidth": undefined,
471
+ "borderWidth": undefined,
472
+ "padding": undefined,
473
+ "paddingBottom": undefined,
474
+ "paddingEnd": undefined,
475
+ "paddingHorizontal": undefined,
476
+ "paddingLeft": undefined,
477
+ "paddingRight": undefined,
478
+ "paddingStart": undefined,
479
+ "paddingTop": undefined,
480
+ "paddingVertical": undefined,
265
481
  "shadowColor": "#000000",
266
482
  "shadowOffset": Object {
267
483
  "height": 1,
@@ -283,6 +499,16 @@ exports[`Shadow component tests Shadow (depth=4) 1`] = `
283
499
  <View
284
500
  style={
285
501
  Object {
502
+ "backgroundColor": "red",
503
+ "margin": undefined,
504
+ "marginBottom": undefined,
505
+ "marginEnd": undefined,
506
+ "marginHorizontal": undefined,
507
+ "marginLeft": undefined,
508
+ "marginRight": undefined,
509
+ "marginStart": undefined,
510
+ "marginTop": undefined,
511
+ "marginVertical": undefined,
286
512
  "shadowColor": "#000000",
287
513
  "shadowOffset": Object {
288
514
  "height": 0,
@@ -296,6 +522,23 @@ exports[`Shadow component tests Shadow (depth=4) 1`] = `
296
522
  <View
297
523
  style={
298
524
  Object {
525
+ "backgroundColor": "red",
526
+ "borderBottomWidth": undefined,
527
+ "borderEndWidth": undefined,
528
+ "borderLeftWidth": undefined,
529
+ "borderRightWidth": undefined,
530
+ "borderStartWidth": undefined,
531
+ "borderTopWidth": undefined,
532
+ "borderWidth": undefined,
533
+ "padding": undefined,
534
+ "paddingBottom": undefined,
535
+ "paddingEnd": undefined,
536
+ "paddingHorizontal": undefined,
537
+ "paddingLeft": undefined,
538
+ "paddingRight": undefined,
539
+ "paddingStart": undefined,
540
+ "paddingTop": undefined,
541
+ "paddingVertical": undefined,
299
542
  "shadowColor": "#000000",
300
543
  "shadowOffset": Object {
301
544
  "height": 2,
@@ -317,6 +560,16 @@ exports[`Shadow component tests Shadow (depth=8) 1`] = `
317
560
  <View
318
561
  style={
319
562
  Object {
563
+ "backgroundColor": "red",
564
+ "margin": undefined,
565
+ "marginBottom": undefined,
566
+ "marginEnd": undefined,
567
+ "marginHorizontal": undefined,
568
+ "marginLeft": undefined,
569
+ "marginRight": undefined,
570
+ "marginStart": undefined,
571
+ "marginTop": undefined,
572
+ "marginVertical": undefined,
320
573
  "shadowColor": "#000000",
321
574
  "shadowOffset": Object {
322
575
  "height": 0,
@@ -330,6 +583,23 @@ exports[`Shadow component tests Shadow (depth=8) 1`] = `
330
583
  <View
331
584
  style={
332
585
  Object {
586
+ "backgroundColor": "red",
587
+ "borderBottomWidth": undefined,
588
+ "borderEndWidth": undefined,
589
+ "borderLeftWidth": undefined,
590
+ "borderRightWidth": undefined,
591
+ "borderStartWidth": undefined,
592
+ "borderTopWidth": undefined,
593
+ "borderWidth": undefined,
594
+ "padding": undefined,
595
+ "paddingBottom": undefined,
596
+ "paddingEnd": undefined,
597
+ "paddingHorizontal": undefined,
598
+ "paddingLeft": undefined,
599
+ "paddingRight": undefined,
600
+ "paddingStart": undefined,
601
+ "paddingTop": undefined,
602
+ "paddingVertical": undefined,
333
603
  "shadowColor": "#000000",
334
604
  "shadowOffset": Object {
335
605
  "height": 4,
@@ -351,6 +621,16 @@ exports[`Shadow component tests Shadow (depth=16) 1`] = `
351
621
  <View
352
622
  style={
353
623
  Object {
624
+ "backgroundColor": "red",
625
+ "margin": undefined,
626
+ "marginBottom": undefined,
627
+ "marginEnd": undefined,
628
+ "marginHorizontal": undefined,
629
+ "marginLeft": undefined,
630
+ "marginRight": undefined,
631
+ "marginStart": undefined,
632
+ "marginTop": undefined,
633
+ "marginVertical": undefined,
354
634
  "shadowColor": "#000000",
355
635
  "shadowOffset": Object {
356
636
  "height": 0,
@@ -364,6 +644,23 @@ exports[`Shadow component tests Shadow (depth=16) 1`] = `
364
644
  <View
365
645
  style={
366
646
  Object {
647
+ "backgroundColor": "red",
648
+ "borderBottomWidth": undefined,
649
+ "borderEndWidth": undefined,
650
+ "borderLeftWidth": undefined,
651
+ "borderRightWidth": undefined,
652
+ "borderStartWidth": undefined,
653
+ "borderTopWidth": undefined,
654
+ "borderWidth": undefined,
655
+ "padding": undefined,
656
+ "paddingBottom": undefined,
657
+ "paddingEnd": undefined,
658
+ "paddingHorizontal": undefined,
659
+ "paddingLeft": undefined,
660
+ "paddingRight": undefined,
661
+ "paddingStart": undefined,
662
+ "paddingTop": undefined,
663
+ "paddingVertical": undefined,
367
664
  "shadowColor": "#000000",
368
665
  "shadowOffset": Object {
369
666
  "height": 8,
@@ -385,6 +682,16 @@ exports[`Shadow component tests Shadow (depth=28) 1`] = `
385
682
  <View
386
683
  style={
387
684
  Object {
685
+ "backgroundColor": "red",
686
+ "margin": undefined,
687
+ "marginBottom": undefined,
688
+ "marginEnd": undefined,
689
+ "marginHorizontal": undefined,
690
+ "marginLeft": undefined,
691
+ "marginRight": undefined,
692
+ "marginStart": undefined,
693
+ "marginTop": undefined,
694
+ "marginVertical": undefined,
388
695
  "shadowColor": "#000000",
389
696
  "shadowOffset": Object {
390
697
  "height": 0,
@@ -398,6 +705,23 @@ exports[`Shadow component tests Shadow (depth=28) 1`] = `
398
705
  <View
399
706
  style={
400
707
  Object {
708
+ "backgroundColor": "red",
709
+ "borderBottomWidth": undefined,
710
+ "borderEndWidth": undefined,
711
+ "borderLeftWidth": undefined,
712
+ "borderRightWidth": undefined,
713
+ "borderStartWidth": undefined,
714
+ "borderTopWidth": undefined,
715
+ "borderWidth": undefined,
716
+ "padding": undefined,
717
+ "paddingBottom": undefined,
718
+ "paddingEnd": undefined,
719
+ "paddingHorizontal": undefined,
720
+ "paddingLeft": undefined,
721
+ "paddingRight": undefined,
722
+ "paddingStart": undefined,
723
+ "paddingTop": undefined,
724
+ "paddingVertical": undefined,
401
725
  "shadowColor": "#000000",
402
726
  "shadowOffset": Object {
403
727
  "height": 14,
@@ -419,6 +743,16 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
419
743
  <View
420
744
  style={
421
745
  Object {
746
+ "backgroundColor": "red",
747
+ "margin": undefined,
748
+ "marginBottom": undefined,
749
+ "marginEnd": undefined,
750
+ "marginHorizontal": undefined,
751
+ "marginLeft": undefined,
752
+ "marginRight": undefined,
753
+ "marginStart": undefined,
754
+ "marginTop": undefined,
755
+ "marginVertical": undefined,
422
756
  "shadowColor": "#000000",
423
757
  "shadowOffset": Object {
424
758
  "height": 0,
@@ -432,6 +766,23 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
432
766
  <View
433
767
  style={
434
768
  Object {
769
+ "backgroundColor": "red",
770
+ "borderBottomWidth": undefined,
771
+ "borderEndWidth": undefined,
772
+ "borderLeftWidth": undefined,
773
+ "borderRightWidth": undefined,
774
+ "borderStartWidth": undefined,
775
+ "borderTopWidth": undefined,
776
+ "borderWidth": undefined,
777
+ "padding": undefined,
778
+ "paddingBottom": undefined,
779
+ "paddingEnd": undefined,
780
+ "paddingHorizontal": undefined,
781
+ "paddingLeft": undefined,
782
+ "paddingRight": undefined,
783
+ "paddingStart": undefined,
784
+ "paddingTop": undefined,
785
+ "paddingVertical": undefined,
435
786
  "shadowColor": "#000000",
436
787
  "shadowOffset": Object {
437
788
  "height": 32,
@@ -448,3 +799,188 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
448
799
  </View>
449
800
  </View>
450
801
  `;
802
+
803
+ exports[`Shadow component tests Shadow on a child with border radius 1`] = `
804
+ <View
805
+ style={
806
+ Object {
807
+ "backgroundColor": "red",
808
+ "borderRadius": 2,
809
+ "margin": undefined,
810
+ "marginBottom": undefined,
811
+ "marginEnd": undefined,
812
+ "marginHorizontal": undefined,
813
+ "marginLeft": undefined,
814
+ "marginRight": undefined,
815
+ "marginStart": undefined,
816
+ "marginTop": undefined,
817
+ "marginVertical": undefined,
818
+ "shadowColor": "#000000",
819
+ "shadowOffset": Object {
820
+ "height": 0,
821
+ "width": 0,
822
+ },
823
+ "shadowOpacity": 0.12,
824
+ "shadowRadius": 1,
825
+ }
826
+ }
827
+ >
828
+ <View
829
+ style={
830
+ Object {
831
+ "backgroundColor": "red",
832
+ "borderBottomWidth": undefined,
833
+ "borderEndWidth": undefined,
834
+ "borderLeftWidth": undefined,
835
+ "borderRadius": 2,
836
+ "borderRightWidth": undefined,
837
+ "borderStartWidth": undefined,
838
+ "borderTopWidth": undefined,
839
+ "borderWidth": undefined,
840
+ "padding": undefined,
841
+ "paddingBottom": undefined,
842
+ "paddingEnd": undefined,
843
+ "paddingHorizontal": undefined,
844
+ "paddingLeft": undefined,
845
+ "paddingRight": undefined,
846
+ "paddingStart": undefined,
847
+ "paddingTop": undefined,
848
+ "paddingVertical": undefined,
849
+ "shadowColor": "#000000",
850
+ "shadowOffset": Object {
851
+ "height": 8,
852
+ "width": 0,
853
+ },
854
+ "shadowOpacity": 0.14,
855
+ "shadowRadius": 8,
856
+ }
857
+ }
858
+ >
859
+ <Text>
860
+ {"borderRadius":2}
861
+ </Text>
862
+ </View>
863
+ </View>
864
+ `;
865
+
866
+ exports[`Shadow component tests Shadow on a child with border width 1`] = `
867
+ <View
868
+ style={
869
+ Object {
870
+ "backgroundColor": "red",
871
+ "margin": undefined,
872
+ "marginBottom": undefined,
873
+ "marginEnd": undefined,
874
+ "marginHorizontal": undefined,
875
+ "marginLeft": undefined,
876
+ "marginRight": undefined,
877
+ "marginStart": undefined,
878
+ "marginTop": undefined,
879
+ "marginVertical": undefined,
880
+ "shadowColor": "#000000",
881
+ "shadowOffset": Object {
882
+ "height": 0,
883
+ "width": 0,
884
+ },
885
+ "shadowOpacity": 0.12,
886
+ "shadowRadius": 1,
887
+ }
888
+ }
889
+ >
890
+ <View
891
+ style={
892
+ Object {
893
+ "backgroundColor": "red",
894
+ "borderBottomWidth": undefined,
895
+ "borderEndWidth": undefined,
896
+ "borderLeftWidth": undefined,
897
+ "borderRightWidth": undefined,
898
+ "borderStartWidth": undefined,
899
+ "borderTopWidth": undefined,
900
+ "borderWidth": 2,
901
+ "padding": undefined,
902
+ "paddingBottom": undefined,
903
+ "paddingEnd": undefined,
904
+ "paddingHorizontal": undefined,
905
+ "paddingLeft": undefined,
906
+ "paddingRight": undefined,
907
+ "paddingStart": undefined,
908
+ "paddingTop": undefined,
909
+ "paddingVertical": undefined,
910
+ "shadowColor": "#000000",
911
+ "shadowOffset": Object {
912
+ "height": 8,
913
+ "width": 0,
914
+ },
915
+ "shadowOpacity": 0.14,
916
+ "shadowRadius": 8,
917
+ }
918
+ }
919
+ >
920
+ <Text>
921
+ {"borderWidth":2}
922
+ </Text>
923
+ </View>
924
+ </View>
925
+ `;
926
+
927
+ exports[`Shadow component tests Shadow on a child with margin and padding 1`] = `
928
+ <View
929
+ style={
930
+ Object {
931
+ "backgroundColor": "red",
932
+ "margin": 2,
933
+ "marginBottom": undefined,
934
+ "marginEnd": undefined,
935
+ "marginHorizontal": undefined,
936
+ "marginLeft": undefined,
937
+ "marginRight": undefined,
938
+ "marginStart": undefined,
939
+ "marginTop": undefined,
940
+ "marginVertical": undefined,
941
+ "shadowColor": "#000000",
942
+ "shadowOffset": Object {
943
+ "height": 0,
944
+ "width": 0,
945
+ },
946
+ "shadowOpacity": 0.12,
947
+ "shadowRadius": 1,
948
+ }
949
+ }
950
+ >
951
+ <View
952
+ style={
953
+ Object {
954
+ "backgroundColor": "red",
955
+ "borderBottomWidth": undefined,
956
+ "borderEndWidth": undefined,
957
+ "borderLeftWidth": undefined,
958
+ "borderRightWidth": undefined,
959
+ "borderStartWidth": undefined,
960
+ "borderTopWidth": undefined,
961
+ "borderWidth": undefined,
962
+ "padding": 2,
963
+ "paddingBottom": undefined,
964
+ "paddingEnd": undefined,
965
+ "paddingHorizontal": undefined,
966
+ "paddingLeft": undefined,
967
+ "paddingRight": undefined,
968
+ "paddingStart": undefined,
969
+ "paddingTop": undefined,
970
+ "paddingVertical": undefined,
971
+ "shadowColor": "#000000",
972
+ "shadowOffset": Object {
973
+ "height": 8,
974
+ "width": 0,
975
+ },
976
+ "shadowOpacity": 0.14,
977
+ "shadowRadius": 8,
978
+ }
979
+ }
980
+ >
981
+ <Text>
982
+ {"margin":2,"padding":2}
983
+ </Text>
984
+ </View>
985
+ </View>
986
+ `;