OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style type="text/css"> | 2 <style type="text/css"> |
3 .container { | 3 .container { |
4 font-size: 20px; | 4 font-size: 20px; |
5 line-height: 1; | 5 line-height: 1; |
6 } | 6 } |
7 | 7 |
8 @font-face { | 8 @font-face { |
9 font-family : 'testFont'; | 9 font-family : 'testFont'; |
10 src : url('../../resources/opensans/OpenSans-Regular.woff') format("woff"); | 10 src : url('../../resources/opensans/OpenSans-Regular.woff') format("woff"); |
(...skipping 15 matching lines...) Expand all Loading... |
26 <div class="target">x</span> | 26 <div class="target">x</span> |
27 </div> | 27 </div> |
28 </template> | 28 </template> |
29 <script src="resources/interpolation-test.js"></script> | 29 <script src="resources/interpolation-test.js"></script> |
30 <script> | 30 <script> |
31 assertInterpolation({ | 31 assertInterpolation({ |
32 property: 'font-size-adjust', | 32 property: 'font-size-adjust', |
33 from: '0', | 33 from: '0', |
34 to: '1.2' | 34 to: '1.2' |
35 }, [ | 35 }, [ |
36 {at: -2, is: 'none'}, | 36 {at: -2, is: '0'}, |
37 {at: -0.3, is: 'none'}, | 37 {at: -0.3, is: '0'}, |
38 {at: 0, is: 'none'}, | 38 {at: 0, is: '0'}, |
39 {at: 0.3, is: 'none'}, | 39 {at: 0.3, is: '0.36'}, |
40 {at: 0.6, is: '1.2'}, | 40 {at: 0.6, is: '0.72'}, |
41 {at: 1, is: '1.2'}, | 41 {at: 1, is: '1.2'}, |
42 {at: 1.5, is: '1.2'}, | 42 {at: 1.5, is: '1.8'}, |
43 ]); | 43 ]); |
44 | 44 |
45 assertInterpolation({ | 45 assertInterpolation({ |
46 property: 'font-size-adjust', | 46 property: 'font-size-adjust', |
47 from: 'none', | 47 from: 'none', |
48 to: '1.2' | 48 to: '1.2' |
49 }, [ | 49 }, [ |
50 {at: -2, is: 'none'}, | 50 {at: -2, is: 'none'}, |
51 {at: -0.3, is: 'none'}, | 51 {at: -0.3, is: 'none'}, |
52 {at: 0, is: 'none'}, | 52 {at: 0, is: 'none'}, |
53 {at: 0.3, is: 'none'}, | 53 {at: 0.3, is: 'none'}, |
54 {at: 0.6, is: '1.2'}, | 54 {at: 0.6, is: '1.2'}, |
55 {at: 1, is: '1.2'}, | 55 {at: 1, is: '1.2'}, |
56 {at: 1.5, is: '1.2'}, | 56 {at: 1.5, is: '1.2'}, |
57 ]); | 57 ]); |
58 | 58 |
59 assertInterpolation({ | 59 assertInterpolation({ |
60 property: 'font-size-adjust', | 60 property: 'font-size-adjust', |
61 from: '0.2', | 61 from: '0.2', |
62 to: '1.2' | 62 to: '1.2' |
63 }, [ | 63 }, [ |
64 {at: -2, is: 'none'}, // CSS font-size-adjust can't be negative. | 64 {at: -2, is: '0'}, // CSS font-size-adjust can't be negative. |
65 {at: -0.3, is: 'none'}, | 65 {at: -0.3, is: '0'}, |
66 {at: 0, is: '0.2'}, | 66 {at: 0, is: '0.2'}, |
67 {at: 0.3, is: '0.5'}, | 67 {at: 0.3, is: '0.5'}, |
68 {at: 0.6, is: '0.8'}, | 68 {at: 0.6, is: '0.8'}, |
69 {at: 1, is: '1.2'}, | 69 {at: 1, is: '1.2'}, |
70 {at: 1.5, is: '1.7'}, | 70 {at: 1.5, is: '1.7'}, |
71 ]); | 71 ]); |
72 </script> | 72 </script> |
OLD | NEW |