OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="resources/responsive-test.js"></script> | |
3 <script> | |
4 assertCSSResponsive({ | |
5 property: 'box-shadow', | |
6 from: 'green 20px 20px 20px 20px', | |
7 to: 'inherit', | |
8 configurations: [{ | |
9 state: {inherited: 'blue 0px 0px 0px 0px'}, | |
10 expect: [ | |
11 {at: 0.25, is: 'rgb(0, 96, 64) 15px 15px 15px 15px'}, | |
12 {at: 0.75, is: 'rgb(0, 32, 191) 5px 5px 5px 5px'}, | |
13 ], | |
14 }, { | |
15 state: {inherited: 'yellow 100px 100px 100px 100px'}, | |
16 expect: [ | |
17 {at: 0.25, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, | |
18 {at: 0.75, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, | |
19 ], | |
20 }], | |
21 }); | |
22 | |
23 assertCSSResponsive({ | |
24 property: 'box-shadow', | |
25 from: 'inherit', | |
26 to: 'green 20px 20px 20px 20px', | |
27 configurations: [{ | |
28 state: {inherited: 'blue 0px 0px 0px 0px, yellow 100px 100px 100px 100px'}, | |
29 expect: [ | |
30 {at: 0.25, is: 'rgb(0, 32, 191) 5px 5px 5px 5px, rgba(255, 255, 0, 0.75) 7
5px 75px 75px 75px'}, | |
31 {at: 0.75, is: 'rgb(0, 96, 64) 15px 15px 15px 15px, rgba(255, 255, 0, 0.25
) 25px 25px 25px 25px'}, | |
32 ], | |
33 }, { | |
34 state: {inherited: 'yellow 100px 100px 100px 100px'}, | |
35 expect: [ | |
36 {at: 0.25, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, | |
37 {at: 0.75, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, | |
38 ], | |
39 }], | |
40 }); | |
41 </script> | |
OLD | NEW |