OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="resources/responsive-test.js"></script> | |
3 <script> | |
4 assertCSSResponsive({ | |
5 property: 'clip', | |
6 from: 'inherit', | |
7 to: 'rect(200px auto auto auto)', | |
8 configurations: [{ | |
9 state: {inherited: 'auto'}, | |
10 expect: [ | |
11 {at: 0.25, is: 'auto'}, | |
12 {at: 0.75, is: 'rect(200px auto auto auto)'}, | |
13 ], | |
14 }, { | |
15 state: {inherited: 'rect(100px 100px auto auto)'}, | |
16 expect: [ | |
17 {at: 0.25, is: 'rect(100px 100px auto auto)'}, | |
18 {at: 0.75, is: 'rect(200px auto auto auto)'}, | |
19 ], | |
20 }, { | |
21 state: {inherited: 'rect(100px auto auto auto)'}, | |
22 expect: [ | |
23 {at: 0.25, is: 'rect(125px auto auto auto)'}, | |
24 {at: 0.75, is: 'rect(175px auto auto auto)'}, | |
25 ], | |
26 }], | |
27 }); | |
28 | |
29 assertCSSResponsive({ | |
30 property: 'clip', | |
31 from: neutralKeyframe, | |
32 to: 'rect(200px auto auto auto)', | |
33 configurations: [{ | |
34 state: {underlying: 'auto'}, | |
35 expect: [ | |
36 {at: 0.25, is: 'auto'}, | |
37 {at: 0.75, is: 'rect(200px auto auto auto)'}, | |
38 ], | |
39 }, { | |
40 state: {underlying: 'rect(100px 100px auto auto)'}, | |
41 expect: [ | |
42 {at: 0.25, is: 'rect(100px 100px auto auto)'}, | |
43 {at: 0.75, is: 'rect(200px auto auto auto)'}, | |
44 ], | |
45 }, { | |
46 state: {underlying: 'rect(100px auto auto auto)'}, | |
47 expect: [ | |
48 {at: 0.25, is: 'rect(125px auto auto auto)'}, | |
49 {at: 0.75, is: 'rect(175px auto auto auto)'}, | |
50 ], | |
51 }], | |
52 }); | |
53 </script> | |
OLD | NEW |