OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../resources/ahem.js"></script> | 4 <script src="../../resources/ahem.js"></script> |
5 <style> | 5 <style> |
6 :root { | 6 :root { |
7 font: 10px Ahem; | 7 font: 10px Ahem; |
8 } | 8 } |
9 </style> | 9 </style> |
10 </head> | 10 </head> |
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
82 from: '10in', | 82 from: '10in', |
83 to: '20rem' | 83 to: '20rem' |
84 }, [ | 84 }, [ |
85 {at: -0.4, is: '1264'}, | 85 {at: -0.4, is: '1264'}, |
86 {at: 0, is: '10in'}, | 86 {at: 0, is: '10in'}, |
87 {at: 0.2, is: '808'}, | 87 {at: 0.2, is: '808'}, |
88 {at: 0.6, is: '504'}, | 88 {at: 0.6, is: '504'}, |
89 {at: 1, is: '20rem'}, | 89 {at: 1, is: '20rem'}, |
90 {at: 1.4, is: '0'} | 90 {at: 1.4, is: '0'} |
91 ]); | 91 ]); |
| 92 assertAttributeInterpolation({ |
| 93 property: 'width', |
| 94 from: '1vw', |
| 95 to: '6vw' |
| 96 }, [ |
| 97 {at: -0.4, is: '0vw'}, |
| 98 {at: 0, is: '1vw'}, |
| 99 {at: 0.2, is: '2vw'}, |
| 100 {at: 0.6, is: '4vw'}, |
| 101 {at: 1, is: '6vw'}, |
| 102 {at: 1.4, is: '8vw'} |
| 103 ]); |
| 104 assertAttributeInterpolation({ |
| 105 property: 'width', |
| 106 from: '1vh', |
| 107 to: '6vh' |
| 108 }, [ |
| 109 {at: -0.4, is: '0vh'}, |
| 110 {at: 0, is: '1vh'}, |
| 111 {at: 0.2, is: '2vh'}, |
| 112 {at: 0.6, is: '4vh'}, |
| 113 {at: 1, is: '6vh'}, |
| 114 {at: 1.4, is: '8vh'} |
| 115 ]); |
| 116 assertAttributeInterpolation({ |
| 117 property: 'width', |
| 118 from: '1vmin', |
| 119 to: '6vmin' |
| 120 }, [ |
| 121 {at: -0.4, is: '0vmin'}, |
| 122 {at: 0, is: '1vmin'}, |
| 123 {at: 0.2, is: '2vmin'}, |
| 124 {at: 0.6, is: '4vmin'}, |
| 125 {at: 1, is: '6vmin'}, |
| 126 {at: 1.4, is: '8vmin'} |
| 127 ]); |
| 128 assertAttributeInterpolation({ |
| 129 property: 'width', |
| 130 from: '1vmax', |
| 131 to: '6vmax' |
| 132 }, [ |
| 133 {at: -0.4, is: '0vmax'}, |
| 134 {at: 0, is: '1vmax'}, |
| 135 {at: 0.2, is: '2vmax'}, |
| 136 {at: 0.6, is: '4vmax'}, |
| 137 {at: 1, is: '6vmax'}, |
| 138 {at: 1.4, is: '8vmax'} |
| 139 ]); |
| 140 assertAttributeInterpolation({ |
| 141 property: 'width', |
| 142 from: '10vh', |
| 143 to: '20vw' |
| 144 }, [ |
| 145 {at: -0.4, is: '20'}, |
| 146 {at: 0, is: '10vh'}, |
| 147 {at: 0.2, is: '80'}, |
| 148 {at: 0.6, is: '120'}, |
| 149 {at: 1, is: '20vw'}, |
| 150 {at: 1.4, is: '200'} |
| 151 ]); |
| 152 assertAttributeInterpolation({ |
| 153 property: 'width', |
| 154 from: '10vmin', |
| 155 to: '20vmax' |
| 156 }, [ |
| 157 {at: -0.4, is: '20'}, |
| 158 {at: 0, is: '10vmin'}, |
| 159 {at: 0.2, is: '80'}, |
| 160 {at: 0.6, is: '120'}, |
| 161 {at: 1, is: '20vmax'}, |
| 162 {at: 1.4, is: '200'} |
| 163 ]); |
92 </script> | 164 </script> |
93 </body> | 165 </body> |
94 </html> | 166 </html> |
OLD | NEW |