| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
| 4 <div id="target" style="width: 200px; height: 100px; display: inline-block"></di
v> | 4 <div id="target" style="width: 200px; height: 100px; display: inline-block"></di
v> |
| 5 <script src="resources/parsing-test-helper.js"></script> | 5 <script src="resources/parsing-test-helper.js"></script> |
| 6 <script> | 6 <script> |
| 7 expect = expect.bind(this, 'transform', 'transform'); | 7 expect = expect.bind(this, 'transform', 'transform'); |
| 8 | 8 |
| 9 expect('initial').parsesAs('initial').isComputedTo('none'); | 9 expect('initial').parsesAs('initial').isComputedTo('none'); |
| 10 expect('inherit').parsesAs('inherit'); | 10 expect('inherit').parsesAs('inherit'); |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 | 25 |
| 26 // translate() | 26 // translate() |
| 27 expect('translate(0)').parsesAs('translate(0px)'); | 27 expect('translate(0)').parsesAs('translate(0px)'); |
| 28 expect('translate(0, 0)').parsesAs('translate(0px, 0px)'); | 28 expect('translate(0, 0)').parsesAs('translate(0px, 0px)'); |
| 29 expect('translate(1px, 2px)').parsesAs('translate(1px, 2px)').isComputedTo('matr
ix(1, 0, 0, 1, 1, 2)'); | 29 expect('translate(1px, 2px)').parsesAs('translate(1px, 2px)').isComputedTo('matr
ix(1, 0, 0, 1, 1, 2)'); |
| 30 expect('translate(1px)').parsesAs('translate(1px)'); | 30 expect('translate(1px)').parsesAs('translate(1px)'); |
| 31 expect('translate(20%, 10%)').parsesAs('translate(20%, 10%)').isComputedTo('matr
ix(1, 0, 0, 1, 40, 10)'); | 31 expect('translate(20%, 10%)').parsesAs('translate(20%, 10%)').isComputedTo('matr
ix(1, 0, 0, 1, 40, 10)'); |
| 32 expect('translate()').isInvalid(); | 32 expect('translate()').isInvalid(); |
| 33 expect('translate(1)').isInvalid(); | 33 expect('translate(1)').isInvalid(); |
| 34 expect('translate(1, 2)').isInvalid(); | 34 expect('translate(1, 2)').isInvalid(); |
| 35 expect('translate(1px,)').isInvalid(); |
| 35 expect('translate(1px, 2px, 3px)').isInvalid(); | 36 expect('translate(1px, 2px, 3px)').isInvalid(); |
| 36 | 37 |
| 37 // translateX() | 38 // translateX() |
| 38 expect('translateX(0)').parsesAs('translateX(0px)'); | 39 expect('translateX(0)').parsesAs('translateX(0px)'); |
| 39 expect('translateX(2px)').parsesAs('translateX(2px)').isComputedTo('matrix(1, 0,
0, 1, 2, 0)'); | 40 expect('translateX(2px)').parsesAs('translateX(2px)').isComputedTo('matrix(1, 0,
0, 1, 2, 0)'); |
| 40 expect('translateX(50%)').parsesAs('translateX(50%)'); | 41 expect('translateX(50%)').parsesAs('translateX(50%)'); |
| 41 expect('translateX(1)').isInvalid(); | 42 expect('translateX(1)').isInvalid(); |
| 42 expect('translateX()').isInvalid(); | 43 expect('translateX()').isInvalid(); |
| 43 expect('translateX(1px, 2px)').isInvalid(); | 44 expect('translateX(1px, 2px)').isInvalid(); |
| 44 | 45 |
| 45 // translateY() | 46 // translateY() |
| 46 expect('translateY(0)').parsesAs('translateY(0px)'); | 47 expect('translateY(0)').parsesAs('translateY(0px)'); |
| 47 expect('translateY(2px)').parsesAs('translateY(2px)').isComputedTo('matrix(1, 0,
0, 1, 0, 2)'); | 48 expect('translateY(2px)').parsesAs('translateY(2px)').isComputedTo('matrix(1, 0,
0, 1, 0, 2)'); |
| 48 expect('translateY(50%)').parsesAs('translateY(50%)'); | 49 expect('translateY(50%)').parsesAs('translateY(50%)'); |
| 49 expect('translateY(1)').isInvalid(); | 50 expect('translateY(1)').isInvalid(); |
| 50 expect('translateY()').isInvalid(); | 51 expect('translateY()').isInvalid(); |
| 51 expect('translateY(1px, 2px)').isInvalid(); | 52 expect('translateY(1px, 2px)').isInvalid(); |
| 52 | 53 |
| 53 // scale() | 54 // scale() |
| 54 expect('scale(1)').parsesAs('scale(1)'); | 55 expect('scale(1)').parsesAs('scale(1)'); |
| 55 expect('scale(2, 3)').parsesAs('scale(2, 3)').isComputedTo('matrix(2, 0, 0, 3, 0
, 0)'); | 56 expect('scale(2, 3)').parsesAs('scale(2, 3)').isComputedTo('matrix(2, 0, 0, 3, 0
, 0)'); |
| 56 expect('scale()').isInvalid(); | 57 expect('scale()').isInvalid(); |
| 58 expect('scale(1,)').isInvalid(); |
| 57 expect('scale(1, 2, 3)').isInvalid(); | 59 expect('scale(1, 2, 3)').isInvalid(); |
| 58 expect('scale(1px, 2px)').isInvalid(); | 60 expect('scale(1px, 2px)').isInvalid(); |
| 59 expect('scale(20%, 50%)').isInvalid(); | 61 expect('scale(20%, 50%)').isInvalid(); |
| 60 | 62 |
| 61 // scaleX() | 63 // scaleX() |
| 62 expect('scaleX(2)').parsesAs('scaleX(2)').isComputedTo('matrix(2, 0, 0, 1, 0, 0)
'); | 64 expect('scaleX(2)').parsesAs('scaleX(2)').isComputedTo('matrix(2, 0, 0, 1, 0, 0)
'); |
| 63 expect('scaleX()').isInvalid(); | 65 expect('scaleX()').isInvalid(); |
| 64 expect('scaleX(1, 2)').isInvalid(); | 66 expect('scaleX(1, 2)').isInvalid(); |
| 65 expect('scaleX(1px)').isInvalid(); | 67 expect('scaleX(1px)').isInvalid(); |
| 66 expect('scaleX(50%)').isInvalid(); | 68 expect('scaleX(50%)').isInvalid(); |
| (...skipping 18 matching lines...) Expand all Loading... |
| 85 expect('rotate()').isInvalid(); | 87 expect('rotate()').isInvalid(); |
| 86 | 88 |
| 87 // skew() | 89 // skew() |
| 88 expect('skew(0)').parsesAs('skew(0deg)'); | 90 expect('skew(0)').parsesAs('skew(0deg)'); |
| 89 expect('skew(45deg)').parsesAs('skew(45deg)'); | 91 expect('skew(45deg)').parsesAs('skew(45deg)'); |
| 90 expect('skew(10rad, 20turn)').parsesAs('skew(10rad, 20turn)'); | 92 expect('skew(10rad, 20turn)').parsesAs('skew(10rad, 20turn)'); |
| 91 expect('skew(0, 0)').parsesAs('skew(0deg, 0deg)'); | 93 expect('skew(0, 0)').parsesAs('skew(0deg, 0deg)'); |
| 92 expect('skew(1)').isInvalid(); | 94 expect('skew(1)').isInvalid(); |
| 93 expect('skew(2%)').isInvalid(); | 95 expect('skew(2%)').isInvalid(); |
| 94 expect('skew()').isInvalid(); | 96 expect('skew()').isInvalid(); |
| 97 expect('skew(45deg,)').isInvalid(); |
| 95 expect('skew(1deg, 2deg, 3deg)').isInvalid(); | 98 expect('skew(1deg, 2deg, 3deg)').isInvalid(); |
| 96 | 99 |
| 97 // skewX() | 100 // skewX() |
| 98 expect('skewX(0)').parsesAs('skewX(0deg)'); | 101 expect('skewX(0)').parsesAs('skewX(0deg)'); |
| 99 expect('skewX(45deg)').parsesAs('skewX(45deg)'); | 102 expect('skewX(45deg)').parsesAs('skewX(45deg)'); |
| 100 expect('skewX(1)').isInvalid(); | 103 expect('skewX(1)').isInvalid(); |
| 101 expect('skewX(2%)').isInvalid(); | 104 expect('skewX(2%)').isInvalid(); |
| 102 expect('skewX()').isInvalid(); | 105 expect('skewX()').isInvalid(); |
| 103 expect('skewX(1deg, 2deg)').isInvalid(); | 106 expect('skewX(1deg, 2deg)').isInvalid(); |
| 104 | 107 |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 155 expect('scaleZ(1, 2)').isInvalid(); | 158 expect('scaleZ(1, 2)').isInvalid(); |
| 156 expect('scaleZ(1px)').isInvalid(); | 159 expect('scaleZ(1px)').isInvalid(); |
| 157 expect('scaleZ(50%)').isInvalid(); | 160 expect('scaleZ(50%)').isInvalid(); |
| 158 | 161 |
| 159 // rotate3d() | 162 // rotate3d() |
| 160 expect('rotate3d(0, 0, 0, 0)').parsesAs('rotate3d(0, 0, 0, 0deg)'); | 163 expect('rotate3d(0, 0, 0, 0)').parsesAs('rotate3d(0, 0, 0, 0deg)'); |
| 161 expect('rotate3d(1, 2, 3, 4deg)').parsesAs('rotate3d(1, 2, 3, 4deg)'); | 164 expect('rotate3d(1, 2, 3, 4deg)').parsesAs('rotate3d(1, 2, 3, 4deg)'); |
| 162 expect('rotate3d()').isInvalid(); | 165 expect('rotate3d()').isInvalid(); |
| 163 expect('rotate3d(1, 2, 3)').isInvalid(); | 166 expect('rotate3d(1, 2, 3)').isInvalid(); |
| 164 expect('rotate3d(1, 2, 3, 4deg, 0)').isInvalid(); | 167 expect('rotate3d(1, 2, 3, 4deg, 0)').isInvalid(); |
| 168 expect('rotate3d(1, 2, 3, )').isInvalid(); |
| 165 | 169 |
| 166 // rotateX() | 170 // rotateX() |
| 167 expect('rotateX(0)').parsesAs('rotateX(0deg)'); | 171 expect('rotateX(0)').parsesAs('rotateX(0deg)'); |
| 168 expect('rotateX(1deg)').parsesAs('rotateX(1deg)'); | 172 expect('rotateX(1deg)').parsesAs('rotateX(1deg)'); |
| 169 expect('rotateX()').isInvalid(); | 173 expect('rotateX()').isInvalid(); |
| 170 expect('rotateX(1deg, 1deg)').isInvalid(); | 174 expect('rotateX(1deg, 1deg)').isInvalid(); |
| 171 | 175 |
| 172 // rotateY() | 176 // rotateY() |
| 173 expect('rotateY(0)').parsesAs('rotateY(0deg)'); | 177 expect('rotateY(0)').parsesAs('rotateY(0deg)'); |
| 174 expect('rotateY(1deg)').parsesAs('rotateY(1deg)'); | 178 expect('rotateY(1deg)').parsesAs('rotateY(1deg)'); |
| 175 expect('rotateY()').isInvalid(); | 179 expect('rotateY()').isInvalid(); |
| 176 expect('rotateY(1deg, 1deg)').isInvalid(); | 180 expect('rotateY(1deg, 1deg)').isInvalid(); |
| 177 | 181 |
| 178 // rotateZ() | 182 // rotateZ() |
| 179 expect('rotateZ(0)').parsesAs('rotateZ(0deg)'); | 183 expect('rotateZ(0)').parsesAs('rotateZ(0deg)'); |
| 180 expect('rotateZ(1deg)').parsesAs('rotateZ(1deg)'); | 184 expect('rotateZ(1deg)').parsesAs('rotateZ(1deg)'); |
| 181 expect('rotateZ()').isInvalid(); | 185 expect('rotateZ()').isInvalid(); |
| 182 expect('rotateZ(1deg, 1deg)').isInvalid(); | 186 expect('rotateZ(1deg, 1deg)').isInvalid(); |
| 183 | 187 |
| 184 // perspective() | 188 // perspective() |
| 185 expect('perspective(2px)').parsesAs('perspective(2px)'). | 189 expect('perspective(2px)').parsesAs('perspective(2px)'). |
| 186 isComputedTo('matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.5, 0, 0, 0, 1)'); | 190 isComputedTo('matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.5, 0, 0, 0, 1)'); |
| 187 expect('perspective(0px)').isInvalid(); | 191 expect('perspective(0px)').isInvalid(); |
| 188 expect('perspective(2)').isInvalid(); | 192 expect('perspective(2)').isInvalid(); |
| 189 expect('perspective(5%)').isInvalid(); | 193 expect('perspective(5%)').isInvalid(); |
| 190 expect('perspective()').isInvalid(); | 194 expect('perspective()').isInvalid(); |
| 191 expect('perspective(1px, 2px)').isInvalid(); | 195 expect('perspective(1px, 2px)').isInvalid(); |
| 192 </script> | 196 </script> |
| OLD | NEW |