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 display: flex; | 5 display: flex; |
6 flex-grow: 3; | 6 flex-grow: 3; |
7 } | 7 } |
8 .target { | 8 .target { |
9 height: 10px; | 9 height: 10px; |
10 background: black; | 10 background: black; |
(...skipping 11 matching lines...) Expand all Loading... |
22 <template id="target-template"> | 22 <template id="target-template"> |
23 <div class="parent"> | 23 <div class="parent"> |
24 <div class="target"></div> | 24 <div class="target"></div> |
25 <div class="filler"></div> | 25 <div class="filler"></div> |
26 </div> | 26 </div> |
27 </template> | 27 </template> |
28 <script src="resources/interpolation-test.js"></script> | 28 <script src="resources/interpolation-test.js"></script> |
29 <script> | 29 <script> |
30 assertInterpolation({ | 30 assertInterpolation({ |
31 property: 'flex-grow', | 31 property: 'flex-grow', |
32 from: '', | 32 from: neutralKeyframe, |
33 to: '2', | 33 to: '2', |
34 }, [ | 34 }, [ |
35 {at: -0.3, is: '0.7'}, | 35 {at: -0.3, is: '0.7'}, |
36 {at: 0, is: '1'}, | 36 {at: 0, is: '1'}, |
37 {at: 0.3, is: '1.3'}, | 37 {at: 0.3, is: '1.3'}, |
38 {at: 0.6, is: '1.6'}, | 38 {at: 0.6, is: '1.6'}, |
39 {at: 1, is: '2'}, | 39 {at: 1, is: '2'}, |
40 {at: 1.5, is: '2.5'}, | 40 {at: 1.5, is: '2.5'}, |
41 ]); | 41 ]); |
42 | 42 |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
101 {at: -5, is: '0'}, | 101 {at: -5, is: '0'}, |
102 {at: -0.3, is: '0'}, | 102 {at: -0.3, is: '0'}, |
103 {at: 0, is: '0'}, | 103 {at: 0, is: '0'}, |
104 {at: 0.3, is: '0.3'}, | 104 {at: 0.3, is: '0.3'}, |
105 {at: 0.6, is: '0.6'}, | 105 {at: 0.6, is: '0.6'}, |
106 {at: 1, is: '1'}, | 106 {at: 1, is: '1'}, |
107 {at: 1.5, is: '1.5'}, | 107 {at: 1.5, is: '1.5'}, |
108 ]); | 108 ]); |
109 </script> | 109 </script> |
110 </body> | 110 </body> |
OLD | NEW |