OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .parent { | 4 .parent { |
5 text-indent: 70px; | 5 text-indent: 70px; |
6 } | 6 } |
7 .target { | 7 .target { |
8 font: 10px sans-serif; | 8 font: 10px sans-serif; |
9 text-indent: 10px; | 9 text-indent: 10px; |
10 margin-left: 20px; | 10 margin-left: 20px; |
11 } | 11 } |
12 .expected { | 12 .expected { |
13 color: green; | 13 color: green; |
14 } | 14 } |
15 </style> | 15 </style> |
16 <body> | 16 <body> |
17 <script src="resources/interpolation-test.js"></script> | 17 <script src="resources/interpolation-test.js"></script> |
18 <template id="target-template">T</template> | 18 <template id="target-template">T</template> |
19 <script> | 19 <script> |
20 assertInterpolation({ | 20 assertInterpolation({ |
21 property: 'text-indent', | 21 property: 'text-indent', |
22 from: '', | 22 from: neutralKeyframe, |
23 to: '40px', | 23 to: '40px', |
24 }, [ | 24 }, [ |
25 {at: -0.3, is: '1px'}, | 25 {at: -0.3, is: '1px'}, |
26 {at: 0, is: '10px'}, | 26 {at: 0, is: '10px'}, |
27 {at: 0.3, is: '19px'}, | 27 {at: 0.3, is: '19px'}, |
28 {at: 0.6, is: '28px'}, | 28 {at: 0.6, is: '28px'}, |
29 {at: 1, is: '40px'}, | 29 {at: 1, is: '40px'}, |
30 {at: 1.5, is: '55px'}, | 30 {at: 1.5, is: '55px'}, |
31 ]); | 31 ]); |
32 | 32 |
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 to: '50px hanging', | 114 to: '50px hanging', |
115 }); | 115 }); |
116 | 116 |
117 assertNoInterpolation({ | 117 assertNoInterpolation({ |
118 property: 'text-indent', | 118 property: 'text-indent', |
119 from: '0px', | 119 from: '0px', |
120 to: '50px each-line hanging', | 120 to: '50px each-line hanging', |
121 }); | 121 }); |
122 </script> | 122 </script> |
123 </body> | 123 </body> |
OLD | NEW |