OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="resources/responsive-test.js"></script> | 2 <script src="resources/responsive-test.js"></script> |
3 <script> | 3 <script> |
4 assertCSSResponsive({ | 4 assertCSSResponsive({ |
5 property: 'motion-rotation', | 5 property: 'offset-rotation', |
6 from: 'inherit', | 6 from: 'inherit', |
7 to: 'auto 40deg', | 7 to: 'auto 40deg', |
8 configurations: [{ | 8 configurations: [{ |
9 state: {inherited: '50deg'}, | 9 state: {inherited: '50deg'}, |
10 expect: [ | 10 expect: [ |
11 {at: 0.25, is: '50deg'}, | 11 {at: 0.25, is: '50deg'}, |
12 {at: 0.75, is: 'auto 40deg'}, | 12 {at: 0.75, is: 'auto 40deg'}, |
13 ], | 13 ], |
14 }, { | 14 }, { |
15 state: {inherited: 'auto 20deg'}, | 15 state: {inherited: 'auto 20deg'}, |
16 expect: [ | 16 expect: [ |
17 {at: 0.25, is: 'auto 25deg'}, | 17 {at: 0.25, is: 'auto 25deg'}, |
18 {at: 0.75, is: 'auto 35deg'}, | 18 {at: 0.75, is: 'auto 35deg'}, |
19 ], | 19 ], |
20 }], | 20 }], |
21 }); | 21 }); |
22 | 22 |
23 assertCSSResponsive({ | 23 assertCSSResponsive({ |
24 property: 'motion-rotation', | 24 property: 'offset-rotation', |
25 from: neutralKeyframe, | 25 from: neutralKeyframe, |
26 to: '80deg', | 26 to: '80deg', |
27 configurations: [{ | 27 configurations: [{ |
28 state: {underlying: 'auto 50deg'}, | 28 state: {underlying: 'auto 50deg'}, |
29 expect: [ | 29 expect: [ |
30 {at: 0.25, is: 'auto 50deg'}, | 30 {at: 0.25, is: 'auto 50deg'}, |
31 {at: 0.75, is: '80deg'}, | 31 {at: 0.75, is: '80deg'}, |
32 ], | 32 ], |
33 }, { | 33 }, { |
34 state: {underlying: '40deg'}, | 34 state: {underlying: '40deg'}, |
35 expect: [ | 35 expect: [ |
36 {at: 0.25, is: '50deg'}, | 36 {at: 0.25, is: '50deg'}, |
37 {at: 0.75, is: '70deg'}, | 37 {at: 0.75, is: '70deg'}, |
38 ], | 38 ], |
39 }], | 39 }], |
40 }); | 40 }); |
41 </script> | 41 </script> |
OLD | NEW |