diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2015-12-09 01:48:05 -0500 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2015-12-10 10:03:03 -0500 |
| commit | 35c74aecc22e60ccb3dbb03000c8546941b8250c (patch) | |
| tree | 91cc0748250b0808b56652bd4162414074490410 /tests/wpt/css-tests/css-transforms-1_dev | |
| parent | 9aa1b1e408f3c7cc9c7774da203d261ac0922866 (diff) | |
| download | servo-35c74aecc22e60ccb3dbb03000c8546941b8250c.tar.gz servo-35c74aecc22e60ccb3dbb03000c8546941b8250c.zip | |
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev')
383 files changed, 1140 insertions, 1020 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm index 46b1d76ba9a..138ad94a16c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm @@ -12,10 +12,10 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm index fd2e15d12f6..1f579596bc6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm @@ -37,9 +37,9 @@ assertion = window.getComputedStyle(box).getPropertyValue("transform"); test_function = function(){ assert_equals(assertion, expectation); - } - test(test_function, should_string); - })(); + } + test(test_function, should_string); + })(); </script> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm index aab675d698c..ced9bf2f461 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm @@ -37,7 +37,7 @@ </head> <body> <p>Test passes if you see a green square rotating once on top of a static blue square and no red.</p> - + <div class="region"> <p> </p> </div> @@ -50,4 +50,5 @@ xxxxx<br> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm index 2d035d56a96..b0c1eaf810c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm @@ -31,7 +31,7 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> @@ -39,4 +39,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm index cd6a727e302..08c8978952c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm @@ -34,7 +34,7 @@ </head> <body> <p>Test passes if you see a continuous run of text over a cube (with blue, teal and purple sides) and no red.</p> - + <div class="flow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, veniam, dolorum earum molestias iusto corrupti quaerat unde. Nihil, ex, architecto enim doloremque amet ipsa distinctio quibusdam iste eveniet minima quisquam.</div> <div id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> @@ -43,4 +43,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm index e2989989b7a..2cd25262ec2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm @@ -83,7 +83,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -94,7 +94,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm index e1484e5059a..78baa41795b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm @@ -201,7 +201,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -212,7 +212,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm index f66221aa501..9d454457304 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm @@ -1161,7 +1161,7 @@ <td></td> <td>SVG Transform using transform-origin <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be &acirc;&#8364;&#732;center&acirc;&#8364;&#8482;</li> + <li>If only one value is specified, the second value is assumed to be 'center'</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm index 5b1a540de03..8f6bbe0b14f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm @@ -9,7 +9,7 @@ <meta content="This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm index 4f9b322311d..ad0c53089f8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm @@ -9,7 +9,7 @@ <link href="reference/css-scale-nested-ref.htm" rel="match"> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { width: 100px; @@ -39,4 +39,5 @@ <div class="parentredSquare"><div class="childredSquare"></div></div> <p>The test passes if there is a green square and no red.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm index 8c04f912a99..73e2db98f77 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm index cd84944f993..0a04859c302 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm index 90bceb297e5..ef189236aa3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm index 29060f49e49..e7c644833d0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm index 564a2a9437c..7e46561e4cb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm index be9789fafb0..b82afac89fe 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm index b05dbbba6b6..cab7b694f69 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm index a0e4fcd3b20..eb6fce480aa 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm index aa415601c5a..fcd29ebccb9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm index 225c68b6a2f..135bba2d20d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm index d742a99ad5a..0d384014d86 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm index 018b0600892..798bc3a8edb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm index 98b33115c2a..13a30b23230 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm @@ -4,7 +4,7 @@ <title>CSS Transforms Test: rotateY with transform-style on nested elements</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-style-property" rel="help"> - <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> + <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> <link href="reference/css-transform-3d-transform-style-ref.htm" rel="match"> <meta content="" name="flags"> <meta content="Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box." name="assert"> @@ -17,7 +17,7 @@ height: 200px; width: 200px; left: 65px; - top: 45px; + top: 45px; } div.blue { background-color: blue; @@ -32,7 +32,7 @@ background-color: green; left: 40px; top: 0px; - height: 180px; + height: 180px; width: 180px; transform: rotateY(120deg); } @@ -40,7 +40,7 @@ background-color: red; left: 140px; top: 10px; - height: 180px; + height: 180px; width: 20px; } </style> @@ -52,7 +52,7 @@ <div class="blue"> <div class="green"></div> </div> - </div> + </div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm index bcbed1d2b79..542bc1314a2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm @@ -27,7 +27,7 @@ top: 75px; left: 75px; transform: scale(2); - + } .child { position: absolute; @@ -46,4 +46,5 @@ <div class="child"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm index 73f0a1c32ee..188241eb77d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm @@ -14,7 +14,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -47,4 +47,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm index a06b93a9a42..9e508eba955 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm @@ -12,7 +12,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -44,4 +44,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm index 53bd59f17a4..27234c4bb43 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm @@ -36,7 +36,7 @@ document.getElementById("test").style.transform = "rotate(30deg) rotateX(60deg)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); }, "transform: Check valied multi-expr input."); - + test(function() { document.getElementById("test").style.transform = "rotate(0)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm index e95363a389c..3314b76b6cd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm @@ -6,18 +6,18 @@ <link href="reference/css-transforms-transformlist-ref.htm" rel="match"> <meta content="This test verifies that the CSS transform ends up in the list of SVG transforms" name="assert"> <style type="text/css"> - + #rect { fill: green; transform: translate(10px, 10px); } - + #result { width:100px; height:100px; background-color: red; } - + </style> <script> window.addEventListener('load', function(){ @@ -25,13 +25,13 @@ var result = document.getElementById("result"); if(r.transform.baseVal.length>0) result.style.backgroundColor = "rgb(0, 255, 0)"; - + document.getElementById("svgelement").style.display="none"; }, false); </script> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <svg id="svgelement"> <rect width="100" id="rect" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm index 8a05260744e..6ee355df624 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-rotate" rel="help"> <link href="reference/css3-transform-rotateY-ref.htm" rel="match"> - <meta content="box width should be equal to projection width if transform rotateY applied" name="assert"> + <meta content="box width should be equal to projection width if transform rotateY applied" name="assert"> <style type="text/css"> .red, .green{ - width:198px; - height: 200px; - background-color:green; + width:198px; + height: 200px; + background-color:green; position: absolute; top: 50px; left:51px; @@ -33,4 +33,5 @@ <div class="green"></div> <div class="red"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm index abd6badcace..000c7c299ea 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help"> <link href="reference/css3-transform-scale-ref-002.htm" rel="match"> - <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert"> + <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert"> <style type="text/css"> .red, .green{ - width:100px; - height: 100px; - background-color:green; + width:100px; + height: 100px; + background-color:green; position: absolute; top: 150px; left:150px; @@ -35,4 +35,5 @@ <div class="red"></div> <div class="green"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm index 5178856558f..c02538d8bbb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="reference/perspective-reftest.htm" rel="match"> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a negative Z" name="assert"> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a negative Z" name="assert"> <style type="text/css"> .container { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm index 894b2cbc978..b5c78c8927c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="reference/perspective-reftest.htm" rel="match"> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a positive Z" name="assert"> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a positive Z" name="assert"> <style type="text/css"> .redContainer { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm index a3153a211b3..84072bc07a1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm @@ -10,19 +10,19 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; cursor:pointer; - } + } section article{ transform: rotate(30deg); transform-origin: 19% 197%; } - + </style> </head> <body> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm index f9c196a25ef..a8fee1e9578 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm @@ -23,7 +23,7 @@ </head> <body> <p>Test passes if you see a rotating green square on top of a static blue square and no red.</p> - + <div class="region"> <div class="transformed flow rotate once"> xxxxx<br> @@ -34,4 +34,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm index 13f2f9ff991..a6efd64c275 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm @@ -18,11 +18,12 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="region"> <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm index 5e13f348216..369c2392629 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm @@ -5,10 +5,10 @@ <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { - + width: 100px; height: 100px; background: green; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm index 8f666023de3..d3dd7736148 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm @@ -7,15 +7,15 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.greensquare { background-color: green; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } </style> </head> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm index 0e4c4ac5d77..dfc2bbd9bea 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm @@ -5,11 +5,11 @@ <link href="http://www.intel.com" rel="author" title="Intel"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -19,14 +19,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm index 596d707fb63..91b055cbaca 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm @@ -12,7 +12,7 @@ height: 200px; left: 65px; top: 45px; - width: 200px; + width: 200px; } div.blue { background-color: blue; @@ -34,7 +34,7 @@ <p>Test passes if there is a gray square with <b>one blue</b> and <b>one green</b> box inside, and no any red.</p> <div class="container"></div> <div class="blue"></div> - <div class="greensquare"></div> + <div class="greensquare"></div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm index 53e76891ffc..8f5297c5f8f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm @@ -9,12 +9,12 @@ height:100px; background-color: green; } - + </style> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <div id="result"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm index c33426c3b3e..d89bc37feef 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm @@ -7,8 +7,8 @@ <style type="text/css"> .green{ width: 140px; - height: 200px; - background-color:green; + height: 200px; + background-color:green; position: absolute; top: 50px; left:80px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm index ce9108ff292..ad9ea0d3c90 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm @@ -15,12 +15,12 @@ height: 100px; border: 1px solid black; } - + </style> </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -32,4 +32,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm index c07d4844bd0..822e9f6782e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm @@ -23,8 +23,8 @@ height: 100px; margin: 20px; } - - + + #failure { position: absolute; left: 25px; @@ -33,9 +33,9 @@ background-color: red; z-index: -1; } - - - + + + </style> </head> <body> @@ -51,4 +51,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm index 81c880418ee..0e2c83fe7fc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <div class="container"> @@ -26,4 +26,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm index 7c2e2eff46c..670e6e3e832 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> @@ -26,4 +26,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm index b670a85d9f2..583aeb82e41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm @@ -18,13 +18,14 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm index 4bfdad9046c..7b61f2f8b17 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm @@ -9,7 +9,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> @@ -17,4 +17,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm index 8282cd79044..bf7cf7b0f4a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm @@ -21,11 +21,12 @@ margin-top: 150px; } </style> - + </head> <body> <p>You should see only 1 green box.</p> <div class="container"> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm index 73aacbe39a8..915ac5eb537 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm @@ -5,11 +5,11 @@ <link href="mailto:mymygo@gmail.com" rel="author" title="Myriam Goude"> <meta content="svg" name="flags"> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } @@ -17,7 +17,7 @@ </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -27,7 +27,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm index ca912ef8734..e952fed1c5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm index 601313fced2..fdf6bcbb2e9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm index e79d2ddb192..6f997a905c0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm @@ -2,7 +2,7 @@ <html><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <style> div { width: 200px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm index 8bc1ff8ee40..1458427902e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm @@ -2,7 +2,7 @@ <html><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <style> html { background: url(support/transform-triangle-up.svg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm index 4c4d7d2f5e4..8a66f9c9325 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm @@ -19,7 +19,7 @@ top:100px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area.</p> @@ -27,6 +27,7 @@ <div class="inner"> </div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm index b4daf9efb57..56eef8c1170 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> - <meta content="This test checks that the child is transformed along with the parent when the + <meta content="This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node" name="assert"> <style> #named-flow-parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm index 7c84e9b8484..eb293d45a5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> - <meta content="This tests checks that when a transform is applied to a parent outside of the named + <meta content="This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent." name="assert"> <style> #parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm index dfb4d4df234..fa7eba6aebb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm @@ -10,7 +10,7 @@ <link href="reference/regions-transforms-001-ref.htm" rel="match"> <meta content="This test checks that a 3D transform can be applied to a region" name="assert"> <style> - + #named-flow { width: 75px; height: 75px; @@ -52,11 +52,12 @@ </head> <body> <p>The test passes if you see a green square and no red.</p> - + <div id="failure1"></div> <div id="failure2"></div> <div id="named-flow"></div> <div id="region"></div> <div id="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm index 45ccb96efb7..5750bec253d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that content that has a 3D transform does not respect the perspective + <meta content="Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region." name="assert"> <meta content="ahem" name="flags"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> @@ -57,7 +57,8 @@ XXXXX<br> </div> </div> - <!-- If the red content is properly transformed, it will be hidden beneath this green div --> + <!-- If the red content is properly transformed, it will be hidden beneath this green div --> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm index 8b2a10ecfcd..cece24f8536 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm @@ -7,7 +7,7 @@ <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> - <meta content="Test checks that content flowed in a region and overflowing it is still rendered + <meta content="Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied." name="assert"> <meta content="ahem" name="flags"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> @@ -28,7 +28,7 @@ flow-from: f; transform: rotateZ(90deg); transform-origin: bottom right; - + width: 50px; height: 50px; background-color: green; @@ -49,4 +49,5 @@ <div class="ahem" id="named-flow">XXXXX</div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm index ffcea7f6d29..7552b6ab72e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm @@ -7,15 +7,15 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <meta content="ahem" name="flags"> - <meta content="Test checks that if both the content flowed in a region and the region have a - transform applied, they are properly composed. More specifically, in this test + <meta content="Test checks that if both the content flowed in a region and the region have a + transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees." name="assert"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> <style> .ahem { font-family: Ahem; font-size: 20px; - line-height: 20px; + line-height: 20px; } #named-flow { flow-into: f; @@ -47,4 +47,5 @@ <div id="region"></div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm index 6ccf4375168..ef79a15eb41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-008-ref.htm" rel="match"> <meta content="ahem" name="flags"> - <meta content="This test checks that named flow text content is transformed when it breaks across + <meta content="This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible." name="assert"> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -53,7 +53,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -61,14 +61,15 @@ <div class="ahem" id="named-flow">XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX</div> <div class="region"></div> <div class="region"></div> - + <div class="ahem failure left"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> <div class="ahem failure right"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> - - + + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm index bee9566e45d..d4a087362fa 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-008-ref.htm" rel="match"> <meta content="ahem" name="flags"> - <meta content="This test checks that the regions are transformed when named flow text content breaks + <meta content="This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible." name="assert"> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -56,7 +56,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -71,4 +71,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm index 085186c8b5f..4501c3841c2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-010-ref.htm" rel="match"> - <meta content="This test checks that the region is transformed when a parent and its child are + <meta content="This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it." name="assert"> <style> #named-flow-parent { @@ -50,4 +50,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm index 8a5feb9737a..8a4e5b823b5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm @@ -15,7 +15,7 @@ <link href="reference/regions-transforms-013-ref.htm" rel="match"> <!-- This reference is for UAs that overflow monolithic content --> <link href="reference/regions-transforms-013-alt-ref.htm" rel="match"> - <meta content="This test checks that the named flow content that is monolithic is transformed when it + <meta content="This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge." name="assert"> <style> #named-flow { @@ -44,4 +44,5 @@ <div class="region" id="region1"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm index 41ac70ca8ba..282d766e241 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> <link href="reference/regions-transforms-014-ref.htm" rel="match"> - <meta content="This test checks that the transform and transform-origin are applied to a region + <meta content="This test checks that the transform and transform-origin are applied to a region with absolute positioning." name="assert"> <style> #named-flow { @@ -36,4 +36,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm index a236406ea9d..958157dd0ae 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm @@ -8,7 +8,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-014-ref.htm" rel="match"> - <meta content="This test checks that the transform and transform-origin are applied to named flow + <meta content="This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning." name="assert"><style> #named-flow { width: 50px; @@ -16,7 +16,7 @@ background-color: green; transform: scale(2); flow-into: f; - /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top + /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top edges of the region box */ transform-origin: left top; } @@ -37,4 +37,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm index 15127062d03..935b3ef32b5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-origin-property" rel="help"> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that the 3D transform is applied named content flow, that the + <meta content="Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted" name="assert"> <meta content="ahem" name="flags"> @@ -57,4 +57,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm index a6c0af09d5b..c67df0110f5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm @@ -56,6 +56,7 @@ </div> <div class="region"></div> <div class="region"></div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm index 814129c4906..89db5d4e650 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm @@ -10,7 +10,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-020-ref.htm" rel="match"> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin." name="assert"> <style> .named-flow { @@ -50,4 +50,5 @@ <div class="region"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm index e433da77ff4..e25f208527f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm @@ -11,7 +11,7 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-020-ref.htm" rel="match"> <meta content="ahem" name="flags"> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions" name="assert"> <style> .ahem { @@ -80,4 +80,5 @@ <div class="vertical-bar"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm index a5c845eed2f..262092ad411 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(180deg); + rotate(180deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm index 6c424cc23c5..04a966901f4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(270deg); + rotate(270deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm index dd646d80d9a..01d3386773a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(90deg); + rotate(90deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm index 03dcdc9e1c8..2f3a132308b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm @@ -19,7 +19,7 @@ height: 100px; } </style> - + </head> <body> <div class="container"> @@ -27,4 +27,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm index 6e73086b224..1351a68a32c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm index 50388d562de..ec07228a156 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm index 743900125a3..78d6ac76a5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm @@ -8,7 +8,7 @@ <meta content="If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 100px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm index ab8d99496d7..2cadc1217d8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm @@ -8,7 +8,7 @@ <meta content="If zero value is passed to scale function, it causes the element to disappear." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 50px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm index 6b7f20da051..9c265f6736a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm @@ -26,7 +26,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm index 8dc1ec18f43..d16c26dd560 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm @@ -26,7 +26,7 @@ margin-top: 150px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only 1 green area</p> @@ -37,4 +37,5 @@ </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm index 5f36af50d84..4fca1a76a37 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm @@ -9,31 +9,31 @@ <meta content="svg" name="flags"> <meta content="The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0" name="assert"> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } - + div { width:150px; height:150px; background-color:lime; } - + .skew_div { transform: skew(30deg,20deg); transform-origin:0 0; } - + </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -43,7 +43,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:red" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + <div class="skew_div"> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm index 9b84ed80df7..ff4da57de17 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 142,2 210,71 142,139 73,71 Z" fill="red"></path> - <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> + <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm index f2d62898b69..b3054115f0d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm index 54e17cbea89..4cc444d48cf 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm @@ -19,7 +19,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm index fff533cef5e..6636a0d4fa8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm index 0fce915a8df..da217472b2e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm index 96412f36b7b..b8007533ae0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm index 0d29ca90843..4cf2609aca0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm index 4eea3c51fec..11649df4776 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm index a9354bf841a..65b776ba807 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm index 312fec95286..44ec79093a7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm index da0519e1415..d199af41162 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm index 5bdb347776c..86b1fcb9935 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm index efcef0a01b0..9f11053fa76 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm index 68c5b96de10..35c44d565bb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm index 1f4311bbb8f..4a12da53e52 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm index 8d681790930..e0f810bcc38 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm index d45247013e0..db04f3ba0a8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm index 08d492802bd..73f6ad991a4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm index 0998ad63ed7..df4f946b262 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm index 3e40bd5a7d8..b12e9501c8c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm index 025f8dbe43b..23c4ab451bf 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm index e49e52a2c98..a3fa636e9ed 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm index 2f4a36f6acd..674115d9356 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm index c4113dbb44b..566095b8b71 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm index 91a309c94e3..d618cf60177 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm index 045268c5be4..e9c7af0dc0c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm index 8cd7abb6e70..37d01a56cff 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm index 2d37af7135e..b14bd2e555e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm index ea1ffa7c590..7549cbb41bd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm index b73c210aab5..3b4b9a43922 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm index 91d2c325833..c19b84f3971 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm index 5e1dad6b9ed..5708f68195b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm index 4d58bf34f2b..6f84815284e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm index 1810d3bd6b8..50005f4c71e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm index c00a7371b29..948fd35e813 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm index 20ebd17ada6..42df6797c72 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200) - translateY(100) + <rect width="100" fill="url(#grad)" transform="translateX(200) + translateY(100) rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm index 7c0c5f7d1eb..89be83e04e8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200), - translateY(100), + <rect width="100" fill="url(#grad)" transform="translateX(200), + translateY(100), rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm index a3df4b449d2..0962f11014c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <meta content="dom" name="flags"> - <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert"> + <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert"> <style type="text/css"> .block { display: block; @@ -54,7 +54,7 @@ } */</script> <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm index 63ee187547e..342c45990e9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate right)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm index 52c0594cd8a..1fe2c345db5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate left)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm index fcbcea35c5d..5458e2653e5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm index 1c3c624a5d6..631b222b0dd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (nested flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm index 5760fa937b0..b87dff62059 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm @@ -4,7 +4,7 @@ <link href="mailto:gammon@adobe.com" rel="author" title="CJ Gammon"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> <link href="reference/transform-origin-01-ref.htm" rel="match"> - <meta content="If only one value is specified, the second value is assumed to be ‘center’" name="assert"> + <meta content="If only one value is specified, the second value is assumed to be 'center'" name="assert"> <style type="text/css"> #container{ position: relative; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm index 7edce7ac8ea..9a5677de0ca 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm @@ -7,13 +7,13 @@ <link href="reference/transform-translatex-ref.htm" rel="match"> <meta content="This tests that translateX(50px) translates a box by 50 pixels in the X direction." name="assert"> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm index 9a59d5570b4..3ae2f31c119 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm @@ -8,7 +8,7 @@ <meta content=" If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm index e5819272ccd..85d95db3411 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm @@ -31,18 +31,19 @@ background-color: red; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area</p> - + <div class="container"> - + <div class="inner"> </div> <div class="hidden"> </div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-transforms-1_dev/implementation-report-TEMPLATE.data index bf965565d45..88ca65f6a4a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-transforms-1_dev/implementation-report-TEMPLATE.data @@ -3,74 +3,74 @@ # http://test.csswg.org/suites/css-transforms-1_dev/DATESTAMP/ # See http://wiki.csswg.org/test/implementation-report for instructions testname revision result comment -html/2d-rotate-001.htm d27dc58ca454bd3508af416306f93c972b3d71a3 ? -xhtml1/2d-rotate-001.xht d27dc58ca454bd3508af416306f93c972b3d71a3 ? -html/2d-rotate-js.htm cda33f93d2f58e3e38b2a406149ad8b690638975 ? -xhtml1/2d-rotate-js.xht cda33f93d2f58e3e38b2a406149ad8b690638975 ? -html/animations-001.htm d58c2e2ae3f483272798693240d821a63d066892 ? -xhtml1/animations-001.xht d58c2e2ae3f483272798693240d821a63d066892 ? +html/2d-rotate-001.htm 076244fcaea4ccdb259cf0ae3ccf266710d2e402 ? +xhtml1/2d-rotate-001.xht 076244fcaea4ccdb259cf0ae3ccf266710d2e402 ? +html/2d-rotate-js.htm 8d5285fd124af1a71a0d72ed0388fbb11a7216e8 ? +xhtml1/2d-rotate-js.xht 8d5285fd124af1a71a0d72ed0388fbb11a7216e8 ? +html/animations-001.htm a4cee4791955488eed14303cedc0330b0531f6f5 ? +xhtml1/animations-001.xht a4cee4791955488eed14303cedc0330b0531f6f5 ? html/backface-visibility-hidden-001.htm b4607716790b1493ef762e8ca5c7d0afe14cd375 ? xhtml1/backface-visibility-hidden-001.xht b4607716790b1493ef762e8ca5c7d0afe14cd375 ? -html/canvas3d-001.htm 57a53646e7e76825004d83cd64181362f91f4afc ? -xhtml1/canvas3d-001.xht 57a53646e7e76825004d83cd64181362f91f4afc ? -html/canvas3d-002.htm 94ec461f51b34cbcd28e7697cc94374f829eeac2 ? -xhtml1/canvas3d-002.xht 94ec461f51b34cbcd28e7697cc94374f829eeac2 ? -html/css-rotate-2d-3d-001.htm a390e6a1517ef28910ffc89f94c94cd1794676a8 ? -xhtml1/css-rotate-2d-3d-001.xht a390e6a1517ef28910ffc89f94c94cd1794676a8 ? -html/css-scale-nested-001.htm 9cf7f6237e87d603845495bb15345831b7843cee ? -xhtml1/css-scale-nested-001.xht 9cf7f6237e87d603845495bb15345831b7843cee ? +html/canvas3d-001.htm d8e127aa34d8b486d61ab17a2b291b8ff77a07eb ? +xhtml1/canvas3d-001.xht d8e127aa34d8b486d61ab17a2b291b8ff77a07eb ? +html/canvas3d-002.htm e1069acbc55073a8d78623cb5ffa4d4121cb78ce ? +xhtml1/canvas3d-002.xht e1069acbc55073a8d78623cb5ffa4d4121cb78ce ? +html/css-rotate-2d-3d-001.htm 39368bbe1219d08c9ff039b88f74bec06c32749c ? +xhtml1/css-rotate-2d-3d-001.xht 39368bbe1219d08c9ff039b88f74bec06c32749c ? +html/css-scale-nested-001.htm b27eef20334db66b79c13ef54a136519c712a85a ? +xhtml1/css-scale-nested-001.xht b27eef20334db66b79c13ef54a136519c712a85a ? html/css-skew-001.htm 9a9304aa06034b72a795191af5da08a7294cfe1e ? xhtml1/css-skew-001.xht 9a9304aa06034b72a795191af5da08a7294cfe1e ? html/css-skew-002.htm 58eec567495beede7f0b4e50946f4a619470f2aa ? xhtml1/css-skew-002.xht 58eec567495beede7f0b4e50946f4a619470f2aa ? -html/css-transform-3d-rotate3d-x-negative.htm 2d42016b2d035842e12d182b95deaf713db692d4 ? -xhtml1/css-transform-3d-rotate3d-x-negative.xht 2d42016b2d035842e12d182b95deaf713db692d4 ? -html/css-transform-3d-rotate3d-x-positive.htm fb451dd60e8b62393fdf08407f326914bc24b0c1 ? -xhtml1/css-transform-3d-rotate3d-x-positive.xht fb451dd60e8b62393fdf08407f326914bc24b0c1 ? -html/css-transform-3d-rotate3d-y-negative.htm c4164a2fc40aa6b016c2015ee52f43e51d34a4cc ? -xhtml1/css-transform-3d-rotate3d-y-negative.xht c4164a2fc40aa6b016c2015ee52f43e51d34a4cc ? -html/css-transform-3d-rotate3d-y-positive.htm 68ef5801c0a6bb9d1a1e1624d6bc8e8483c9a10e ? -xhtml1/css-transform-3d-rotate3d-y-positive.xht 68ef5801c0a6bb9d1a1e1624d6bc8e8483c9a10e ? -html/css-transform-3d-rotate3d-z-negative.htm 8d643d54fdf3e86b4b0291842a8d761bf3fd9229 ? -xhtml1/css-transform-3d-rotate3d-z-negative.xht 8d643d54fdf3e86b4b0291842a8d761bf3fd9229 ? -html/css-transform-3d-rotate3d-z-positive.htm 03be87f77118119c672bc4b964a6f57dc896ed08 ? -xhtml1/css-transform-3d-rotate3d-z-positive.xht 03be87f77118119c672bc4b964a6f57dc896ed08 ? -html/css-transform-3d-rotatex-negative.htm b151fbc9a8d213b971812d5f58cb11b424e07cc6 ? -xhtml1/css-transform-3d-rotatex-negative.xht b151fbc9a8d213b971812d5f58cb11b424e07cc6 ? -html/css-transform-3d-rotatex-positive.htm 5e9b3c8725db2d10211dfe49d32df18b9185bcfc ? -xhtml1/css-transform-3d-rotatex-positive.xht 5e9b3c8725db2d10211dfe49d32df18b9185bcfc ? -html/css-transform-3d-rotatey-negative.htm 699c351f03f72bbfe5befb2d94e29b5663106b61 ? -xhtml1/css-transform-3d-rotatey-negative.xht 699c351f03f72bbfe5befb2d94e29b5663106b61 ? -html/css-transform-3d-rotatey-positive.htm d4c698ea6b465be4cb76f8a1e987cccfc00ec12b ? -xhtml1/css-transform-3d-rotatey-positive.xht d4c698ea6b465be4cb76f8a1e987cccfc00ec12b ? -html/css-transform-3d-rotatez-negative.htm 93ad930b4bc0e723dee4597f5d9656cee77eb998 ? -xhtml1/css-transform-3d-rotatez-negative.xht 93ad930b4bc0e723dee4597f5d9656cee77eb998 ? -html/css-transform-3d-rotatez-positive.htm 564f242d8fbd1f4fb5c9c6ab5571ac0a4f5e53f1 ? -xhtml1/css-transform-3d-rotatez-positive.xht 564f242d8fbd1f4fb5c9c6ab5571ac0a4f5e53f1 ? -html/css-transform-3d-transform-style.htm 763e6cd53d770c3654f01011d87a2aa94d9200b7 ? -xhtml1/css-transform-3d-transform-style.xht 763e6cd53d770c3654f01011d87a2aa94d9200b7 ? +html/css-transform-3d-rotate3d-x-negative.htm aa431ab8c77bd0e50295109ad36990fe317847b3 ? +xhtml1/css-transform-3d-rotate3d-x-negative.xht aa431ab8c77bd0e50295109ad36990fe317847b3 ? +html/css-transform-3d-rotate3d-x-positive.htm 2095f9e882f0b10dc1b328c7dbfcdff0a415b564 ? +xhtml1/css-transform-3d-rotate3d-x-positive.xht 2095f9e882f0b10dc1b328c7dbfcdff0a415b564 ? +html/css-transform-3d-rotate3d-y-negative.htm 4f68e8cf3a75c57ee037962f0d6e211d1860820f ? +xhtml1/css-transform-3d-rotate3d-y-negative.xht 4f68e8cf3a75c57ee037962f0d6e211d1860820f ? +html/css-transform-3d-rotate3d-y-positive.htm 6343574f8a8d19aef1c7566d66ae419b0e603d1d ? +xhtml1/css-transform-3d-rotate3d-y-positive.xht 6343574f8a8d19aef1c7566d66ae419b0e603d1d ? +html/css-transform-3d-rotate3d-z-negative.htm 12a33874c0d342aec9e4907765e3a88b9b6e0893 ? +xhtml1/css-transform-3d-rotate3d-z-negative.xht 12a33874c0d342aec9e4907765e3a88b9b6e0893 ? +html/css-transform-3d-rotate3d-z-positive.htm 7fc75cb1ccd6cf641ff65b47f3f45288173eaca1 ? +xhtml1/css-transform-3d-rotate3d-z-positive.xht 7fc75cb1ccd6cf641ff65b47f3f45288173eaca1 ? +html/css-transform-3d-rotatex-negative.htm e72cad8900e39cf068d74c73c41673acc0ac721e ? +xhtml1/css-transform-3d-rotatex-negative.xht e72cad8900e39cf068d74c73c41673acc0ac721e ? +html/css-transform-3d-rotatex-positive.htm 23f18cff0c29d24a8c84c3580b3e93e8a98e28c2 ? +xhtml1/css-transform-3d-rotatex-positive.xht 23f18cff0c29d24a8c84c3580b3e93e8a98e28c2 ? +html/css-transform-3d-rotatey-negative.htm 319d0facc90e0ef304eb522441d397c4edcd8757 ? +xhtml1/css-transform-3d-rotatey-negative.xht 319d0facc90e0ef304eb522441d397c4edcd8757 ? +html/css-transform-3d-rotatey-positive.htm 5ead88a2d62775d749cc696e5835bc97d25ebed5 ? +xhtml1/css-transform-3d-rotatey-positive.xht 5ead88a2d62775d749cc696e5835bc97d25ebed5 ? +html/css-transform-3d-rotatez-negative.htm c6e72d65237be14323ecaeafb416b0522b3f0560 ? +xhtml1/css-transform-3d-rotatez-negative.xht c6e72d65237be14323ecaeafb416b0522b3f0560 ? +html/css-transform-3d-rotatez-positive.htm b8c8ea04728a7e1a3ea4b3e1c9226285f44e8bd6 ? +xhtml1/css-transform-3d-rotatez-positive.xht b8c8ea04728a7e1a3ea4b3e1c9226285f44e8bd6 ? +html/css-transform-3d-transform-style.htm 026b4089e482e0ad65ed4fe5155f2ac57cc176dd ? +xhtml1/css-transform-3d-transform-style.xht 026b4089e482e0ad65ed4fe5155f2ac57cc176dd ? html/css-transform-inherit-rotate.htm d5728ed357c652d068fdcba412306f15e3ed0b2c ? xhtml1/css-transform-inherit-rotate.xht d5728ed357c652d068fdcba412306f15e3ed0b2c ? -html/css-transform-inherit-scale.htm 697e2bc8354a9373871c6e5eaee3da61bab5bcbd ? -xhtml1/css-transform-inherit-scale.xht 697e2bc8354a9373871c6e5eaee3da61bab5bcbd ? +html/css-transform-inherit-scale.htm d0df617e634f9e928ac09544b195ca3fa9a83516 ? +xhtml1/css-transform-inherit-scale.xht d0df617e634f9e928ac09544b195ca3fa9a83516 ? html/css-transform-property-existence.htm e2e29b7a421004f2d2de28cd9c00865a8326dcc8 ? xhtml1/css-transform-property-existence.xht e2e29b7a421004f2d2de28cd9c00865a8326dcc8 ? -html/css-transform-scale-001.htm 00ce03304079b134709a2a261823eed4aab5a903 ? -xhtml1/css-transform-scale-001.xht 00ce03304079b134709a2a261823eed4aab5a903 ? -html/css-transform-scale-002.htm 1be87301c1d39eab31ff0517f21d27fccf9eed56 ? -xhtml1/css-transform-scale-002.xht 1be87301c1d39eab31ff0517f21d27fccf9eed56 ? -html/css-transform-style-evaluation-validation.htm 37a8b97e35690234100fba2ce84f6ce49f9c451c ? -xhtml1/css-transform-style-evaluation-validation.xht 37a8b97e35690234100fba2ce84f6ce49f9c451c ? +html/css-transform-scale-001.htm d5828eba3fe322d1d53688762ff2ece6b23e079f ? +xhtml1/css-transform-scale-001.xht d5828eba3fe322d1d53688762ff2ece6b23e079f ? +html/css-transform-scale-002.htm f5b4e5ccd2212d5830b57b3a7c00f3714d7f5a62 ? +xhtml1/css-transform-scale-002.xht f5b4e5ccd2212d5830b57b3a7c00f3714d7f5a62 ? +html/css-transform-style-evaluation-validation.htm 5a8d85e61a3317abc201d6fa9e743a9706851a8d ? +xhtml1/css-transform-style-evaluation-validation.xht 5a8d85e61a3317abc201d6fa9e743a9706851a8d ? html/css-transforms-3d-on-anonymous-block-001.htm b6336b0f9700ab406855b37209b33e9b5d6959eb ? xhtml1/css-transforms-3d-on-anonymous-block-001.xht b6336b0f9700ab406855b37209b33e9b5d6959eb ? -html/css-transforms-transformlist.htm 9aa16f87302fce56962b190dd82915528c961aa9 ? -xhtml1/css-transforms-transformlist.xht 9aa16f87302fce56962b190dd82915528c961aa9 ? +html/css-transforms-transformlist.htm b1d960c5823342c302508c92a76a2a8951d0bb3e ? +xhtml1/css-transforms-transformlist.xht b1d960c5823342c302508c92a76a2a8951d0bb3e ? html/css3-transform-perspective.htm afb573840318c4c2b4022eb6a7b22d224f0c3b00 ? xhtml1/css3-transform-perspective.xht afb573840318c4c2b4022eb6a7b22d224f0c3b00 ? -html/css3-transform-rotatey.htm a6a3ef1c37c465ab87f3462112f12644bf98dc61 ? -xhtml1/css3-transform-rotatey.xht a6a3ef1c37c465ab87f3462112f12644bf98dc61 ? -html/css3-transform-scale-002.htm 68e29f2bb12052b13a608f2c27360f48e7da3026 ? -xhtml1/css3-transform-scale-002.xht 68e29f2bb12052b13a608f2c27360f48e7da3026 ? +html/css3-transform-rotatey.htm 5c95147e83eac77e18fa96629f05d2fa426de743 ? +xhtml1/css3-transform-rotatey.xht 5c95147e83eac77e18fa96629f05d2fa426de743 ? +html/css3-transform-scale-002.htm c386e0727d5032dbf72f07cd3c7b49d15442dde3 ? +xhtml1/css3-transform-scale-002.xht c386e0727d5032dbf72f07cd3c7b49d15442dde3 ? html/css3-transform-scale.htm d0123070f9c1a2c5c76909db503799b4b8fba9ab ? xhtml1/css3-transform-scale.xht d0123070f9c1a2c5c76909db503799b4b8fba9ab ? html/iframe-001.htm 9034d6e28a2a29bea931cdbd700ac2722b156f1d ? @@ -97,78 +97,78 @@ html/perspective-origin-xy.htm 28e8b6088ef1d05ab83bcd0b76d83db9f2a6542e ? xhtml1/perspective-origin-xy.xht 28e8b6088ef1d05ab83bcd0b76d83db9f2a6542e ? html/perspective-translatez-0.htm d0003a38d7a9db5be25088682100d0a246b7fed4 ? xhtml1/perspective-translatez-0.xht d0003a38d7a9db5be25088682100d0a246b7fed4 ? -html/perspective-translatez-negative.htm 4247257f27c177efd03ccd8d0b0d743d0cd88f92 ? -xhtml1/perspective-translatez-negative.xht 4247257f27c177efd03ccd8d0b0d743d0cd88f92 ? -html/perspective-translatez-positive.htm 882e012be02ab42a15e56763d604eb9b29f79685 ? -xhtml1/perspective-translatez-positive.xht 882e012be02ab42a15e56763d604eb9b29f79685 ? +html/perspective-translatez-negative.htm b80c8365c7840bfff2c825df40dcb115de423707 ? +xhtml1/perspective-translatez-negative.xht b80c8365c7840bfff2c825df40dcb115de423707 ? +html/perspective-translatez-positive.htm feef6b50a0d0b924b47d0a93f98bfa30b9e21721 ? +xhtml1/perspective-translatez-positive.xht feef6b50a0d0b924b47d0a93f98bfa30b9e21721 ? html/regions-transforms-001.htm 2a4b13b4c224164415af6fc43efef99a4b10216e ? xhtml1/regions-transforms-001.xht 2a4b13b4c224164415af6fc43efef99a4b10216e ? -html/regions-transforms-002.htm b16b50581951c71a3be5ec0c9b1061947dffd0be ? -xhtml1/regions-transforms-002.xht b16b50581951c71a3be5ec0c9b1061947dffd0be ? -html/regions-transforms-003.htm 2ca7fef7b0d356a4c339f36202e5db35f6187510 ? -xhtml1/regions-transforms-003.xht 2ca7fef7b0d356a4c339f36202e5db35f6187510 ? -html/regions-transforms-004.htm fec3b0f5e534c7887ee515a3cd353207afd533e9 ? -xhtml1/regions-transforms-004.xht fec3b0f5e534c7887ee515a3cd353207afd533e9 ? -html/regions-transforms-005.htm 4012519a933c3484df28a4030086884a6fdd9f1c ? -xhtml1/regions-transforms-005.xht 4012519a933c3484df28a4030086884a6fdd9f1c ? -html/regions-transforms-006.htm 576aed5fbf48a6b72252b6cd4097154463548e20 ? -xhtml1/regions-transforms-006.xht 576aed5fbf48a6b72252b6cd4097154463548e20 ? -html/regions-transforms-007.htm 472043ccde1670b43bd97b4d1fb3842c45e59994 ? -xhtml1/regions-transforms-007.xht 472043ccde1670b43bd97b4d1fb3842c45e59994 ? -html/regions-transforms-008.htm d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 ? -xhtml1/regions-transforms-008.xht d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 ? -html/regions-transforms-009.htm 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 ? -xhtml1/regions-transforms-009.xht 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 ? +html/regions-transforms-002.htm 2d844875d7f0e5af2207ec1516ee01a12e177dd9 ? +xhtml1/regions-transforms-002.xht 2d844875d7f0e5af2207ec1516ee01a12e177dd9 ? +html/regions-transforms-003.htm 466ec376b1a71028227def13cb0292d4c8281a04 ? +xhtml1/regions-transforms-003.xht 466ec376b1a71028227def13cb0292d4c8281a04 ? +html/regions-transforms-004.htm 0d2dd576d718d8fb366927f95bf598e9fe24265f ? +xhtml1/regions-transforms-004.xht 0d2dd576d718d8fb366927f95bf598e9fe24265f ? +html/regions-transforms-005.htm 8e74d7e196dc385df46e98c3eab374aef6c9067e ? +xhtml1/regions-transforms-005.xht 8e74d7e196dc385df46e98c3eab374aef6c9067e ? +html/regions-transforms-006.htm bd5c69f3eccf8b704548fc0e3448c0b56fade39b ? +xhtml1/regions-transforms-006.xht bd5c69f3eccf8b704548fc0e3448c0b56fade39b ? +html/regions-transforms-007.htm 98f058531becbf01b11a994d5dda8e0f7136354b ? +xhtml1/regions-transforms-007.xht 98f058531becbf01b11a994d5dda8e0f7136354b ? +html/regions-transforms-008.htm 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e ? +xhtml1/regions-transforms-008.xht 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e ? +html/regions-transforms-009.htm 5fd4103e6564c53d6b225c3f361738444a3542e4 ? +xhtml1/regions-transforms-009.xht 5fd4103e6564c53d6b225c3f361738444a3542e4 ? html/regions-transforms-010.htm 31cef15a8d765c156613c3f9e3249fda6ef23cd6 ? xhtml1/regions-transforms-010.xht 31cef15a8d765c156613c3f9e3249fda6ef23cd6 ? -html/regions-transforms-011.htm 45e9b45e04a92709878a3fb48d60b2da7ac4daff ? -xhtml1/regions-transforms-011.xht 45e9b45e04a92709878a3fb48d60b2da7ac4daff ? +html/regions-transforms-011.htm d7d05b88380703e9c7f897db7a69d3d1fb249295 ? +xhtml1/regions-transforms-011.xht d7d05b88380703e9c7f897db7a69d3d1fb249295 ? html/regions-transforms-012.htm 5d2b5f5e5c2779f3c782b96d449eaefd4b73ae61 ? xhtml1/regions-transforms-012.xht 5d2b5f5e5c2779f3c782b96d449eaefd4b73ae61 ? -html/regions-transforms-013.htm be1b126597c212f49292d68542edfe8c2a2fe844 ? -xhtml1/regions-transforms-013.xht be1b126597c212f49292d68542edfe8c2a2fe844 ? -html/regions-transforms-014.htm c3dd807cf616a50a21e6f8041fbce23fd53fbe82 ? -xhtml1/regions-transforms-014.xht c3dd807cf616a50a21e6f8041fbce23fd53fbe82 ? -html/regions-transforms-015.htm 2edfbd6a3e6bd45903254817befa2e45efe6e4c3 ? -xhtml1/regions-transforms-015.xht 2edfbd6a3e6bd45903254817befa2e45efe6e4c3 ? +html/regions-transforms-013.htm 9f6c9ee139b1009f13294aa474c51ae043fd54e0 ? +xhtml1/regions-transforms-013.xht 9f6c9ee139b1009f13294aa474c51ae043fd54e0 ? +html/regions-transforms-014.htm 0955636638e5e3ec08ad4a06956b6f8cbab3ae59 ? +xhtml1/regions-transforms-014.xht 0955636638e5e3ec08ad4a06956b6f8cbab3ae59 ? +html/regions-transforms-015.htm 9f9952bad1245231c3e0654a86ad3def99daf0ee ? +xhtml1/regions-transforms-015.xht 9f9952bad1245231c3e0654a86ad3def99daf0ee ? html/regions-transforms-016.htm df7d685df158c6c588a9f82d9d579caafdc158dd ? xhtml1/regions-transforms-016.xht df7d685df158c6c588a9f82d9d579caafdc158dd ? html/regions-transforms-017.htm 7ea5f462f76a2bc313e664e9f32452e0d19fd787 ? xhtml1/regions-transforms-017.xht 7ea5f462f76a2bc313e664e9f32452e0d19fd787 ? html/regions-transforms-018.htm 56e280ba826c04d8c0451fdefb3d51980809bc28 ? xhtml1/regions-transforms-018.xht 56e280ba826c04d8c0451fdefb3d51980809bc28 ? -html/regions-transforms-019.htm d5a2d7b0c356dc966317fb7b29d871e018b0d65b ? -xhtml1/regions-transforms-019.xht d5a2d7b0c356dc966317fb7b29d871e018b0d65b ? -html/regions-transforms-020.htm e73e7a72635a5605583e23fde99f54047a81c339 ? -xhtml1/regions-transforms-020.xht e73e7a72635a5605583e23fde99f54047a81c339 ? -html/regions-transforms-021.htm 0870c65471db6185829589066be514d54fe2d274 ? -xhtml1/regions-transforms-021.xht 0870c65471db6185829589066be514d54fe2d274 ? -html/regions-transforms-022.htm 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 ? -xhtml1/regions-transforms-022.xht 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 ? -html/rotate-180-degrees-001.htm 7e7e2cbee0f65bbefb6ce7e74ff7a70968a25a79 ? -xhtml1/rotate-180-degrees-001.xht 7e7e2cbee0f65bbefb6ce7e74ff7a70968a25a79 ? -html/rotate-270-degrees-001.htm 7814b1f339a4d049adb1be6f798a36179ce03db3 ? -xhtml1/rotate-270-degrees-001.xht 7814b1f339a4d049adb1be6f798a36179ce03db3 ? -html/rotate-90-degrees-001.htm 4c37b50fe36a932f5b7ac050e8dc68167132b0d8 ? -xhtml1/rotate-90-degrees-001.xht 4c37b50fe36a932f5b7ac050e8dc68167132b0d8 ? -html/rotate_45deg.htm 869d66a92f5020f0f522c33dd5e87b52db71df99 ? -xhtml1/rotate_45deg.xht 869d66a92f5020f0f522c33dd5e87b52db71df99 ? -html/rotate_x_45deg.htm 9c1ea67ac3b42ac5eb521c40bd640dd943d07a0e ? -xhtml1/rotate_x_45deg.xht 9c1ea67ac3b42ac5eb521c40bd640dd943d07a0e ? -html/rotate_y_45deg.htm 676a7db8531f14d928be06c2aa384aff3701e759 ? -xhtml1/rotate_y_45deg.xht 676a7db8531f14d928be06c2aa384aff3701e759 ? +html/regions-transforms-019.htm 2853f7c28307550e571893d2562f11ebf2ce8f36 ? +xhtml1/regions-transforms-019.xht 2853f7c28307550e571893d2562f11ebf2ce8f36 ? +html/regions-transforms-020.htm 52095188c43d368fdec40e58d0af6ba82064702e ? +xhtml1/regions-transforms-020.xht 52095188c43d368fdec40e58d0af6ba82064702e ? +html/regions-transforms-021.htm 07232a906d77ca727f31c74af4b6e4c7b3ddce0b ? +xhtml1/regions-transforms-021.xht 07232a906d77ca727f31c74af4b6e4c7b3ddce0b ? +html/regions-transforms-022.htm adc697a9d4a294c14c090d904c6813a75db05354 ? +xhtml1/regions-transforms-022.xht adc697a9d4a294c14c090d904c6813a75db05354 ? +html/rotate-180-degrees-001.htm 11b0c918ee643458dc3f7197ede0238b8b271505 ? +xhtml1/rotate-180-degrees-001.xht 11b0c918ee643458dc3f7197ede0238b8b271505 ? +html/rotate-270-degrees-001.htm d53c5c8bedc643d30b0a4174576ef802eb170ab0 ? +xhtml1/rotate-270-degrees-001.xht d53c5c8bedc643d30b0a4174576ef802eb170ab0 ? +html/rotate-90-degrees-001.htm fab337290189cc6dc7fcf4356e59164c5773d576 ? +xhtml1/rotate-90-degrees-001.xht fab337290189cc6dc7fcf4356e59164c5773d576 ? +html/rotate_45deg.htm 8317b48712865d6abc5954d16850bc1097abd24c ? +xhtml1/rotate_45deg.xht 8317b48712865d6abc5954d16850bc1097abd24c ? +html/rotate_x_45deg.htm 5528140d74dde885220a2af4608b51386fc98592 ? +xhtml1/rotate_x_45deg.xht 5528140d74dde885220a2af4608b51386fc98592 ? +html/rotate_y_45deg.htm c18b25678a72482de3e0e8499cafb510b4125e64 ? +xhtml1/rotate_y_45deg.xht c18b25678a72482de3e0e8499cafb510b4125e64 ? html/rotatey.htm f4e3440dfbc15922fb037d7340c9eb4218c4254e ? xhtml1/rotatey.xht f4e3440dfbc15922fb037d7340c9eb4218c4254e ? -html/scale-optional-second-001.htm e63c550d1a7f24e7e7668ad94f78da65ac6d38cb ? -xhtml1/scale-optional-second-001.xht e63c550d1a7f24e7e7668ad94f78da65ac6d38cb ? -html/scale-zero-001.htm 2caa488dc20a00d72db606b2da9dfb6eae4ee03f ? -xhtml1/scale-zero-001.xht 2caa488dc20a00d72db606b2da9dfb6eae4ee03f ? -html/scalex.htm c1e4f598f137270b4b44ef485bd3e5b4d30f3601 ? -xhtml1/scalex.xht c1e4f598f137270b4b44ef485bd3e5b4d30f3601 ? -html/scaley.htm a4b5a1c1981a3ffc953963bf4a331aabd19525c6 ? -xhtml1/scaley.xht a4b5a1c1981a3ffc953963bf4a331aabd19525c6 ? -html/skew-test1.htm 1cece689e5c1e6009ddb14210b380610173ba24a ? -xhtml1/skew-test1.xht 1cece689e5c1e6009ddb14210b380610173ba24a ? +html/scale-optional-second-001.htm 0f12acea7f825da7f6fd030587dd8330c44cd632 ? +xhtml1/scale-optional-second-001.xht 0f12acea7f825da7f6fd030587dd8330c44cd632 ? +html/scale-zero-001.htm c3581089662c8dc8c27b8f5a61f69d2fd87d24b6 ? +xhtml1/scale-zero-001.xht c3581089662c8dc8c27b8f5a61f69d2fd87d24b6 ? +html/scalex.htm 30de493943fd387d6a6fc71e34efb364e367595c ? +xhtml1/scalex.xht 30de493943fd387d6a6fc71e34efb364e367595c ? +html/scaley.htm ecfe8122a40e39e64f5dc14d1563acfcbfd8765c ? +xhtml1/scaley.xht ecfe8122a40e39e64f5dc14d1563acfcbfd8765c ? +html/skew-test1.htm ba5ef2455d095cccd94713c431a7d49a9e445ab7 ? +xhtml1/skew-test1.xht ba5ef2455d095cccd94713c431a7d49a9e445ab7 ? html/svg-document-styles-001.htm e2c4fc089927fe0410c4db4522e637cd118b4a65 ? xhtml1/svg-document-styles-001.xht e2c4fc089927fe0410c4db4522e637cd118b4a65 ? html/svg-document-styles-002.htm c87b61f0992f8e8c3f1e6a09f0e5e1c5d9f9462a ? @@ -855,8 +855,8 @@ html/svg-rotate-3args-invalid-005.htm 488379f0b9c6b0caf2335e5a841c0a472439bd8f ? xhtml1/svg-rotate-3args-invalid-005.xht 488379f0b9c6b0caf2335e5a841c0a472439bd8f ? html/svg-rotate-angle-45-001.htm 9929a7c0b3e6e05774b9bd2406c0774a215b8948 ? xhtml1/svg-rotate-angle-45-001.xht 9929a7c0b3e6e05774b9bd2406c0774a215b8948 ? -html/svg-rotate-angle-45-002.htm 8e7d23346492cd16b57176acbbae0859aa29e6d4 ? -xhtml1/svg-rotate-angle-45-002.xht 8e7d23346492cd16b57176acbbae0859aa29e6d4 ? +html/svg-rotate-angle-45-002.htm f992b5e568e1e12173f21e8c21198cb9b9dcb1cd ? +xhtml1/svg-rotate-angle-45-002.xht f992b5e568e1e12173f21e8c21198cb9b9dcb1cd ? html/svg-rotate-angle-45-003.htm a88b47fbb168d180e47ca2dd199ddb9be2e6a83f ? xhtml1/svg-rotate-angle-45-003.xht a88b47fbb168d180e47ca2dd199ddb9be2e6a83f ? html/svg-rotate-angle-45-004.htm 39bac979b9ef163c9316e1e0c3a912d6fec08093 ? @@ -1007,40 +1007,40 @@ html/svg-scaley-004.htm a996639bcf13abc20b7215132be5c99fe9ff7d19 ? xhtml1/svg-scaley-004.xht a996639bcf13abc20b7215132be5c99fe9ff7d19 ? html/svg-scaley-005.htm a845a5551f984fefccc7d443857b191a24297f28 ? xhtml1/svg-scaley-005.xht a845a5551f984fefccc7d443857b191a24297f28 ? -html/svg-skewx-001.htm 705ccd00a7d8351dea2389ea6fe13d171e16ca5e ? -xhtml1/svg-skewx-001.xht 705ccd00a7d8351dea2389ea6fe13d171e16ca5e ? -html/svg-skewx-002.htm 6dc1965fcf77faa502f0b2f1495091d633db04eb ? -xhtml1/svg-skewx-002.xht 6dc1965fcf77faa502f0b2f1495091d633db04eb ? -html/svg-skewx-003.htm 20977d6f58d740ef0773d1dea3dd6210c409f577 ? -xhtml1/svg-skewx-003.xht 20977d6f58d740ef0773d1dea3dd6210c409f577 ? -html/svg-skewx-004.htm 7063313b42acdd138942ce335f171b4226424f60 ? -xhtml1/svg-skewx-004.xht 7063313b42acdd138942ce335f171b4226424f60 ? -html/svg-skewx-005.htm 555f54e4c0ae0373ed6fd433988b05d99bb82448 ? -xhtml1/svg-skewx-005.xht 555f54e4c0ae0373ed6fd433988b05d99bb82448 ? -html/svg-skewx-006.htm 5e8e8ab3e1626d17d71744ae2a1980ba0484c2d5 ? -xhtml1/svg-skewx-006.xht 5e8e8ab3e1626d17d71744ae2a1980ba0484c2d5 ? -html/svg-skewx-007.htm 4408aa5d474e43e37f79a493a051728c794836a6 ? -xhtml1/svg-skewx-007.xht 4408aa5d474e43e37f79a493a051728c794836a6 ? -html/svg-skewx-008.htm 1a488f01bfe5203ff15c5aab9b45d51a1404a588 ? -xhtml1/svg-skewx-008.xht 1a488f01bfe5203ff15c5aab9b45d51a1404a588 ? -html/svg-skewx-009.htm 268f74c70a7976f8bc63b170cc77b9d05cff8f69 ? -xhtml1/svg-skewx-009.xht 268f74c70a7976f8bc63b170cc77b9d05cff8f69 ? -html/svg-skewx-010.htm 420a15607cd45731b300bbf1aafb18d74772c12e ? -xhtml1/svg-skewx-010.xht 420a15607cd45731b300bbf1aafb18d74772c12e ? -html/svg-skewx-011.htm a8148029d6aafa5c709a5226725159fd7d145939 ? -xhtml1/svg-skewx-011.xht a8148029d6aafa5c709a5226725159fd7d145939 ? -html/svg-skewx-012.htm 5314afe26889d72bd49beffe6ee9cc1b6f93883e ? -xhtml1/svg-skewx-012.xht 5314afe26889d72bd49beffe6ee9cc1b6f93883e ? -html/svg-skewx-013.htm 84103b4bb4de61d23a7ae4df4bf81b801dde415b ? -xhtml1/svg-skewx-013.xht 84103b4bb4de61d23a7ae4df4bf81b801dde415b ? -html/svg-skewx-014.htm c455b86c0983fdee6c3faf6e4a6e3657c5489f01 ? -xhtml1/svg-skewx-014.xht c455b86c0983fdee6c3faf6e4a6e3657c5489f01 ? -html/svg-skewx-015.htm 31561280f7b9d0ca6d89fbc7e37f1d357b86c1f0 ? -xhtml1/svg-skewx-015.xht 31561280f7b9d0ca6d89fbc7e37f1d357b86c1f0 ? -html/svg-skewx-016.htm 92aaacb6ef2e4a5b1c02c394c19a387edcea712f ? -xhtml1/svg-skewx-016.xht 92aaacb6ef2e4a5b1c02c394c19a387edcea712f ? -html/svg-skewx-017.htm f41ae44f1966dd88820869d5e9f74d4d212afc7d ? -xhtml1/svg-skewx-017.xht f41ae44f1966dd88820869d5e9f74d4d212afc7d ? +html/svg-skewx-001.htm 0810e9b5fd602dd9b30c19bd33987533202f1857 ? +xhtml1/svg-skewx-001.xht 0810e9b5fd602dd9b30c19bd33987533202f1857 ? +html/svg-skewx-002.htm 6705252856653c857a93b9c586c781bb849a2d55 ? +xhtml1/svg-skewx-002.xht 6705252856653c857a93b9c586c781bb849a2d55 ? +html/svg-skewx-003.htm e286a1180afae73405986943045139eefb25c912 ? +xhtml1/svg-skewx-003.xht e286a1180afae73405986943045139eefb25c912 ? +html/svg-skewx-004.htm 380b9aac2c038b1431ccca30fe3e1dd2bce1647e ? +xhtml1/svg-skewx-004.xht 380b9aac2c038b1431ccca30fe3e1dd2bce1647e ? +html/svg-skewx-005.htm 78fd1ece94a5f79f3221593d337603f2488dfa96 ? +xhtml1/svg-skewx-005.xht 78fd1ece94a5f79f3221593d337603f2488dfa96 ? +html/svg-skewx-006.htm dc4ded76e54f31ac0ab7b200115ec721b28a2c1e ? +xhtml1/svg-skewx-006.xht dc4ded76e54f31ac0ab7b200115ec721b28a2c1e ? +html/svg-skewx-007.htm ed2151ae9c7aade77088380fef6c97a8965a889d ? +xhtml1/svg-skewx-007.xht ed2151ae9c7aade77088380fef6c97a8965a889d ? +html/svg-skewx-008.htm 3fc5889127d87e6c294b8349b1d1a7c71cf4c3f6 ? +xhtml1/svg-skewx-008.xht 3fc5889127d87e6c294b8349b1d1a7c71cf4c3f6 ? +html/svg-skewx-009.htm f008145df72de9bc8e72aecc1eb659bf7dc9f8f8 ? +xhtml1/svg-skewx-009.xht f008145df72de9bc8e72aecc1eb659bf7dc9f8f8 ? +html/svg-skewx-010.htm aba588a00c45626dc693f6b632f220a05fe519c0 ? +xhtml1/svg-skewx-010.xht aba588a00c45626dc693f6b632f220a05fe519c0 ? +html/svg-skewx-011.htm 6a57894c3da5c84b60d67cd3fc4eb7737c301e95 ? +xhtml1/svg-skewx-011.xht 6a57894c3da5c84b60d67cd3fc4eb7737c301e95 ? +html/svg-skewx-012.htm 22b5a51d3f1d8f2824833db0c344271beb52b778 ? +xhtml1/svg-skewx-012.xht 22b5a51d3f1d8f2824833db0c344271beb52b778 ? +html/svg-skewx-013.htm 883ca042c849bc17eb705d5bb309bd69f8db5f30 ? +xhtml1/svg-skewx-013.xht 883ca042c849bc17eb705d5bb309bd69f8db5f30 ? +html/svg-skewx-014.htm 5f4c92b9579edb0433286c6349926e49de52b98a ? +xhtml1/svg-skewx-014.xht 5f4c92b9579edb0433286c6349926e49de52b98a ? +html/svg-skewx-015.htm 814d18aefed6294f02609b3bd1cca5175f7ce481 ? +xhtml1/svg-skewx-015.xht 814d18aefed6294f02609b3bd1cca5175f7ce481 ? +html/svg-skewx-016.htm 2dc9bb428a75e56f096eafbf19c251cc48e4298f ? +xhtml1/svg-skewx-016.xht 2dc9bb428a75e56f096eafbf19c251cc48e4298f ? +html/svg-skewx-017.htm dc8d1f1386acb2b01a7cdddceef36590992b60a4 ? +xhtml1/svg-skewx-017.xht dc8d1f1386acb2b01a7cdddceef36590992b60a4 ? html/svg-skewx-018.htm b2bdc3a4c34851b2fcb527d19abcb8c991ac3ebd ? xhtml1/svg-skewx-018.xht b2bdc3a4c34851b2fcb527d19abcb8c991ac3ebd ? html/svg-skewx-019.htm 88dfd5c4418424dd16a55cd13639214d5ff34479 ? @@ -1057,60 +1057,60 @@ html/svg-skewx-024.htm 893c34b9d9185b6930d1ab727a33ab90f028315e ? xhtml1/svg-skewx-024.xht 893c34b9d9185b6930d1ab727a33ab90f028315e ? html/svg-skewx-025.htm dce2a1a74648ae1fc99d7ab4151ff859bec5a529 ? xhtml1/svg-skewx-025.xht dce2a1a74648ae1fc99d7ab4151ff859bec5a529 ? -html/svg-skewxy-001.htm 1cb4b1f58587034c9ff8850e91fbde648b879a20 ? -xhtml1/svg-skewxy-001.xht 1cb4b1f58587034c9ff8850e91fbde648b879a20 ? -html/svg-skewxy-002.htm 1f07a1468a2eb45ea597362bd0aef69cae80ee7b ? -xhtml1/svg-skewxy-002.xht 1f07a1468a2eb45ea597362bd0aef69cae80ee7b ? -html/svg-skewy-001.htm e09a8f740b5f1dcd297c6a09e8cc7cd42f9a26f8 ? -xhtml1/svg-skewy-001.xht e09a8f740b5f1dcd297c6a09e8cc7cd42f9a26f8 ? -html/svg-skewy-002.htm ad00663f0d9b43c1a9d3e10eccd4447b005508fa ? -xhtml1/svg-skewy-002.xht ad00663f0d9b43c1a9d3e10eccd4447b005508fa ? -html/svg-skewy-003.htm a785570363103fabcc8fe3d65a21f3b45b11aefe ? -xhtml1/svg-skewy-003.xht a785570363103fabcc8fe3d65a21f3b45b11aefe ? -html/svg-skewy-004.htm c5e63ee1e3249f8910c18ea2f5e0ddac96c73c9f ? -xhtml1/svg-skewy-004.xht c5e63ee1e3249f8910c18ea2f5e0ddac96c73c9f ? -html/svg-skewy-005.htm 66e5d873c2f6b9fe1fe525fbde522f0da3ed7cbe ? -xhtml1/svg-skewy-005.xht 66e5d873c2f6b9fe1fe525fbde522f0da3ed7cbe ? -html/svg-skewy-006.htm 375b5fb45ac7153df35e0031f2ec9a7a0ffb25ef ? -xhtml1/svg-skewy-006.xht 375b5fb45ac7153df35e0031f2ec9a7a0ffb25ef ? -html/svg-skewy-007.htm 9bad4cf55b3919a1d8b81b8e0bece5982ec2d5bc ? -xhtml1/svg-skewy-007.xht 9bad4cf55b3919a1d8b81b8e0bece5982ec2d5bc ? -html/svg-skewy-008.htm e62b6bb2ad95355145261925f138bd0e4e0fff3d ? -xhtml1/svg-skewy-008.xht e62b6bb2ad95355145261925f138bd0e4e0fff3d ? -html/svg-skewy-009.htm 4dbdd137d5ebbe070588ce9a8e0bb9ec0ffa70f8 ? -xhtml1/svg-skewy-009.xht 4dbdd137d5ebbe070588ce9a8e0bb9ec0ffa70f8 ? -html/svg-skewy-010.htm fd0b595a9a1404a38e1a6acb9efa320ace8e683e ? -xhtml1/svg-skewy-010.xht fd0b595a9a1404a38e1a6acb9efa320ace8e683e ? -html/svg-skewy-011.htm 14639ed66522943d08fe2d1e0a834e3721c309fe ? -xhtml1/svg-skewy-011.xht 14639ed66522943d08fe2d1e0a834e3721c309fe ? -html/svg-skewy-012.htm 5c8d75e1cc0e53e5e72345be8efab7118f2a9b49 ? -xhtml1/svg-skewy-012.xht 5c8d75e1cc0e53e5e72345be8efab7118f2a9b49 ? -html/svg-skewy-013.htm cb8e78ba34f6089e5998ae3b64accbc0c4f16a27 ? -xhtml1/svg-skewy-013.xht cb8e78ba34f6089e5998ae3b64accbc0c4f16a27 ? -html/svg-skewy-014.htm 588f12e71127eb59bd8a4e0159dd1a79addc9c4a ? -xhtml1/svg-skewy-014.xht 588f12e71127eb59bd8a4e0159dd1a79addc9c4a ? -html/svg-skewy-015.htm 47ec5d55a4c168274f47b386a761f15a9a8a4e70 ? -xhtml1/svg-skewy-015.xht 47ec5d55a4c168274f47b386a761f15a9a8a4e70 ? -html/svg-skewy-016.htm b01f2d74672f9d438b8d95cdffb2ed2fc75f362a ? -xhtml1/svg-skewy-016.xht b01f2d74672f9d438b8d95cdffb2ed2fc75f362a ? -html/svg-skewy-017.htm b2800cedec000a2cb4c8fa010131268c8cf25762 ? -xhtml1/svg-skewy-017.xht b2800cedec000a2cb4c8fa010131268c8cf25762 ? -html/svg-skewy-018.htm bfb916423b570aa1895709c3bde0c8760168c6e6 ? -xhtml1/svg-skewy-018.xht bfb916423b570aa1895709c3bde0c8760168c6e6 ? -html/svg-skewy-019.htm d29507158a26b63ba5c3ddefc1836dbb94f9b32e ? -xhtml1/svg-skewy-019.xht d29507158a26b63ba5c3ddefc1836dbb94f9b32e ? -html/svg-skewy-020.htm 585f766951069532c641c498dc0ad21e0f8d2748 ? -xhtml1/svg-skewy-020.xht 585f766951069532c641c498dc0ad21e0f8d2748 ? -html/svg-skewy-021.htm 89396ae85add2f59d5dcccab9dc772761afde2b1 ? -xhtml1/svg-skewy-021.xht 89396ae85add2f59d5dcccab9dc772761afde2b1 ? -html/svg-skewy-022.htm f53389cda5bd05cb774ab9d8eecde7446e8310a1 ? -xhtml1/svg-skewy-022.xht f53389cda5bd05cb774ab9d8eecde7446e8310a1 ? -html/svg-skewy-023.htm 71863f571d410d99823963971bf126bd41edfbde ? -xhtml1/svg-skewy-023.xht 71863f571d410d99823963971bf126bd41edfbde ? -html/svg-skewy-024.htm eb99c4412c29df40597d075b30a38992e9a42202 ? -xhtml1/svg-skewy-024.xht eb99c4412c29df40597d075b30a38992e9a42202 ? -html/svg-skewy-025.htm 6cc8452f2e6a18888a10d10a69b59f6c5ad90b71 ? -xhtml1/svg-skewy-025.xht 6cc8452f2e6a18888a10d10a69b59f6c5ad90b71 ? +html/svg-skewxy-001.htm 4ce1901455a41608fc01d0b38bdc0bff308afba4 ? +xhtml1/svg-skewxy-001.xht 4ce1901455a41608fc01d0b38bdc0bff308afba4 ? +html/svg-skewxy-002.htm 988a1d25f93d5a7b301be88609ff95684fbb4122 ? +xhtml1/svg-skewxy-002.xht 988a1d25f93d5a7b301be88609ff95684fbb4122 ? +html/svg-skewy-001.htm 4a39f943d14829234379aa583c1445c5acd2c8db ? +xhtml1/svg-skewy-001.xht 4a39f943d14829234379aa583c1445c5acd2c8db ? +html/svg-skewy-002.htm 0758fad86b301bd90c6b8d9a5f5168daf56c6720 ? +xhtml1/svg-skewy-002.xht 0758fad86b301bd90c6b8d9a5f5168daf56c6720 ? +html/svg-skewy-003.htm 7052a01e0137288446a014afb1df43486faacfb0 ? +xhtml1/svg-skewy-003.xht 7052a01e0137288446a014afb1df43486faacfb0 ? +html/svg-skewy-004.htm cb1441123a0f4eadc67f13a12fbb03466fe79c94 ? +xhtml1/svg-skewy-004.xht cb1441123a0f4eadc67f13a12fbb03466fe79c94 ? +html/svg-skewy-005.htm 4de249c6f12025e471904ba2cb0df8eaefa331a2 ? +xhtml1/svg-skewy-005.xht 4de249c6f12025e471904ba2cb0df8eaefa331a2 ? +html/svg-skewy-006.htm fed983048d809f7074fc66d2d5b87a9aca9c07e6 ? +xhtml1/svg-skewy-006.xht fed983048d809f7074fc66d2d5b87a9aca9c07e6 ? +html/svg-skewy-007.htm 1a0530faa5c928e993419991c3ab55b9d716f2ae ? +xhtml1/svg-skewy-007.xht 1a0530faa5c928e993419991c3ab55b9d716f2ae ? +html/svg-skewy-008.htm dd10530e3deed58a966b3bc7a95d078031ae6761 ? +xhtml1/svg-skewy-008.xht dd10530e3deed58a966b3bc7a95d078031ae6761 ? +html/svg-skewy-009.htm 9d38ab387889d0689babe491019d8f51daa4f7e3 ? +xhtml1/svg-skewy-009.xht 9d38ab387889d0689babe491019d8f51daa4f7e3 ? +html/svg-skewy-010.htm b099449cc945ca92fa17d259b191afb2595dd732 ? +xhtml1/svg-skewy-010.xht b099449cc945ca92fa17d259b191afb2595dd732 ? +html/svg-skewy-011.htm 62bcf4e8fe5fce31a550e3c85d4eba9cd575b89e ? +xhtml1/svg-skewy-011.xht 62bcf4e8fe5fce31a550e3c85d4eba9cd575b89e ? +html/svg-skewy-012.htm eb275424e19e4dc61f4fb7e3c5ff801cf78cdf0d ? +xhtml1/svg-skewy-012.xht eb275424e19e4dc61f4fb7e3c5ff801cf78cdf0d ? +html/svg-skewy-013.htm f724d17ef85cb3ba1d02bc2ddd06592ca8da7d8d ? +xhtml1/svg-skewy-013.xht f724d17ef85cb3ba1d02bc2ddd06592ca8da7d8d ? +html/svg-skewy-014.htm 6d822d02e45b6860ea575a9db4bad219e658942d ? +xhtml1/svg-skewy-014.xht 6d822d02e45b6860ea575a9db4bad219e658942d ? +html/svg-skewy-015.htm 6cd60e51e6cc559c578b56a4e607996047139835 ? +xhtml1/svg-skewy-015.xht 6cd60e51e6cc559c578b56a4e607996047139835 ? +html/svg-skewy-016.htm fd7f496367de3908b950704367b5d3d7a0eb3a5e ? +xhtml1/svg-skewy-016.xht fd7f496367de3908b950704367b5d3d7a0eb3a5e ? +html/svg-skewy-017.htm 8f51df624e2bd909c5b91d193c15f16d3287906c ? +xhtml1/svg-skewy-017.xht 8f51df624e2bd909c5b91d193c15f16d3287906c ? +html/svg-skewy-018.htm b2e3525ee2b31613064ea93fa48f4dbb93b458c2 ? +xhtml1/svg-skewy-018.xht b2e3525ee2b31613064ea93fa48f4dbb93b458c2 ? +html/svg-skewy-019.htm 5f643161d15be7e35b72f8bc5036d53d895070de ? +xhtml1/svg-skewy-019.xht 5f643161d15be7e35b72f8bc5036d53d895070de ? +html/svg-skewy-020.htm 5dbdeaf617227b63970ed1e271db7596241e70ca ? +xhtml1/svg-skewy-020.xht 5dbdeaf617227b63970ed1e271db7596241e70ca ? +html/svg-skewy-021.htm 86fc968c6520113f513d625852054adf562fe35e ? +xhtml1/svg-skewy-021.xht 86fc968c6520113f513d625852054adf562fe35e ? +html/svg-skewy-022.htm 8e63fce6b04e4e04f6a713a2b154177182672f76 ? +xhtml1/svg-skewy-022.xht 8e63fce6b04e4e04f6a713a2b154177182672f76 ? +html/svg-skewy-023.htm 964f7d6ab9915638eaed3d41eba005dbb9dba80c ? +xhtml1/svg-skewy-023.xht 964f7d6ab9915638eaed3d41eba005dbb9dba80c ? +html/svg-skewy-024.htm 93553c5cc530d4536e86f5548cd263d6b3d61866 ? +xhtml1/svg-skewy-024.xht 93553c5cc530d4536e86f5548cd263d6b3d61866 ? +html/svg-skewy-025.htm a4de5e608df31c74c7bdd0106ec084f774e2bab4 ? +xhtml1/svg-skewy-025.xht a4de5e608df31c74c7bdd0106ec084f774e2bab4 ? html/svg-transform-group-001.htm b7a6c5b0f9e7666fbabfc538ba108cd20edaf930 ? xhtml1/svg-transform-group-001.xht b7a6c5b0f9e7666fbabfc538ba108cd20edaf930 ? html/svg-transform-group-002.htm 0a1699c80cd8cd4f8fe5d68b0c834876446a5ce3 ? @@ -1151,10 +1151,10 @@ html/svg-transform-list-separations-008.htm e9e957303415022892733e6c32bd0a11539b xhtml1/svg-transform-list-separations-008.xht e9e957303415022892733e6c32bd0a11539b2dc6 ? html/svg-transform-list-separations-009.htm a5244eefa3421734f0398796a3d53aec904f4e8c ? xhtml1/svg-transform-list-separations-009.xht a5244eefa3421734f0398796a3d53aec904f4e8c ? -html/svg-transform-list-separations-010.htm e52ea065d87948f68cd18574c3c3649f91833e2f ? -xhtml1/svg-transform-list-separations-010.xht e52ea065d87948f68cd18574c3c3649f91833e2f ? -html/svg-transform-list-separations-011.htm 02581b4a5aafb1e96d35dc8ddff53b3ec89624a7 ? -xhtml1/svg-transform-list-separations-011.xht 02581b4a5aafb1e96d35dc8ddff53b3ec89624a7 ? +html/svg-transform-list-separations-010.htm 6f75f2659f67b1f94bd0e6efed07bc7d69859064 ? +xhtml1/svg-transform-list-separations-010.xht 6f75f2659f67b1f94bd0e6efed07bc7d69859064 ? +html/svg-transform-list-separations-011.htm 7ced2a4799daf17538c11af675222546b5bca058 ? +xhtml1/svg-transform-list-separations-011.xht 7ced2a4799daf17538c11af675222546b5bca058 ? html/svg-transform-nested-001.htm 997b618831b9fa1f2fd174fb748016c4ffbfed8c ? xhtml1/svg-transform-nested-001.xht 997b618831b9fa1f2fd174fb748016c4ffbfed8c ? html/svg-transform-nested-002.htm 27de914b48b2cd2276c30f13fc9715dc35420806 ? @@ -1611,8 +1611,8 @@ html/svg-translatey-relative-001.htm d1db0cf9706882c089ba1297a23a1f3632112d50 ? xhtml1/svg-translatey-relative-001.xht d1db0cf9706882c089ba1297a23a1f3632112d50 ? html/svg-translatey-relative-002.htm 2c74fb0cf8d319f76c665c141b0edd600a231cea ? xhtml1/svg-translatey-relative-002.xht 2c74fb0cf8d319f76c665c141b0edd600a231cea ? -html/transform-2d-getcomputedstyle-001.htm 216cebd0833e5c8d7c1de779909a17d601e36bc8 ? -xhtml1/transform-2d-getcomputedstyle-001.xht 216cebd0833e5c8d7c1de779909a17d601e36bc8 ? +html/transform-2d-getcomputedstyle-001.htm 7abbcb0913432a6365ed21add50b46be2293ca4e ? +xhtml1/transform-2d-getcomputedstyle-001.xht 7abbcb0913432a6365ed21add50b46be2293ca4e ? html/transform-3d-rotatey-stair-above-001.htm ca88a7d44c80ff2e7b904840350b51d86b3a53b2 ? xhtml1/transform-3d-rotatey-stair-above-001.xht ca88a7d44c80ff2e7b904840350b51d86b3a53b2 ? html/transform-3d-rotatey-stair-below-001.htm 29c2babe5b8d5d61a3faffe5b151e90cd8984237 ? @@ -1635,22 +1635,22 @@ html/transform-applies-to-001.htm c5b7edcf423ffb3286d43bb506fbf59849a85793 ? xhtml1/transform-applies-to-001.xht c5b7edcf423ffb3286d43bb506fbf59849a85793 ? html/transform-applies-to-002.htm f8ff14ddbac427d20647c8410ba47cd3b8202b4f ? xhtml1/transform-applies-to-002.xht f8ff14ddbac427d20647c8410ba47cd3b8202b4f ? -html/transform-background-001.htm 8bf8becc441d55130a13a7f6c45fb35a07d0ccd9 ? -xhtml1/transform-background-001.xht 8bf8becc441d55130a13a7f6c45fb35a07d0ccd9 ? -html/transform-background-002.htm b57d0985403a0b3ec1dab9806aae49a4ecf71ecd ? -xhtml1/transform-background-002.xht b57d0985403a0b3ec1dab9806aae49a4ecf71ecd ? -html/transform-background-003.htm e8a0f69eff0ee5789c79219c99efb34b3f6645ba ? -xhtml1/transform-background-003.xht e8a0f69eff0ee5789c79219c99efb34b3f6645ba ? -html/transform-background-004.htm 56ab8e555e79ff81d7a3b05ab382b5b21b1c9036 ? -xhtml1/transform-background-004.xht 56ab8e555e79ff81d7a3b05ab382b5b21b1c9036 ? -html/transform-background-005.htm c77baa2d6ca35a2b0a51b45ec6ff8d6b92716ee3 ? -xhtml1/transform-background-005.xht c77baa2d6ca35a2b0a51b45ec6ff8d6b92716ee3 ? -html/transform-background-006.htm 5c00e2eddc748ac87284bfd6d0a66c2c7904f139 ? -xhtml1/transform-background-006.xht 5c00e2eddc748ac87284bfd6d0a66c2c7904f139 ? -html/transform-background-007.htm 8e1a27e66891c231d76aad09a65eb2148c39b93e ? -xhtml1/transform-background-007.xht 8e1a27e66891c231d76aad09a65eb2148c39b93e ? -html/transform-background-008.htm fef8b9c41f26d8be57dde0743cb057f0c8dd3e42 ? -xhtml1/transform-background-008.xht fef8b9c41f26d8be57dde0743cb057f0c8dd3e42 ? +html/transform-background-001.htm 472f9cda02dd7166f11acbe9f7e04163bebfc5e0 ? +xhtml1/transform-background-001.xht 472f9cda02dd7166f11acbe9f7e04163bebfc5e0 ? +html/transform-background-002.htm 7ea1e2f40f256081924a455b96b7607ed8b8acd6 ? +xhtml1/transform-background-002.xht 7ea1e2f40f256081924a455b96b7607ed8b8acd6 ? +html/transform-background-003.htm e371a0e795f21c937bf2688d37e8bf021f2674dd ? +xhtml1/transform-background-003.xht e371a0e795f21c937bf2688d37e8bf021f2674dd ? +html/transform-background-004.htm ecf6a81ef2a3df04b3e467ebfd31dcba7fc63380 ? +xhtml1/transform-background-004.xht ecf6a81ef2a3df04b3e467ebfd31dcba7fc63380 ? +html/transform-background-005.htm b5c146a8c5cc6156cb411b67d158acb85cf4abc5 ? +xhtml1/transform-background-005.xht b5c146a8c5cc6156cb411b67d158acb85cf4abc5 ? +html/transform-background-006.htm c7bfdc95b8b287c3047b4f2ffcbcde898a0b9843 ? +xhtml1/transform-background-006.xht c7bfdc95b8b287c3047b4f2ffcbcde898a0b9843 ? +html/transform-background-007.htm 21dcc00548587da28bb5b181fadc2cae2473e482 ? +xhtml1/transform-background-007.xht 21dcc00548587da28bb5b181fadc2cae2473e482 ? +html/transform-background-008.htm 91095bb7bf9c5f06f5117a9fb116845d1ba4364f ? +xhtml1/transform-background-008.xht 91095bb7bf9c5f06f5117a9fb116845d1ba4364f ? html/transform-compound-001.htm 65423ad44cb45420ba7c53d298bf04bdf96e6a99 ? xhtml1/transform-compound-001.xht 65423ad44cb45420ba7c53d298bf04bdf96e6a99 ? html/transform-containing-block-dynamic-1a.htm c3f9d7a8c16cd9fd6cda5cddcbb0284dbcd7a63a ? @@ -1771,8 +1771,8 @@ html/transform-origin-008.htm 93aa81d8d634718923c434433ff68d0d3c8970e1 ? xhtml1/transform-origin-008.xht 93aa81d8d634718923c434433ff68d0d3c8970e1 ? html/transform-origin-009.htm 3b718f344483916201a66cbe6221c381159f53f7 ? xhtml1/transform-origin-009.xht 3b718f344483916201a66cbe6221c381159f53f7 ? -html/transform-origin-01.htm ef1ced09d9b9d8c4be4ff2ab5e7dd7d180ae65de ? -xhtml1/transform-origin-01.xht ef1ced09d9b9d8c4be4ff2ab5e7dd7d180ae65de ? +html/transform-origin-01.htm dd392fb93d7f77eb3e7812f3292d6a816b6e646a ? +xhtml1/transform-origin-01.xht dd392fb93d7f77eb3e7812f3292d6a816b6e646a ? html/transform-origin-010.htm b2442da33df650e1135410a58df6396c779179c2 ? xhtml1/transform-origin-010.xht b2442da33df650e1135410a58df6396c779179c2 ? html/transform-origin-011.htm 7b06dd1372944da05357015436d23b8d639c35bf ? @@ -1927,8 +1927,8 @@ html/transform-translatex-004.htm fea38c7a5f3682e7ef86c71cf284681ebd305d62 ? xhtml1/transform-translatex-004.xht fea38c7a5f3682e7ef86c71cf284681ebd305d62 ? html/transform-translatex-005.htm 1db5d24fc75ee737c88908519944b14260c734c3 ? xhtml1/transform-translatex-005.xht 1db5d24fc75ee737c88908519944b14260c734c3 ? -html/transform-translatex-006.htm 5b05587254888e6c0e89fdeb049ef789173a189c ? -xhtml1/transform-translatex-006.xht 5b05587254888e6c0e89fdeb049ef789173a189c ? +html/transform-translatex-006.htm e34401f774f15d349143c4731caf52a0cc9e6aea ? +xhtml1/transform-translatex-006.xht e34401f774f15d349143c4731caf52a0cc9e6aea ? html/transform-translatey-001.htm a22d68bd276eac23677398775496082e8989710c ? xhtml1/transform-translatey-001.xht a22d68bd276eac23677398775496082e8989710c ? html/transform-translatey-002.htm eae3e3fc3e92f41ece53f1ac2afe12cf567a26a3 ? @@ -2085,10 +2085,10 @@ html/transforms-skewx.htm dd76111e380e64f3e5cbef9ffbdb5a044d862f2e ? xhtml1/transforms-skewx.xht dd76111e380e64f3e5cbef9ffbdb5a044d862f2e ? html/transforms-skewy.htm 5600d5b5fc10aeaa2d3c43e51ac36ac2c6793e70 ? xhtml1/transforms-skewy.xht 5600d5b5fc10aeaa2d3c43e51ac36ac2c6793e70 ? -html/translate-optional-second-001.htm 2a11e746366063ba9b10397b490738a8c686b892 ? -xhtml1/translate-optional-second-001.xht 2a11e746366063ba9b10397b490738a8c686b892 ? -html/translate.htm f9426c7946bea4fb7d30ad5e7326caf46a465b28 ? -xhtml1/translate.xht f9426c7946bea4fb7d30ad5e7326caf46a465b28 ? +html/translate-optional-second-001.htm 8b89de122e13cc0eb8794e3dee25bd804c81436b ? +xhtml1/translate-optional-second-001.xht 8b89de122e13cc0eb8794e3dee25bd804c81436b ? +html/translate.htm df5cbdd25700b31adf321f8f3f689dc11fa20804 ? +xhtml1/translate.xht df5cbdd25700b31adf321f8f3f689dc11fa20804 ? html/transofrmed-preserve-3d-1.htm 2dea466f5bd0eaaabc1aece7ad68db29009a4524 ? xhtml1/transofrmed-preserve-3d-1.xht 2dea466f5bd0eaaabc1aece7ad68db29009a4524 ? html/transofrmed-rotatex-3.htm 1045ee0727034be93674d88e23480934850a43f0 ? diff --git a/tests/wpt/css-tests/css-transforms-1_dev/testinfo.data b/tests/wpt/css-tests/css-transforms-1_dev/testinfo.data index 26f6d38e230..a7e52b7ec8b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-transforms-1_dev/testinfo.data @@ -1,39 +1,39 @@ id references title flags links revision credits assertion -2d-rotate-001 reference/2d-rotate-ref,!reference/2d-rotate-notref CSS Transform using 2d rotate() css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property d27dc58ca454bd3508af416306f93c972b3d71a3 `Rick Hurst`<http://mrkn.co/axegs> asserting that you can rotate an element with CSS -2d-rotate-js Rotate via javascript must show the correct computed rotation css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property cda33f93d2f58e3e38b2a406149ad8b690638975 `Rick Hurst`<http://mrkn.co/axegs> Asserting that you can rotate an element with JS and it show up in CSS computed values not as a matrix but as the rotation -animations-001 reference/animations-001-ref CSS Regions: animating content flowed into a region ahem,animated http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions,http://www.w3.org/TR/css3-animations/#animations d58c2e2ae3f483272798693240d821a63d066892 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that has an animated 3D transform renders and animates when flowed in a region. +2d-rotate-001 reference/2d-rotate-ref,!reference/2d-rotate-notref CSS Transform using 2d rotate() css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property 076244fcaea4ccdb259cf0ae3ccf266710d2e402 `Rick Hurst`<http://mrkn.co/axegs> asserting that you can rotate an element with CSS +2d-rotate-js Rotate via javascript must show the correct computed rotation css3,,rotate,,svg http://www.w3.org/TR/css-transforms-1/#transform-property 8d5285fd124af1a71a0d72ed0388fbb11a7216e8 `Rick Hurst`<http://mrkn.co/axegs> Asserting that you can rotate an element with JS and it show up in CSS computed values not as a matrix but as the rotation +animations-001 reference/animations-001-ref CSS Regions: animating content flowed into a region ahem,animated http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions,http://www.w3.org/TR/css3-animations/#animations a4cee4791955488eed14303cedc0330b0531f6f5 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that has an animated 3D transform renders and animates when flowed in a region. backface-visibility-hidden-001 reference/backface-visibility-hidden-ref transform property with backface visibility = hidden http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#propdef-backface-visibility b4607716790b1493ef762e8ca5c7d0afe14cd375 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> When the value of backface visibility property is 'hidden', the back side of a transformed element is invisible when facing the viewer. -canvas3d-001 reference/canvas3d-001-ref CSS Regions: rendering 3D canvas elements inside regions dom http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions 57a53646e7e76825004d83cd64181362f91f4afc `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that when a 3D (webGL) canvas element is flowed in a region it renders as it would render if it wouldn't be flowed in the region. -canvas3d-002 reference/canvas3d-002-ref CSS Regions: rendering text flowed in a region on top of 3D content dom http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions 94ec461f51b34cbcd28e7697cc94374f829eeac2 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that text flowed in a region renders without artifacts when the region overlaps a 3D (webGL) canvas element. This can be problematic in browsers that don't handle layers and/or 3D acceleration correctly. -css-rotate-2d-3d-001 reference/css-rotate-2d-3d-001-ref 2D rotation with 3D rotation http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions a390e6a1517ef28910ffc89f94c94cd1794676a8 `Philip Rogers`<mailto:pdr@google.com> This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis. -css-scale-nested-001 reference/css-scale-nested-ref scale 0 on a parent with a child http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 9cf7f6237e87d603845495bb15345831b7843cee `Amol Shanbhag`<mailto:amolvshanbhag@yahoo.com> Child square element is transformed (scaled to zero) along with the parent element +canvas3d-001 reference/canvas3d-001-ref CSS Regions: rendering 3D canvas elements inside regions dom http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions d8e127aa34d8b486d61ab17a2b291b8ff77a07eb `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that when a 3D (webGL) canvas element is flowed in a region it renders as it would render if it wouldn't be flowed in the region. +canvas3d-002 reference/canvas3d-002-ref CSS Regions: rendering text flowed in a region on top of 3D content dom http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions e1069acbc55073a8d78623cb5ffa4d4121cb78ce `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that text flowed in a region renders without artifacts when the region overlaps a 3D (webGL) canvas element. This can be problematic in browsers that don't handle layers and/or 3D acceleration correctly. +css-rotate-2d-3d-001 reference/css-rotate-2d-3d-001-ref 2D rotation with 3D rotation http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 39368bbe1219d08c9ff039b88f74bec06c32749c `Philip Rogers`<mailto:pdr@google.com> This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis. +css-scale-nested-001 reference/css-scale-nested-ref scale 0 on a parent with a child http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions b27eef20334db66b79c13ef54a136519c712a85a `Amol Shanbhag`<mailto:amolvshanbhag@yahoo.com> Child square element is transformed (scaled to zero) along with the parent element css-skew-001 reference/css-skew-001-ref skew function part 1 http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 9a9304aa06034b72a795191af5da08a7294cfe1e `Adrien Pachkoff`<mailto:adrien@pachkoff.com> css-skew-002 reference/css-skew-002-ref skew function part 2 http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 58eec567495beede7f0b4e50946f4a619470f2aa `Adrien Pachkoff`<mailto:adrien@pachkoff.com> -css-transform-3d-rotate3d-X-negative reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 2d42016b2d035842e12d182b95deaf713db692d4 `Intel`<http://www.intel.com> Test checks that rotate the 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotate3d-X-positive reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions fb451dd60e8b62393fdf08407f326914bc24b0c1 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotate3d-Y-negative reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions c4164a2fc40aa6b016c2015ee52f43e51d34a4cc `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotate3d-Y-positive reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 68ef5801c0a6bb9d1a1e1624d6bc8e8483c9a10e `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotate3d-Z-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 8d643d54fdf3e86b4b0291842a8d761bf3fd9229 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle. -css-transform-3d-rotate3d-Z-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 03be87f77118119c672bc4b964a6f57dc896ed08 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle. -css-transform-3d-rotateX-negative reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions b151fbc9a8d213b971812d5f58cb11b424e07cc6 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotateX-positive reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 5e9b3c8725db2d10211dfe49d32df18b9185bcfc `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotateY-negative reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 699c351f03f72bbfe5befb2d94e29b5663106b61 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotateY-positive reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions d4c698ea6b465be4cb76f8a1e987cccfc00ec12b `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. -css-transform-3d-rotateZ-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 93ad930b4bc0e723dee4597f5d9656cee77eb998 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle. -css-transform-3d-rotateZ-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 564f242d8fbd1f4fb5c9c6ab5571ac0a4f5e53f1 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle. -css-transform-3d-transform-style reference/css-transform-3d-transform-style-ref rotateY with transform-style on nested elements http://www.w3.org/TR/css-transforms-1/#transform-style-property,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 763e6cd53d770c3654f01011d87a2aa94d9200b7 `Intel`<http://www.intel.com> Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box. +css-transform-3d-rotate3d-X-negative reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions aa431ab8c77bd0e50295109ad36990fe317847b3 `Intel`<http://www.intel.com> Test checks that rotate the 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotate3d-X-positive reference/css-transform-3d-rotateX-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 2095f9e882f0b10dc1b328c7dbfcdff0a415b564 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotate3d-Y-negative reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 4f68e8cf3a75c57ee037962f0d6e211d1860820f `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotate3d-Y-positive reference/css-transform-3d-rotateY-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 6343574f8a8d19aef1c7566d66ae419b0e603d1d `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotate3d-Z-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 12a33874c0d342aec9e4907765e3a88b9b6e0893 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle. +css-transform-3d-rotate3d-Z-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 7fc75cb1ccd6cf641ff65b47f3f45288173eaca1 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle. +css-transform-3d-rotateX-negative reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions e72cad8900e39cf068d74c73c41673acc0ac721e `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotateX-positive reference/css-transform-3d-rotateX-ref rotateX on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 23f18cff0c29d24a8c84c3580b3e93e8a98e28c2 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on X-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotateY-negative reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 319d0facc90e0ef304eb522441d397c4edcd8757 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for -60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotateY-positive reference/css-transform-3d-rotateY-ref rotateY on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 5ead88a2d62775d749cc696e5835bc97d25ebed5 `Intel`<http://www.intel.com> Test checks that rotate a 2:1 rectangle on Y-axis for 60 degree we will get a square and completely cover the red square, and here we use border due to the rectangle not be rotated would cover the red square. +css-transform-3d-rotateZ-negative reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions c6e72d65237be14323ecaeafb416b0522b3f0560 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle. +css-transform-3d-rotateZ-positive reference/css-transform-3d-rotateZ-ref rotate3d on div element http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions b8c8ea04728a7e1a3ea4b3e1c9226285f44e8bd6 `Intel`<http://www.intel.com> Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle. +css-transform-3d-transform-style reference/css-transform-3d-transform-style-ref rotateY with transform-style on nested elements http://www.w3.org/TR/css-transforms-1/#transform-style-property,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 026b4089e482e0ad65ed4fe5155f2ac57cc176dd `Intel`<http://www.intel.com> Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box. css-transform-inherit-rotate CSS transforms rotate inheritance on div element http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d5728ed357c652d068fdcba412306f15e3ed0b2c `Delong Gao`<mailto:gaodl@uw.edu> Rotation on parent element will not be inherited by child element, unless declared. The test is passed if there is a green square and no red. And it is rotated 45 degree. -css-transform-inherit-scale CSS transforms scale 2 inheritance on div elements http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 697e2bc8354a9373871c6e5eaee3da61bab5bcbd `Delong Gao`<mailto:gaodl@uw.edu> While child div inherits property from its parent, scaling 2 on parent div will course the child to scale 4 and totally cover the red div. The test passes if there is a green square and no red. +css-transform-inherit-scale CSS transforms scale 2 inheritance on div elements http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d0df617e634f9e928ac09544b195ca3fa9a83516 `Delong Gao`<mailto:gaodl@uw.edu> While child div inherits property from its parent, scaling 2 on parent div will course the child to scale 4 and totally cover the red div. The test passes if there is a green square and no red. css-transform-property-existence property existence dom,script http://www.w3.org/TR/css-transforms-1/#propdef-transform e2e29b7a421004f2d2de28cd9c00865a8326dcc8 `Intel`<http://www.intel.com> -css-transform-scale-001 reference/css-transform-scale-ref-001 transform property with scale function on hover state http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions 00ce03304079b134709a2a261823eed4aab5a903 `Chris Sanborn`<mailto:granimalcracker@gmail.com> When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner. -css-transform-scale-002 reference/css-transform-scale-ref-002 transform property with scale function and move its origin http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions 1be87301c1d39eab31ff0517f21d27fccf9eed56 `Chris Sanborn`<mailto:granimalcracker@gmail.com> The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner. -css-transform-style-evaluation-validation property dom,script http://www.w3.org/TR/css-transforms-1/#transform-property 37a8b97e35690234100fba2ce84f6ce49f9c451c `Intel`<http://www.intel.com> +css-transform-scale-001 reference/css-transform-scale-ref-001 transform property with scale function on hover state http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions d5828eba3fe322d1d53688762ff2ece6b23e079f `Chris Sanborn`<mailto:granimalcracker@gmail.com> When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner. +css-transform-scale-002 reference/css-transform-scale-ref-002 transform property with scale function and move its origin http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#transform-origin-property,https://drafts.csswg.org/css-transforms-1/#transform-functions f5b4e5ccd2212d5830b57b3a7c00f3714d7f5a62 `Chris Sanborn`<mailto:granimalcracker@gmail.com> The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner. +css-transform-style-evaluation-validation property dom,script http://www.w3.org/TR/css-transforms-1/#transform-property 5a8d85e61a3317abc201d6fa9e743a9706851a8d `Intel`<http://www.intel.com> css-transforms-3d-on-anonymous-block-001 reference/css-transforms-3d-anonymous-block-ref No 3D transforms on anonymous block boxes http://www.w3.org/TR/css-transforms-1/#transform-rendering,http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering b6336b0f9700ab406855b37209b33e9b5d6959eb `Dirk Schulze`<mailto:dschulze@adobe.com> 3D transforms can not be applied to anonymous block boxes. -css-transforms-transformlist reference/css-transforms-transformlist-ref SVG transform in baseVal list http://www.w3.org/TR/css-transforms-1/#transform-attribute-dom 9aa16f87302fce56962b190dd82915528c961aa9 `Rik Cabanier`<mailto:cabanier@adobe.com> This test verifies that the CSS transform ends up in the list of SVG transforms +css-transforms-transformlist reference/css-transforms-transformlist-ref SVG transform in baseVal list http://www.w3.org/TR/css-transforms-1/#transform-attribute-dom b1d960c5823342c302508c92a76a2a8951d0bb3e `Rik Cabanier`<mailto:cabanier@adobe.com> This test verifies that the CSS transform ends up in the list of SVG transforms css3-transform-perspective reference/css3-transform-perspective-ref rotateX 90 degrees with perspective make it invisible http://www.w3.org/TR/css-transforms-1/#propdef-perspective afb573840318c4c2b4022eb6a7b22d224f0c3b00 `caoqixing`<mailto:robin.webkit@gmail.com> Test passes if rotateX 90 degrees with perspective make it invisible -css3-transform-rotateY reference/css3-transform-rotateY-ref transform property with rotateY function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate a6a3ef1c37c465ab87f3462112f12644bf98dc61 `Noah Lu`<mailto:codedancerhua@gmail.com> box width should be equal to projection width if transform rotateY applied +css3-transform-rotateY reference/css3-transform-rotateY-ref transform property with rotateY function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate 5c95147e83eac77e18fa96629f05d2fa426de743 `Noah Lu`<mailto:codedancerhua@gmail.com> box width should be equal to projection width if transform rotateY applied css3-transform-scale reference/css3-transform-scale-ref transform property with scale function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-scale d0123070f9c1a2c5c76909db503799b4b8fba9ab `Noah Lu`<mailto:codedancerhua@gmail.com> box width and height will be twice larger if transform scale(2) applied -css3-transform-scale-002 reference/css3-transform-scale-ref-002 transform property with scale function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-scale 68e29f2bb12052b13a608f2c27360f48e7da3026 `Noah Lu`<mailto:codedancerhua@gmail.com> box width and height will be twice larger if transform scale(2) applied +css3-transform-scale-002 reference/css3-transform-scale-ref-002 transform property with scale function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#funcdef-scale c386e0727d5032dbf72f07cd3c7b49d15442dde3 `Noah Lu`<mailto:codedancerhua@gmail.com> box width and height will be twice larger if transform scale(2) applied iframe-001 reference/iframe-001-ref CSS Regions: flowing an iframe that loads content with 3D transform ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions 9034d6e28a2a29bea931cdbd700ac2722b156f1d `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that flowing an iframe that loads content with 3D transforms in a region renders without artifacts. perspective-containing-block-dynamic-1a reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements dom https://drafts.csswg.org/css-transforms-1/#perspective-property b1b1a3d920d821ded6c0fd30bd9f698066f580b4 `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> It also establishes a containing block (somewhat similar to position: relative), just like the transform property does. perspective-containing-block-dynamic-1b reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements dom https://drafts.csswg.org/css-transforms-1/#perspective-property 856b0e0227f9e8447061dc0183dc3828abad9fdf `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> It also establishes a containing block (somewhat similar to position: relative), just like the transform property does. @@ -46,42 +46,42 @@ perspective-origin-006 reference/ref-filled-green-100px-square perspective-origi perspective-origin-x reference/perspective-origin-reftest perspective property http://www.w3.org/TR/css-transforms-1/#propdef-perspective-origin,http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property a514169deb95e436dffd165421439d0077bf8dec `Francisca Gil`<mailto:pancha0.0@gmail.com> Asserts that origin 'x1' visually moves the objects '-x1*d/(d-1)' perspective-origin-xy reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#propdef-perspective-origin,http://www.w3.org/TR/css-transforms-1/#transform-property 28e8b6088ef1d05ab83bcd0b76d83db9f2a6542e `Francisca Gil`<mailto:pancha0.0@gmail.com> Asserts that origin '<x,y>' visually moves the objects '<-x,-y>*d/(d-1)' perspective-translateZ-0 reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property d0003a38d7a9db5be25088682100d0a246b7fed4 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that points on the z=0 plane are unchanged -perspective-translateZ-negative reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property 4247257f27c177efd03ccd8d0b0d743d0cd88f92 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d − Z) for a negative Z -perspective-translateZ-positive reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property 882e012be02ab42a15e56763d604eb9b29f79685 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d − Z) for a positive Z +perspective-translateZ-negative reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property b80c8365c7840bfff2c825df40dcb115de423707 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d - Z) for a negative Z +perspective-translateZ-positive reference/perspective-reftest perspective property http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#transform-property feef6b50a0d0b924b47d0a93f98bfa30b9e21721 `Andres Ugarte`<mailto:anduga@gmail.com> Asserts that the scaling is proportional to d/(d - Z) for a positive Z regions-transforms-001 reference/regions-transforms-001-ref CSS Regions: Transformed named flow (non-text) content http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2a4b13b4c224164415af6fc43efef99a4b10216e `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform is applied to the named flow non-text content. -regions-transforms-002 reference/regions-transforms-001-ref CSS Regions: Transformed named flow content element that has a child http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions b16b50581951c71a3be5ec0c9b1061947dffd0be `David Alcala`<mailto:dalcala@adobe.com> This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node -regions-transforms-003 reference/regions-transforms-001-ref CSS Regions: Named flow content that has a transformed parent outside of the named flow http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2ca7fef7b0d356a4c339f36202e5db35f6187510 `David Alcala`<mailto:dalcala@adobe.com> This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent. -regions-transforms-004 reference/regions-transforms-001-ref CSS Regions: Transformed region using a 3D transform http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions fec3b0f5e534c7887ee515a3cd353207afd533e9 `David Alcala`<mailto:dalcala@adobe.com> This test checks that a 3D transform can be applied to a region -regions-transforms-005 reference/regions-transforms-001-ref CSS Regions: perspective set on the named flow content's parent does not apply when content flows into region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property 4012519a933c3484df28a4030086884a6fdd9f1c `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region. -regions-transforms-006 reference/regions-transforms-001-ref CSS Regions: 3D transform on region with named flow (text) content that overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 576aed5fbf48a6b72252b6cd4097154463548e20 `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied. -regions-transforms-007 reference/regions-transforms-001-ref CSS Regions: Transforms on both the named flow content and the region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 472043ccde1670b43bd97b4d1fb3842c45e59994 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> Test checks that if both the content flowed in a region and the region have a transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees. -regions-transforms-008 reference/regions-transforms-008-ref CSS Regions: Transformed named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible. -regions-transforms-009 reference/regions-transforms-008-ref CSS Regions: Transformed region with named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible. +regions-transforms-002 reference/regions-transforms-001-ref CSS Regions: Transformed named flow content element that has a child http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2d844875d7f0e5af2207ec1516ee01a12e177dd9 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node +regions-transforms-003 reference/regions-transforms-001-ref CSS Regions: Named flow content that has a transformed parent outside of the named flow http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 466ec376b1a71028227def13cb0292d4c8281a04 `David Alcala`<mailto:dalcala@adobe.com> This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent. +regions-transforms-004 reference/regions-transforms-001-ref CSS Regions: Transformed region using a 3D transform http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 0d2dd576d718d8fb366927f95bf598e9fe24265f `David Alcala`<mailto:dalcala@adobe.com> This test checks that a 3D transform can be applied to a region +regions-transforms-005 reference/regions-transforms-001-ref CSS Regions: perspective set on the named flow content's parent does not apply when content flows into region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property 8e74d7e196dc385df46e98c3eab374aef6c9067e `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region. +regions-transforms-006 reference/regions-transforms-001-ref CSS Regions: 3D transform on region with named flow (text) content that overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions bd5c69f3eccf8b704548fc0e3448c0b56fade39b `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied. +regions-transforms-007 reference/regions-transforms-001-ref CSS Regions: Transforms on both the named flow content and the region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 98f058531becbf01b11a994d5dda8e0f7136354b `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> Test checks that if both the content flowed in a region and the region have a transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees. +regions-transforms-008 reference/regions-transforms-008-ref CSS Regions: Transformed named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible. +regions-transforms-009 reference/regions-transforms-008-ref CSS Regions: Transformed region with named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 5fd4103e6564c53d6b225c3f361738444a3542e4 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible. regions-transforms-010 reference/regions-transforms-010-ref CSS Regions: Transformed region with position: relative http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 31cef15a8d765c156613c3f9e3249fda6ef23cd6 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform can be applied on relative positioned region. -regions-transforms-011 reference/regions-transforms-010-ref CSS Regions: Transformed region where parent and child are separate named flow content nodes http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 45e9b45e04a92709878a3fb48d60b2da7ac4daff `David Alcala`<mailto:dalcala@adobe.com> This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it. +regions-transforms-011 reference/regions-transforms-010-ref CSS Regions: Transformed region where parent and child are separate named flow content nodes http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d7d05b88380703e9c7f897db7a69d3d1fb249295 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it. regions-transforms-012 reference/regions-transforms-010-ref CSS Regions: Transformed named flow content flowing into transformed region http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 5d2b5f5e5c2779f3c782b96d449eaefd4b73ae61 `David Alcala`<mailto:dalcala@adobe.com> This test checks that named flow text content is transformed when it flows into a region that is also transformed. -regions-transforms-013 reference/regions-transforms-013-alt-ref;reference/regions-transforms-013-ref CSS Regions: Transformed named flow (monolithic) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules,http://www.w3.org/TR/css3-break/#monolithic be1b126597c212f49292d68542edfe8c2a2fe844 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge. -regions-transforms-014 reference/regions-transforms-014-ref CSS Regions: Transform region with position:absolute and transform-origin http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#transform-origin-property c3dd807cf616a50a21e6f8041fbce23fd53fbe82 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to a region with absolute positioning. -regions-transforms-015 reference/regions-transforms-014-ref CSS Regions: Transformed named flow (non-text) content with transform-origin and position: absolute http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2edfbd6a3e6bd45903254817befa2e45efe6e4c3 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning. +regions-transforms-013 reference/regions-transforms-013-alt-ref;reference/regions-transforms-013-ref CSS Regions: Transformed named flow (monolithic) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules,http://www.w3.org/TR/css3-break/#monolithic 9f6c9ee139b1009f13294aa474c51ae043fd54e0 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge. +regions-transforms-014 reference/regions-transforms-014-ref CSS Regions: Transform region with position:absolute and transform-origin http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#transform-origin-property 0955636638e5e3ec08ad4a06956b6f8cbab3ae59 `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to a region with absolute positioning. +regions-transforms-015 reference/regions-transforms-014-ref CSS Regions: Transformed named flow (non-text) content with transform-origin and position: absolute http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 9f9952bad1245231c3e0654a86ad3def99daf0ee `David Alcala`<mailto:dalcala@adobe.com> This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning. regions-transforms-016 reference/regions-transforms-016-ref CSS Regions: 3D transform on named flow content with perspective() http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions df7d685df158c6c588a9f82d9d579caafdc158dd `David Alcala`<mailto:dalcala@adobe.com> This test checks that a 3D transform is applied with perspective to named flow content. regions-transforms-017 reference/regions-transforms-017-ref CSS Regions: Multiple transformed named flow content nodes that overflow a region http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7ea5f462f76a2bc313e664e9f32452e0d19fd787 `David Alcala`<mailto:dalcala@adobe.com> This test checks that multiple named flow content nodes are transformed into a region and that the overflow remains visible. regions-transforms-018 reference/regions-transforms-018-ref CSS Regions: 3D transform on named flow (text) content that overflows a region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions 56e280ba826c04d8c0451fdefb3d51980809bc28 `Mihai Balan`<mailto:mibalan@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Test checks that content that is transformed does not clip when flowed in a region. -regions-transforms-019 reference/regions-transforms-019-ref CSS Regions: 3D transform on named flow (text) content with perspective property set on region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#perspective-origin-property d5a2d7b0c356dc966317fb7b29d871e018b0d65b `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted -regions-transforms-020 reference/regions-transforms-020-ref CSS Regions: Transformed region with named flow (fragmentable) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules e73e7a72635a5605583e23fde99f54047a81c339 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that the named flow content that is fragmentable (has a break point) is transformed when it breaks across multiple regions. -regions-transforms-021 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (non-text) content nodes that break across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 0870c65471db6185829589066be514d54fe2d274 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin. -regions-transforms-022 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (text) content nodes that break across multiple regions ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions -rotate-180-degrees-001 transform - rotate 180 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7e7e2cbee0f65bbefb6ce7e74ff7a70968a25a79 `Larry McLister`<mailto:lmcliste@adobe.com> -rotate-270-degrees-001 transform - rotate 270 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7814b1f339a4d049adb1be6f798a36179ce03db3 `Larry McLister`<mailto:lmcliste@adobe.com> -rotate-90-degrees-001 transform - rotate 90 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 4c37b50fe36a932f5b7ac050e8dc68167132b0d8 `Larry McLister`<mailto:lmcliste@adobe.com> -rotate_45deg reference/rotate_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 869d66a92f5020f0f522c33dd5e87b52db71df99 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis -rotate_x_45deg reference/rotate_x_45deg-ref rotateX with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 9c1ea67ac3b42ac5eb521c40bd640dd943d07a0e `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis -rotate_y_45deg reference/rotate_y_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 676a7db8531f14d928be06c2aa384aff3701e759 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis +regions-transforms-019 reference/regions-transforms-019-ref CSS Regions: 3D transform on named flow (text) content with perspective property set on region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#perspective-property,http://www.w3.org/TR/css-transforms-1/#perspective-origin-property 2853f7c28307550e571893d2562f11ebf2ce8f36 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted +regions-transforms-020 reference/regions-transforms-020-ref CSS Regions: Transformed region with named flow (fragmentable) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules 52095188c43d368fdec40e58d0af6ba82064702e `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that the named flow content that is fragmentable (has a break point) is transformed when it breaks across multiple regions. +regions-transforms-021 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (non-text) content nodes that break across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 07232a906d77ca727f31c74af4b6e4c7b3ddce0b `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin. +regions-transforms-022 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (text) content nodes that break across multiple regions ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms adc697a9d4a294c14c090d904c6813a75db05354 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions +rotate-180-degrees-001 transform - rotate 180 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 11b0c918ee643458dc3f7197ede0238b8b271505 `Larry McLister`<mailto:lmcliste@adobe.com> +rotate-270-degrees-001 transform - rotate 270 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions d53c5c8bedc643d30b0a4174576ef802eb170ab0 `Larry McLister`<mailto:lmcliste@adobe.com> +rotate-90-degrees-001 transform - rotate 90 deg http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions fab337290189cc6dc7fcf4356e59164c5773d576 `Larry McLister`<mailto:lmcliste@adobe.com> +rotate_45deg reference/rotate_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 8317b48712865d6abc5954d16850bc1097abd24c `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis +rotate_x_45deg reference/rotate_x_45deg-ref rotateX with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 5528140d74dde885220a2af4608b51386fc98592 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis +rotate_y_45deg reference/rotate_y_45deg-ref rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering c18b25678a72482de3e0e8499cafb510b4125e64 `Ebay Inc.`<xiatian@ebay.com> Rotate 45 degree in y axis rotateY reference/rotateY-ref transform property with rotateY http://www.w3.org/TR/css-transforms-1/#funcdef-rotatey f4e3440dfbc15922fb037d7340c9eb4218c4254e `Zou Rui`<mailto:zrxldl@gmail.com> When the value of transform is 'rotateY(90deg)', the foward side of a transformed element disappears. -scale-optional-second-001 reference/scale-optional-second-ref transform property with scale function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions e63c550d1a7f24e7e7668ad94f78da65ac6d38cb `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes. -scale-zero-001 reference/scale-zero-ref transform property with scale function and zero values http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2caa488dc20a00d72db606b2da9dfb6eae4ee03f `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If zero value is passed to scale function, it causes the element to disappear. -scalex reference/scalex-ref test scale x http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering c1e4f598f137270b4b44ef485bd3e5b4d30f3601 `Ebay Inc.`<xiatian@ebay.com> scale x 2 -scaley reference/scaley-ref test scale y http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering a4b5a1c1981a3ffc953963bf4a331aabd19525c6 `Ebay Inc.`<xiatian@ebay.com> scale y 2 -skew-test1 reference/skew-test1-ref Testing 1 - skew() svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 1cece689e5c1e6009ddb14210b380610173ba24a `Myriam Goude`<mailto:mymygo@gmail.com> The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0 +scale-optional-second-001 reference/scale-optional-second-ref transform property with scale function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 0f12acea7f825da7f6fd030587dd8330c44cd632 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes. +scale-zero-001 reference/scale-zero-ref transform property with scale function and zero values http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions c3581089662c8dc8c27b8f5a61f69d2fd87d24b6 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If zero value is passed to scale function, it causes the element to disappear. +scalex reference/scalex-ref test scale x http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 30de493943fd387d6a6fc71e34efb364e367595c `Ebay Inc.`<xiatian@ebay.com> scale x 2 +scaley reference/scaley-ref test scale y http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering ecfe8122a40e39e64f5dc14d1563acfcbfd8765c `Ebay Inc.`<xiatian@ebay.com> scale y 2 +skew-test1 reference/skew-test1-ref Testing 1 - skew() svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions ba5ef2455d095cccd94713c431a7d49a9e445ab7 `Myriam Goude`<mailto:mymygo@gmail.com> The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0 svg-document-styles-001 reference/svg-document-styles-ref Document transform style on SVG element with presentation attribute style on the same element svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity e2c4fc089927fe0410c4db4522e637cd118b4a65 `Rebecca Hauck`<mailto:rhauck@adobe.com> Document transform styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled. svg-document-styles-002 reference/svg-document-styles-ref Document transform style on SVG child element with presentation attribute styles on the parent and child elements svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity c87b61f0992f8e8c3f1e6a09f0e5e1c5d9f9462a `Rebecca Hauck`<mailto:rhauck@adobe.com> Document transform styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled. svg-document-styles-003 reference/svg-document-styles-ref Document transform style on SVG group element and presentation attribute style on child element svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity 2c456edcb0718edb3170eda07fffacb1f756b0e0 `Rebecca Hauck`<mailto:rhauck@adobe.com> Document transform styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels. @@ -425,7 +425,7 @@ svg-rotate-3args-invalid-003 reference/svg-rotate-3args-ref SVG rotate with thre svg-rotate-3args-invalid-004 reference/svg-rotate-3args-ref SVG rotate with three arguments with one relative translation-value argument svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-functions b8dd510725dca85a5698c0fb898a037bf7dde0be `David Alcala`<mailto:dalcala@adobe.com> The rotate transform function takes two optional translation values. If one of the translation values is not provided, then both translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise but the transform origin should not be translated. The green rect should completely cover the red rect. svg-rotate-3args-invalid-005 reference/svg-rotate-3args-ref SVG rotate with three arguments, with a third relative translation-value argument svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-functions 488379f0b9c6b0caf2335e5a841c0a472439bd8f `David Alcala`<mailto:dalcala@adobe.com> The rotate transform function takes two optional translation values. If a third relative translation-value argument is provided, then all translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise, but the transform origin should not be translated. The green rect should completely cover the red rect. svg-rotate-angle-45-001 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument without unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 9929a7c0b3e6e05774b9bd2406c0774a215b8948 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support unit less arguments for angle. The green rect in the test should be rotated by 45 degrees clockwise to completely cover the red path. -svg-rotate-angle-45-002 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with degree unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate 8e7d23346492cd16b57176acbbae0859aa29e6d4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'degree' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path. +svg-rotate-angle-45-002 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with degree unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate f992b5e568e1e12173f21e8c21198cb9b9dcb1cd `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'degree' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path. svg-rotate-angle-45-003 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with grad unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate a88b47fbb168d180e47ca2dd199ddb9be2e6a83f `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'grad' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path. svg-rotate-angle-45-004 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with turn unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate 39bac979b9ef163c9316e1e0c3a912d6fec08093 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'turn' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path. svg-rotate-angle-45-005 reference/svg-rotate-angle-45-ref SVG presentation attribute and angle argument with radian unit on rotate svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-angle,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-rotate cf37eadf46dee47e03bc36654121bf4c32c96c41 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rotate transform function must support the unit 'rad' on angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path. @@ -501,23 +501,23 @@ svg-scaley-002 reference/svg-scale-ref SVG presentation attribute and scaleY 1.5 svg-scaley-003 reference/svg-scale-ref SVG presentation attribute and scaleY with percent argument - not supported svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-scaley caba01783fa322095d90fa8da2ea3911078fa8b6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The scaleY transform function does not support percentage values. The green rect in this test should not be scaled and should completely cover the red rect. svg-scaley-004 reference/svg-scale-ref SVG presentation attribute and and scaleY -0.5 svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-scaley a996639bcf13abc20b7215132be5c99fe9ff7d19 `Rebecca Hauck`<mailto:rhauck@adobe.com> Scaling by a negative value should flip the element. The green in this test should be flipped downward into view and vertically scaled down to completely cover the red background. svg-scaley-005 reference/svg-scale-ref SVG presentation attribute and scaleY -1.5 svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-scaley a845a5551f984fefccc7d443857b191a24297f28 `Rebecca Hauck`<mailto:rhauck@adobe.com> Scaling by a negative value should flip the element. The green rect in this test should be flipped downward into view and vertically scaled up 1.5 to completely cover the red background. -svg-skewx-001 reference/svg-skewx-ref SVG presentation attribute and angle argument without unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 705ccd00a7d8351dea2389ea6fe13d171e16ca5e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support unit less arguments for angle. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-002 reference/svg-skewx-ref SVG presentation attribute and angle argument with degree unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 6dc1965fcf77faa502f0b2f1495091d633db04eb `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-003 reference/svg-skewx-ref SVG presentation attribute and angle argument with grad unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 20977d6f58d740ef0773d1dea3dd6210c409f577 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-004 reference/svg-skewx-ref SVG presentation attribute and angle argument with turn unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 7063313b42acdd138942ce335f171b4226424f60 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-005 reference/svg-skewx-ref SVG presentation attribute and angle argument with radian unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 555f54e4c0ae0373ed6fd433988b05d99bb82448 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-006 reference/svg-skewx-ref SVG presentation attribute and skewX with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 5e8e8ab3e1626d17d71744ae2a1980ba0484c2d5 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-007 reference/svg-skewx-ref SVG presentation attribute and skewX with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 4408aa5d474e43e37f79a493a051728c794836a6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-008 reference/svg-skewx-ref SVG presentation attribute and skewX with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 1a488f01bfe5203ff15c5aab9b45d51a1404a588 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-009 reference/svg-skewx-ref SVG presentation attribute and skewX with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 268f74c70a7976f8bc63b170cc77b9d05cff8f69 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-010 reference/svg-skewx-ref SVG presentation attribute and skewX with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 420a15607cd45731b300bbf1aafb18d74772c12e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-011 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value a8148029d6aafa5c709a5226725159fd7d145939 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-012 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 5314afe26889d72bd49beffe6ee9cc1b6f93883e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-013 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 84103b4bb4de61d23a7ae4df4bf81b801dde415b `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-014 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx c455b86c0983fdee6c3faf6e4a6e3657c5489f01 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-015 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 31561280f7b9d0ca6d89fbc7e37f1d357b86c1f0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-016 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 92aaacb6ef2e4a5b1c02c394c19a387edcea712f `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewx-017 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx f41ae44f1966dd88820869d5e9f74d4d212afc7d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-001 reference/svg-skewx-ref SVG presentation attribute and angle argument without unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 0810e9b5fd602dd9b30c19bd33987533202f1857 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support unit less arguments for angle. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-002 reference/svg-skewx-ref SVG presentation attribute and angle argument with degree unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 6705252856653c857a93b9c586c781bb849a2d55 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-003 reference/svg-skewx-ref SVG presentation attribute and angle argument with grad unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx e286a1180afae73405986943045139eefb25c912 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-004 reference/svg-skewx-ref SVG presentation attribute and angle argument with turn unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 380b9aac2c038b1431ccca30fe3e1dd2bce1647e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-005 reference/svg-skewx-ref SVG presentation attribute and angle argument with radian unit on skewX svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 78fd1ece94a5f79f3221593d337603f2488dfa96 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-006 reference/svg-skewx-ref SVG presentation attribute and skewX with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value dc4ded76e54f31ac0ab7b200115ec721b28a2c1e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-007 reference/svg-skewx-ref SVG presentation attribute and skewX with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx ed2151ae9c7aade77088380fef6c97a8965a889d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-008 reference/svg-skewx-ref SVG presentation attribute and skewX with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 3fc5889127d87e6c294b8349b1d1a7c71cf4c3f6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-009 reference/svg-skewx-ref SVG presentation attribute and skewX with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx f008145df72de9bc8e72aecc1eb659bf7dc9f8f8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-010 reference/svg-skewx-ref SVG presentation attribute and skewX with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx aba588a00c45626dc693f6b632f220a05fe519c0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-011 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 6a57894c3da5c84b60d67cd3fc4eb7737c301e95 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-012 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 22b5a51d3f1d8f2824833db0c344271beb52b778 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-013 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 883ca042c849bc17eb705d5bb309bd69f8db5f30 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-014 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 5f4c92b9579edb0433286c6349926e49de52b98a `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-015 reference/svg-skewx-ref SVG presentation attribute and more than full circle skewX with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 814d18aefed6294f02609b3bd1cca5175f7ce481 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-016 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 2dc9bb428a75e56f096eafbf19c251cc48e4298f `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. +svg-skewx-017 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx dc8d1f1386acb2b01a7cdddceef36590992b60a4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. svg-skewx-018 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on gradian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx b2bdc3a4c34851b2fcb527d19abcb8c991ac3ebd `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. svg-skewx-019 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on radian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 88dfd5c4418424dd16a55cd13639214d5ff34479 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. svg-skewx-020 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers on turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx e1dc323d04912986f9ececa491e225b90de3dd4c `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. @@ -526,33 +526,33 @@ svg-skewx-022 reference/svg-skewx-ref SVG presentation attribute and skewX with svg-skewx-023 reference/svg-skewx-ref SVG presentation attribute and skewX and scientific numbers with negative exponents for arguments in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 7637ffa4d09bb35a31bcf924b1ffc3c3bbffde53 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. svg-skewx-024 reference/svg-skewx-ref SVG presentation attribute and skewX and scientific numbers with negative exponents for arguments in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 893c34b9d9185b6930d1ab727a33ab90f028315e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. svg-skewx-025 reference/svg-skewx-ref SVG presentation attribute and skewX with scientific numbers with negative exponents for arguments in turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx dce2a1a74648ae1fc99d7ab4151ff859bec5a529 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewX transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path. -svg-skewxy-001 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 1cb4b1f58587034c9ff8850e91fbde648b879a20 `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should be skewed horizontally 45 degrees and vertically 45 degrees to completely cover the red path. -svg-skewxy-002 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY with different units svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 1f07a1468a2eb45ea597362bd0aef69cae80ee7b `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should completely cover the red path by being skewed horizontally 45 degrees and vertically 45 degrees specified in different units in each function -svg-skewy-001 reference/svg-skewy-ref SVG presentation attribute and angle argument without unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value e09a8f740b5f1dcd297c6a09e8cc7cd42f9a26f8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support unit less arguments for angle. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-002 reference/svg-skewy-ref SVG presentation attribute and angle argument with degree unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy ad00663f0d9b43c1a9d3e10eccd4447b005508fa `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-003 reference/svg-skewy-ref SVG presentation attribute and angle argument with grad unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy a785570363103fabcc8fe3d65a21f3b45b11aefe `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-004 reference/svg-skewy-ref SVG presentation attribute and angle argument with turn unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy c5e63ee1e3249f8910c18ea2f5e0ddac96c73c9f `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-005 reference/svg-skewy-ref SVG presentation attribute and angle argument with radian unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 66e5d873c2f6b9fe1fe525fbde522f0da3ed7cbe `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-006 reference/svg-skewy-ref SVG presentation attribute and skewY with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 375b5fb45ac7153df35e0031f2ec9a7a0ffb25ef `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-007 reference/svg-skewy-ref SVG presentation attribute and skewY with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 9bad4cf55b3919a1d8b81b8e0bece5982ec2d5bc `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-008 reference/svg-skewy-ref SVG presentation attribute and skewY with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy e62b6bb2ad95355145261925f138bd0e4e0fff3d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-009 reference/svg-skewy-ref SVG presentation attribute and skewY with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 4dbdd137d5ebbe070588ce9a8e0bb9ec0ffa70f8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-010 reference/svg-skewy-ref SVG presentation attribute and skewY with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy fd0b595a9a1404a38e1a6acb9efa320ace8e683e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-011 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 14639ed66522943d08fe2d1e0a834e3721c309fe `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-012 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 5c8d75e1cc0e53e5e72345be8efab7118f2a9b49 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-013 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy cb8e78ba34f6089e5998ae3b64accbc0c4f16a27 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-014 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 588f12e71127eb59bd8a4e0159dd1a79addc9c4a `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-015 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 47ec5d55a4c168274f47b386a761f15a9a8a4e70 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-016 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b01f2d74672f9d438b8d95cdffb2ed2fc75f362a `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-017 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b2800cedec000a2cb4c8fa010131268c8cf25762 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-018 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on gradian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy bfb916423b570aa1895709c3bde0c8760168c6e6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-019 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on radian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy d29507158a26b63ba5c3ddefc1836dbb94f9b32e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-020 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 585f766951069532c641c498dc0ad21e0f8d2748 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-021 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 89396ae85add2f59d5dcccab9dc772761afde2b1 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-022 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy f53389cda5bd05cb774ab9d8eecde7446e8310a1 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-023 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 71863f571d410d99823963971bf126bd41edfbde `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-024 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy eb99c4412c29df40597d075b30a38992e9a42202 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. -svg-skewy-025 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 6cc8452f2e6a18888a10d10a69b59f6c5ad90b71 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewxy-001 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 4ce1901455a41608fc01d0b38bdc0bff308afba4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should be skewed horizontally 45 degrees and vertically 45 degrees to completely cover the red path. +svg-skewxy-002 reference/svg-skewxy-ref SVG presentation attribute with skewX and skewY with different units svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewx 988a1d25f93d5a7b301be88609ff95684fbb4122 `Rebecca Hauck`<mailto:rhauck@adobe.com> The green rect in this test should completely cover the red path by being skewed horizontally 45 degrees and vertically 45 degrees specified in different units in each function +svg-skewy-001 reference/svg-skewy-ref SVG presentation attribute and angle argument without unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 4a39f943d14829234379aa583c1445c5acd2c8db `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support unit less arguments for angle. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-002 reference/svg-skewy-ref SVG presentation attribute and angle argument with degree unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 0758fad86b301bd90c6b8d9a5f5168daf56c6720 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-003 reference/svg-skewy-ref SVG presentation attribute and angle argument with grad unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 7052a01e0137288446a014afb1df43486faacfb0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-004 reference/svg-skewy-ref SVG presentation attribute and angle argument with turn unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy cb1441123a0f4eadc67f13a12fbb03466fe79c94 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-005 reference/svg-skewy-ref SVG presentation attribute and angle argument with radian unit on skewY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 4de249c6f12025e471904ba2cb0df8eaefa331a2 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-006 reference/svg-skewy-ref SVG presentation attribute and skewY with negative, unit less turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value fed983048d809f7074fc66d2d5b87a9aca9c07e6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-007 reference/svg-skewy-ref SVG presentation attribute and skewY with negative degrees svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 1a0530faa5c928e993419991c3ab55b9d716f2ae `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-008 reference/svg-skewy-ref SVG presentation attribute and skewY with negative gradians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy dd10530e3deed58a966b3bc7a95d078031ae6761 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-009 reference/svg-skewy-ref SVG presentation attribute and skewY with negative radians svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 9d38ab387889d0689babe491019d8f51daa4f7e3 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-010 reference/svg-skewy-ref SVG presentation attribute and skewY with negative turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b099449cc945ca92fa17d259b191afb2595dd732 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-011 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with unit less angle svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy,http://www.w3.org/TR/css-transforms-1/#svg-transform-value 62bcf4e8fe5fce31a550e3c85d4eba9cd575b89e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-012 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy eb275424e19e4dc61f4fb7e3c5ff801cf78cdf0d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-013 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy f724d17ef85cb3ba1d02bc2ddd06592ca8da7d8d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-014 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 6d822d02e45b6860ea575a9db4bad219e658942d `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-015 reference/svg-skewy-ref SVG presentation attribute and more than full circle skewY with angle in turn svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 6cd60e51e6cc559c578b56a4e607996047139835 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-016 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy fd7f496367de3908b950704367b5d3d7a0eb3a5e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-017 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on unit less angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 8f51df624e2bd909c5b91d193c15f16d3287906c `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-018 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on gradian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy b2e3525ee2b31613064ea93fa48f4dbb93b458c2 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-019 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on radian angles svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 5f643161d15be7e35b72f8bc5036d53d895070de `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-020 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers on turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 5dbdeaf617227b63970ed1e271db7596241e70ca `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-021 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-value,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 86fc968c6520113f513d625852054adf562fe35e `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-022 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in degree svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 8e63fce6b04e4e04f6a713a2b154177182672f76 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-023 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in gradian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 964f7d6ab9915638eaed3d41eba005dbb9dba80c `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-024 reference/svg-skewy-ref SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in radian svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy 93553c5cc530d4536e86f5548cd263d6b3d61866 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. +svg-skewy-025 reference/svg-skewy-ref SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in turns svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-skewy a4de5e608df31c74c7bdd0106ec084f774e2bab4 `Rebecca Hauck`<mailto:rhauck@adobe.com> The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path. svg-transform-group-001 reference/svg-green-square-ref SVG presentation attribute and translate on group svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions b7a6c5b0f9e7666fbabfc538ba108cd20edaf930 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated, therefore the child element should be translated to completely cover the red rect. svg-transform-group-002 reference/svg-green-square-ref SVG presentation attribute and translateX on group svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 0a1699c80cd8cd4f8fe5d68b0c834876446a5ce3 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated horizontally, therefore the child element should be translated horizontally to completely cover the red rect. svg-transform-group-003 reference/svg-green-square-ref SVG presentation attribute and translateY on group svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions df87d3000ff8e0809ff56364e8320a645685b1d1 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated vertically, therefore the child element should be translated vertically to completely cover the red rect. @@ -573,8 +573,8 @@ svg-transform-list-separations-006 reference/svg-transform-list-separations-ref svg-transform-list-separations-007 reference/svg-transform-list-separations-ref Multiple spaces before and after transform functions on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists df5343a2ab7aef3e8ca08f5ca65d2172dce82ae8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with multiple spaces before and after the transform function list svg-transform-list-separations-008 reference/svg-transform-list-separations-ref Transform functions separated by commas separations with multiple spaces before the commas on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists e9e957303415022892733e6c32bd0a11539b2dc6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas. svg-transform-list-separations-009 reference/svg-transform-list-separations-ref Transform functions separated by commas separations with spaces before and after the commas on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists a5244eefa3421734f0398796a3d53aec904f4e8c `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas. -svg-transform-list-separations-010 reference/svg-transform-list-separations-ref Transform functions separated by newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists e52ea065d87948f68cd18574c3c3649f91833e2f `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines -svg-transform-list-separations-011 reference/svg-transform-list-separations-ref Transform functions separated by commas and newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists 02581b4a5aafb1e96d35dc8ddff53b3ec89624a7 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines +svg-transform-list-separations-010 reference/svg-transform-list-separations-ref Transform functions separated by newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists 6f75f2659f67b1f94bd0e6efed07bc7d69859064 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines +svg-transform-list-separations-011 reference/svg-transform-list-separations-ref Transform functions separated by commas and newlines on SVG presentation attribute svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-transform-list,http://www.w3.org/TR/css-transforms-1/#svg-functional-notation,http://www.w3.org/TR/css-transforms-1/#transform-function-lists 7ced2a4799daf17538c11af675222546b5bca058 `Rebecca Hauck`<mailto:rhauck@adobe.com> The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines svg-transform-nested-001 reference/svg-green-square-ref SVG presentation attribute and translate on group, translate on child svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 997b618831b9fa1f2fd174fb748016c4ffbfed8c `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated. Additionally, the child rect should be translated. svg-transform-nested-002 reference/svg-green-square-ref SVG presentation attribute, translateX on group, translateX on child svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 27de914b48b2cd2276c30f13fc9715dc35420806 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated horizontally. Additionally, the child rect should be translated horizontally. svg-transform-nested-003 reference/svg-green-square-ref SVG presentation attribute, translateY on group, translateY on child svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 75b1b8105f7fe359307c00082e1e697bdf6e9b24 `David Alcala`<mailto:dalcala@adobe.com> Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated vertically. Additionally, the child rect should be translated vertically. @@ -803,7 +803,7 @@ svg-translatey-ex-unit-005 reference/svg-translatey-ex-unit-ref SVG presentation svg-translatey-ex-unit-006 reference/svg-translatey-ex-unit-ref SVG presentation attribute and translation-value negative argument with ex unit in scientific notation with a negative exponent on translateY ahem,svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#svg-number,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey c8decfe92c88ff7b9d771b37005bd205265a2876 `Rebecca Hauck`<mailto:rhauck@adobe.com> The translateY transform function must support the relative length unit 'ex' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 40 pixels in the Y direction svg-translatey-relative-001 reference/svg-translatey-ref SVG presentation attribute and translation-value argument with percentage unit on translateY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey d1db0cf9706882c089ba1297a23a1f3632112d50 `Rebecca Hauck`<mailto:rhauck@adobe.com> The translateY transform function must support percentage units on translation-value arguments. The rect in the test should be moved 50 pixels in the Y direction svg-translatey-relative-002 reference/svg-translatey-ref SVG presentation attribute and translation-value argument with negative percentage unit on translateY svg http://www.w3.org/TR/css-transforms-1/#svg-transform,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey 2c74fb0cf8d319f76c665c141b0edd600a231cea `Rebecca Hauck`<mailto:rhauck@adobe.com> The translateY transform function must support negative percentage units on translation-value arguments. The rect in the test should be moved 50 pixels in the Y direction -transform-2d-getComputedStyle-001 transform translate dom,script http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 216cebd0833e5c8d7c1de779909a17d601e36bc8 `Your Name`<mailto:youremail@address.com> CSS 2D transforms correctly report their matrix via getComputedStyle() +transform-2d-getComputedStyle-001 transform translate dom,script http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 7abbcb0913432a6365ed21add50b46be2293ca4e `Your Name`<mailto:youremail@address.com> CSS 2D transforms correctly report their matrix via getComputedStyle() transform-3d-rotateY-stair-above-001 reference/transform-3d-rotateY-stair-above-ref-001 rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering ca88a7d44c80ff2e7b904840350b51d86b3a53b2 `Apple Inc.`<http://www.apple.com/> A rotateY transform with perspective should result in a trapezoid. transform-3d-rotateY-stair-below-001 reference/transform-3d-rotateY-stair-above-ref-001 rotateY with perspective produces a trapezoid http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering 29c2babe5b8d5d61a3faffe5b151e90cd8984237 `Apple Inc.`<http://www.apple.com/> A rotateY transform with perspective should result in a trapezoid. transform-abspos-001 reference/transform-abspos-ref Containing Block for Absolute Positioning (left/top) http://www.w3.org/TR/css-transforms-1/#transform-rendering ebbfd38b3580e0eefdc4cbe00c2ad6f4bd4c0528 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> "In the HTML namespace, any value other than 'none' for the transform results in the creation of . . . a containing block." This means absolutely positioned elements need to be rooted at a transformed ancestor, just as though it had non-static position. @@ -815,14 +815,14 @@ transform-abspos-006 reference/transform-abspos-ref Containing Block for Absolut transform-abspos-007 reference/transform-abspos-ref Containing Block for Fixed Positioning (inline-table) http://www.w3.org/TR/css-transforms-1/#transform-rendering fbcd78880ad7da649bae7c7bf9d49f8e5adbdd32 `Aryeh Gregor`<mailto:ayg@aryeh.name> "In the HTML namespace, any value other than 'none' for the transform results in the creation of . . . a containing block. The object acts as a containing block for fixed positioned descendants." This means fixed-position elements need to be rooted at a transformed ancestor, rather than the viewport. This test differs from transform-abspos-002.html in that the outer div has display: inline-table, which might cause it to render differently in buggy UAs. transform-applies-to-001 reference/transform-applies-to-001-ref transform applied to elements with 'display' set to 'block' http://www.w3.org/TR/css-transforms-1/#transform-property c5b7edcf423ffb3286d43bb506fbf59849a85793 `Apple Inc.`<http://www.apple.com/> The 'transform' property applies to elements with 'display' set to 'block'. transform-applies-to-002 reference/transform-applies-to-002-ref Transform does not apply to non-replaced inline elements ahem http://www.w3.org/TR/css-transforms-1/#transform-property f8ff14ddbac427d20647c8410ba47cd3b8202b4f `Apple Inc.`<http://www.apple.com/> The 'transform' property does not apply to non-replaced inline elements. -transform-background-001 reference/transform-background-ref-1 Transform of Background Image (rotate right) svg http://www.w3.org/TR/css-transforms-1/#transform-property 8bf8becc441d55130a13a7f6c45fb35a07d0ccd9 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. -transform-background-002 reference/transform-background-ref-1 Transform of Background Image (rotate left) svg http://www.w3.org/TR/css-transforms-1/#transform-property b57d0985403a0b3ec1dab9806aae49a4ecf71ecd `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. -transform-background-003 reference/transform-background-ref-1 Transform of Background Image (flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property e8a0f69eff0ee5789c79219c99efb34b3f6645ba `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. -transform-background-004 reference/transform-background-ref-1 Transform of Background Image (nested flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property 56ab8e555e79ff81d7a3b05ab382b5b21b1c9036 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element itself. -transform-background-005 reference/transform-background-ref-2 Transform of Background Image (non-propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property c77baa2d6ca35a2b0a51b45ec6ff8d6b92716ee3 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the scale is applied to the root element, and the background is on the body. The white background on the root element prevents the body's background from propagating to the canvas, so it's just a regular background. -transform-background-006 reference/transform-background-ref-2,!reference/transform-background-006-notref Transform of Background Image (propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property 5c00e2eddc748ac87284bfd6d0a66c2c7904f139 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the transform is applied to the body element, but the root element's background is transparent, so the background is actually on the root element instead of the body. Therefore, the transform must not affect the background. -transform-background-007 reference/transform-background-ref-2 Transform of Background Image (propagated body with root element transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering 8e1a27e66891c231d76aad09a65eb2148c39b93e `Aryeh Gregor`<mailto:ayg@aryeh.name> "If the root element is transformed, the transformation applies to the entire canvas, including any background specified for the root element. Since the background painting area for the root element is the entire canvas, which is infinite, the transformation might cause parts of the background that were originally off-screen to appear. For example, if the root element's background were repeating dots, and a transformation of 'scale(0.5)' were specified on the root element, the dots would shrink to half their size, but there will be twice as many, so they still cover the whole viewport." In this case, the background is specified on the body but propagates to the root element. The transform is on the root element, so it needs to affect the background. The rotation 90 degrees clockwise means that most of the screen will be filled with triangles that were originally above the top of the viewport; the original top row of triangles will now be on the left. -transform-background-008 reference/transform-background-ref-2 Transform of Background Image (root element background and transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering fef8b9c41f26d8be57dde0743cb057f0c8dd3e42 `Aryeh Gregor`<mailto:ayg@aryeh.name> This is exactly the same as transform-background-007.html, except that the background is specified directly on the root element instead of being specified on the body and propagating to the root. +transform-background-001 reference/transform-background-ref-1 Transform of Background Image (rotate right) svg http://www.w3.org/TR/css-transforms-1/#transform-property 472f9cda02dd7166f11acbe9f7e04163bebfc5e0 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. +transform-background-002 reference/transform-background-ref-1 Transform of Background Image (rotate left) svg http://www.w3.org/TR/css-transforms-1/#transform-property 7ea1e2f40f256081924a455b96b7607ed8b8acd6 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. +transform-background-003 reference/transform-background-ref-1 Transform of Background Image (flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property e371a0e795f21c937bf2688d37e8bf021f2674dd `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. +transform-background-004 reference/transform-background-ref-1 Transform of Background Image (nested flip) svg http://www.w3.org/TR/css-transforms-1/#transform-property ecf6a81ef2a3df04b3e467ebfd31dcba7fc63380 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element itself. +transform-background-005 reference/transform-background-ref-2 Transform of Background Image (non-propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property b5c146a8c5cc6156cb411b67d158acb85cf4abc5 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the scale is applied to the root element, and the background is on the body. The white background on the root element prevents the body's background from propagating to the canvas, so it's just a regular background. +transform-background-006 reference/transform-background-ref-2,!reference/transform-background-006-notref Transform of Background Image (propagated body) svg http://www.w3.org/TR/css-transforms-1/#transform-property c7bfdc95b8b287c3047b4f2ffcbcde898a0b9843 `Aryeh Gregor`<mailto:ayg@aryeh.name> Background images fall within the element's border box, so they need to be transformed along with it. In this case the transform is applied to the body element, but the root element's background is transparent, so the background is actually on the root element instead of the body. Therefore, the transform must not affect the background. +transform-background-007 reference/transform-background-ref-2 Transform of Background Image (propagated body with root element transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering 21dcc00548587da28bb5b181fadc2cae2473e482 `Aryeh Gregor`<mailto:ayg@aryeh.name> "If the root element is transformed, the transformation applies to the entire canvas, including any background specified for the root element. Since the background painting area for the root element is the entire canvas, which is infinite, the transformation might cause parts of the background that were originally off-screen to appear. For example, if the root element's background were repeating dots, and a transformation of 'scale(0.5)' were specified on the root element, the dots would shrink to half their size, but there will be twice as many, so they still cover the whole viewport." In this case, the background is specified on the body but propagates to the root element. The transform is on the root element, so it needs to affect the background. The rotation 90 degrees clockwise means that most of the screen will be filled with triangles that were originally above the top of the viewport; the original top row of triangles will now be on the left. +transform-background-008 reference/transform-background-ref-2 Transform of Background Image (root element background and transform) svg http://www.w3.org/TR/css-transforms-1/#transform-rendering 91095bb7bf9c5f06f5117a9fb116845d1ba4364f `Aryeh Gregor`<mailto:ayg@aryeh.name> This is exactly the same as transform-background-007.html, except that the background is specified directly on the root element instead of being specified on the body and propagating to the root. transform-compound-001 reference/transform-compound-ref,!reference/transform-compound-notref-1,!reference/transform-compound-notref-2 Compound Transforms http://www.w3.org/TR/css-transforms-1/#transform-rendering 65423ad44cb45420ba7c53d298bf04bdf96e6a99 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Robert O'Callahan`<mailto:robert@ocallahan.org>,`Aryeh Gregor`<mailto:ayg@aryeh.name> Tests that applying multiple transforms to an element is the same as applying the transforms in the same order to nested elements. transform-containing-block-dynamic-1a reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements https://drafts.csswg.org/css-transforms-1/#transform-rendering,https://drafts.csswg.org/css-transforms-1/#transform-property c3f9d7a8c16cd9fd6cda5cddcbb0284dbcd7a63a `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants. The object acts as a containing block for fixed positioned descendants. transform-containing-block-dynamic-1b reference/containing-block-dynamic-1-ref CSS transforms: Creating containing block for fixed positioned elements https://drafts.csswg.org/css-transforms-1/#transform-rendering,https://drafts.csswg.org/css-transforms-1/#transform-property 8a7d0c09ed99b59f712e0367a4ff755666647d33 `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants. The object acts as a containing block for fixed positioned descendants. @@ -884,7 +884,7 @@ transform-origin-006 reference/transform-origin-ref-2 transform-origin percentag transform-origin-007 reference/transform-origin-007-ref transform-origin - 50% bottom('bottom' computes to '100%' in vertical position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 7cccdc9303d743d37c9bb4d8667df3d9275d8adc `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'bottom' computes to 100% for the vertical position. transform-origin-008 reference/transform-origin-007-ref transform-origin - center 0%('center' computes to '50%' in horizontal position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 93aa81d8d634718923c434433ff68d0d3c8970e1 `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'center' computes to 50%(left 50%) for the horizontal position. transform-origin-009 reference/transform-origin-007-ref transform-origin - 0% center('center' computes to '50%' in vertical position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 3b718f344483916201a66cbe6221c381159f53f7 `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'center' computes to 50%(top 50%) for the vertical position. -transform-origin-01 reference/transform-origin-01-ref SVG Transform using transform-origin http://www.w3.org/TR/css-transforms-1/#transform-origin-property ef1ced09d9b9d8c4be4ff2ab5e7dd7d180ae65de `CJ Gammon`<mailto:gammon@adobe.com> If only one value is specified, the second value is assumed to be ‘center’ +transform-origin-01 reference/transform-origin-01-ref SVG Transform using transform-origin http://www.w3.org/TR/css-transforms-1/#transform-origin-property dd392fb93d7f77eb3e7812f3292d6a816b6e646a `CJ Gammon`<mailto:gammon@adobe.com> If only one value is specified, the second value is assumed to be 'center' transform-origin-010 reference/transform-origin-007-ref transform-origin - left 0%('left' computes to '0%' in horizontal position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property b2442da33df650e1135410a58df6396c779179c2 `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'left' computes to 0% for the horizontal position. transform-origin-011 reference/transform-origin-007-ref transform-origin - right 100%('right' computes to '100%' in horizontal position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property 7b06dd1372944da05357015436d23b8d639c35bf `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'right' computes to 100% for the horizontal position. transform-origin-012 reference/transform-origin-007-ref transform-origin - 0% top('top' computes to '0%' in vertical position) http://www.w3.org/TR/css-transforms-1/#transform-origin-property e750026449d756bbaf3c4c1f8ce5f47de665571f `Intel`<http://www.intel.com>,`Jieqiong Cui`<mailto:jieqiongx.cui@intel.com> The 'transform-origin' property set 'top' computes to 0% for the vertical position. @@ -961,7 +961,7 @@ transform-translatex-002 reference/transform-translatex-ref translatex(50px) rot transform-translatex-003 reference/transform-translatex-ref translatex(25px) translatex(25px) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatex 49f80f7170088e0a270e42df182a0bdf59600ed6 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatex(25px) translatex(25px) is the same as relative positioning by 50px toward the right. transform-translatex-004 reference/transform-translatex-ref translatex() plus relative positioning http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatex fea38c7a5f3682e7ef86c71cf284681ebd305d62 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatex(25px) plus relative positioning 25px to the right is the same as relative positioning by 50px toward the right. transform-translatex-005 reference/transform-translatex-ref Several X-Translations Combined http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatex 1db5d24fc75ee737c88908519944b14260c734c3 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that a sequence of positive and negative translations is the same as relative positioning by 50px toward the right. -transform-translatex-006 reference/transform-translatex-ref transform property with translateX function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 5b05587254888e6c0e89fdeb049ef789173a189c `Serena Wales`<mailto:serena@codeforamerica.org> This tests that translateX(50px) translates a box by 50 pixels in the X direction. +transform-translatex-006 reference/transform-translatex-ref transform property with translateX function http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions e34401f774f15d349143c4731caf52a0cc9e6aea `Serena Wales`<mailto:serena@codeforamerica.org> This tests that translateX(50px) translates a box by 50 pixels in the X direction. transform-translatey-001 reference/transform-translatey-ref translatey(50px) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey a22d68bd276eac23677398775496082e8989710c `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatey(50px) is the same as relative positioning by 50px toward the bottom. transform-translatey-002 reference/transform-translatey-ref translatey(50px) rotate(360deg) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey eae3e3fc3e92f41ece53f1ac2afe12cf567a26a3 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatey(50px) rotate(360deg) is the same as relative positioning by 50px toward the bottom. transform-translatey-003 reference/transform-translatey-ref translatey(25px) translatey(25px) http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css-transforms-1/#funcdef-translatey f69f3f755acf7612a6af561a89e3ca888f4fa145 `Keith Schwarz`<mailto:keith@keithschwarz.com>,`Aryeh Gregor`<mailto:ayg@aryeh.name> This tests that translatey(25px) translatey(25px) is the same as relative positioning by 50px toward the bottom. @@ -1040,8 +1040,8 @@ transforms-rotate-translate-scale reference/transforms-rotate-translate-scale-re transforms-rotateY-degree-60 reference/transforms-rotateY-degree-60-ref transform property with rotate function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 54c1e1cfe7f1109159253136b2239111d0c109c8 `Ji Kai`<mailto:7jikai@gmail.com> transforms-skewX reference/transforms-skewX-ref transform property with skew function for X axis. http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions dd76111e380e64f3e5cbef9ffbdb5a044d862f2e `Jacy-Bai`<mailto:jinxin.bai@gmail.com> If the skew for X axis not provided, greenSquare will not cover redSquare. transforms-skewY reference/transforms-skewY-ref transform property with skew function for Y axis. http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 5600d5b5fc10aeaa2d3c43e51ac36ac2c6793e70 `Jacy-Bai`<mailto:jinxin.bai@gmail.com> If the skew for Y axis not provided, greenSquare will not cover redSquare. -translate reference/translate-ref test translate http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering f9426c7946bea4fb7d30ad5e7326caf46a465b28 `Ebay Inc.`<xiatian@ebay.com> translate x, y -translate-optional-second-001 reference/translate-optional-second-ref transform property with translate function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 2a11e746366063ba9b10397b490738a8c686b892 `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction. +translate reference/translate-ref test translate http://www.w3.org/TR/css-transforms-1/#3d-transform-rendering df5cbdd25700b31adf321f8f3f689dc11fa20804 `Ebay Inc.`<xiatian@ebay.com> translate x, y +translate-optional-second-001 reference/translate-optional-second-ref transform property with translate function and one parameter http://www.w3.org/TR/css-transforms-1/#transform-property,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions 8b89de122e13cc0eb8794e3dee25bd804c81436b `Jian Zhang`<mailto:jian.andy.zhang@gmail.com> If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction. transofrmed-preserve-3d-1 reference/transofrmed-preserve-3d-1-ref transform preserve-3d http://www.w3.org/TR/css-transforms-1/#transform-property 2dea466f5bd0eaaabc1aece7ad68db29009a4524 `loveky`<mailto:ylzcylx@gmail.com> The transformed div should establishe a 3D rendering context transofrmed-rotateX-3 reference/transofrmed-rotateX-3-ref transform rotateX http://www.w3.org/TR/css-transforms-1/#transform-property 1045ee0727034be93674d88e23480934850a43f0 `loveky`<mailto:ylzcylx@gmail.com> The transformed div should rotateX by 180 degrees transofrmed-rotateY-1 reference/transofrmed-rotateY-1-ref transform rotateY http://www.w3.org/TR/css-transforms-1/#transform-property 71eb2c034927bca565a6a03e81fb2ca6ebfa1950 `loveky`<mailto:ylzcylx@gmail.com> The transformed div should rotate 90 degrees diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-001.xht index c39dc8ab1d6..306043ccfd9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-001.xht @@ -12,10 +12,10 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-js.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-js.xht index 05c3fd19b50..f5cdcabbed3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-js.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/2d-rotate-js.xht @@ -37,9 +37,9 @@ assertion = window.getComputedStyle(box).getPropertyValue("transform"); test_function = function(){ assert_equals(assertion, expectation); - } - test(test_function, should_string); - })(); + } + test(test_function, should_string); + })(); </script> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/animations-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/animations-001.xht index a445d59b7bf..eaa7aac1a41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/animations-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/animations-001.xht @@ -37,7 +37,7 @@ </head> <body> <p>Test passes if you see a green square rotating once on top of a static blue square and no red.</p> - + <div class="region"> <p> </p> </div> @@ -50,4 +50,5 @@ xxxxx<br /> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-001.xht index 2ac24e64074..85c028f323f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-001.xht @@ -31,7 +31,7 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> @@ -39,4 +39,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-002.xht index b4f093f7005..a09bbec9c35 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/canvas3d-002.xht @@ -34,7 +34,7 @@ </head> <body> <p>Test passes if you see a continuous run of text over a cube (with blue, teal and purple sides) and no red.</p> - + <div class="flow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, veniam, dolorum earum molestias iusto corrupti quaerat unde. Nihil, ex, architecto enim doloremque amet ipsa distinctio quibusdam iste eveniet minima quisquam.</div> <div id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> @@ -43,4 +43,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-10.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-10.xht index 4723a41b399..722e2392537 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-10.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-10.xht @@ -83,7 +83,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -94,7 +94,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-7.xht index d140ee3cddb..09e73a3b79d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-7.xht @@ -201,7 +201,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -212,7 +212,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-8.xht index 7288c4e55be..9f64daaf4ca 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/chapter-8.xht @@ -1161,7 +1161,7 @@ <td></td> <td>SVG Transform using transform-origin <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be &acirc;&#8364;&#732;center&acirc;&#8364;&#8482;</li> + <li>If only one value is specified, the second value is assumed to be 'center'</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-rotate-2d-3d-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-rotate-2d-3d-001.xht index 114d6bffe74..9bf2f3070c5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-rotate-2d-3d-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-rotate-2d-3d-001.xht @@ -9,7 +9,7 @@ <meta content="This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-scale-nested-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-scale-nested-001.xht index 2d4e9f1f0d4..da69a37624e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-scale-nested-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-scale-nested-001.xht @@ -9,7 +9,7 @@ <link href="reference/css-scale-nested-ref.xht" rel="match" /> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { width: 100px; @@ -39,4 +39,5 @@ <div class="parentredSquare"><div class="childredSquare"></div></div> <p>The test passes if there is a green square and no red.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-negative.xht index 77a039e7cc5..24ca97d050e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-negative.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-positive.xht index f83c901aa40..dbc76b74fc0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-X-positive.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-negative.xht index be87d5b8112..67e195d6e72 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-negative.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-positive.xht index a3723a78058..08a09636270 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Y-positive.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-negative.xht index 4724af17131..a3b63bd7d45 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-negative.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-positive.xht index 4826467f184..a85ee8d64bc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotate3d-Z-positive.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-negative.xht index b0685900933..654526395e5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-negative.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-positive.xht index 47d8633d32f..5c5b08dc938 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateX-positive.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-negative.xht index 2ed5b6c53d7..2884962f1c3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-negative.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-positive.xht index 103ab25bcd5..87164c2e534 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateY-positive.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-negative.xht index 1789db332d7..7f9c3d3e6ae 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-negative.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-positive.xht index a4fac403825..458dc4f9918 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-rotateZ-positive.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-transform-style.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-transform-style.xht index 5a4645cfe60..63f94a69789 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-transform-style.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-3d-transform-style.xht @@ -4,7 +4,7 @@ <title>CSS Transforms Test: rotateY with transform-style on nested elements</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-style-property" rel="help" /> - <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> + <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> <link href="reference/css-transform-3d-transform-style-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box." name="assert" /> @@ -17,7 +17,7 @@ height: 200px; width: 200px; left: 65px; - top: 45px; + top: 45px; } div.blue { background-color: blue; @@ -32,7 +32,7 @@ background-color: green; left: 40px; top: 0px; - height: 180px; + height: 180px; width: 180px; transform: rotateY(120deg); } @@ -40,7 +40,7 @@ background-color: red; left: 140px; top: 10px; - height: 180px; + height: 180px; width: 20px; } </style> @@ -52,7 +52,7 @@ <div class="blue"> <div class="green"></div> </div> - </div> + </div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht index d9862b20313..4c265907a06 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-inherit-scale.xht @@ -27,7 +27,7 @@ top: 75px; left: 75px; transform: scale(2); - + } .child { position: absolute; @@ -46,4 +46,5 @@ <div class="child"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-001.xht index 5564f5fa9ad..1c734ab540d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-001.xht @@ -14,7 +14,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -47,4 +47,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-002.xht index 6191e5f6b29..e1ad4390395 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-scale-002.xht @@ -12,7 +12,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -44,4 +44,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-style-evaluation-validation.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-style-evaluation-validation.xht index 56085e13fce..c9454600326 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-style-evaluation-validation.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transform-style-evaluation-validation.xht @@ -36,7 +36,7 @@ document.getElementById("test").style.transform = "rotate(30deg) rotateX(60deg)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); }, "transform: Check valied multi-expr input."); - + test(function() { document.getElementById("test").style.transform = "rotate(0)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transforms-transformlist.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transforms-transformlist.xht index 2f8bc28fd41..9eca8d9684a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transforms-transformlist.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css-transforms-transformlist.xht @@ -6,18 +6,18 @@ <link href="reference/css-transforms-transformlist-ref.xht" rel="match" /> <meta content="This test verifies that the CSS transform ends up in the list of SVG transforms" name="assert" /> <style type="text/css"> - + #rect { fill: green; transform: translate(10px, 10px); } - + #result { width:100px; height:100px; background-color: red; } - + </style> <script> window.addEventListener('load', function(){ @@ -25,13 +25,13 @@ var result = document.getElementById("result"); if(r.transform.baseVal.length>0) result.style.backgroundColor = "rgb(0, 255, 0)"; - + document.getElementById("svgelement").style.display="none"; }, false); </script> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <svg id="svgelement" xmlns="http://www.w3.org/2000/svg"> <rect width="100" id="rect" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-rotateY.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-rotateY.xht index 82c7f551698..c59c06ddad0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-rotateY.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-rotateY.xht @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-rotate" rel="help" /> <link href="reference/css3-transform-rotateY-ref.xht" rel="match" /> - <meta content="box width should be equal to projection width if transform rotateY applied" name="assert" /> + <meta content="box width should be equal to projection width if transform rotateY applied" name="assert" /> <style type="text/css"> .red, .green{ - width:198px; - height: 200px; - background-color:green; + width:198px; + height: 200px; + background-color:green; position: absolute; top: 50px; left:51px; @@ -33,4 +33,5 @@ <div class="green"></div> <div class="red"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-scale-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-scale-002.xht index 0456d0c63fb..27340e786f1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-scale-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/css3-transform-scale-002.xht @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help" /> <link href="reference/css3-transform-scale-ref-002.xht" rel="match" /> - <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert" /> + <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert" /> <style type="text/css"> .red, .green{ - width:100px; - height: 100px; - background-color:green; + width:100px; + height: 100px; + background-color:green; position: absolute; top: 150px; left:150px; @@ -35,4 +35,5 @@ <div class="red"></div> <div class="green"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-negative.xht index 33a330e97a9..4deb41f3284 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-negative.xht @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="reference/perspective-reftest.xht" rel="match" /> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a negative Z" name="assert" /> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a negative Z" name="assert" /> <style type="text/css"> .container { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-positive.xht index 3eca048bd10..38ffdfb4ca1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/perspective-translateZ-positive.xht @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="reference/perspective-reftest.xht" rel="match" /> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a positive Z" name="assert" /> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a positive Z" name="assert" /> <style type="text/css"> .redContainer { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/2d-rotate-notref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/2d-rotate-notref.xht index 27643ea7f22..a9193658221 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/2d-rotate-notref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/2d-rotate-notref.xht @@ -10,19 +10,19 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; cursor:pointer; - } + } section article{ transform: rotate(30deg); transform-origin: 19% 197%; } - + </style> </head> <body> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/animations-001-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/animations-001-ref.xht index abae131eff2..d5c95bbb26b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/animations-001-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/animations-001-ref.xht @@ -23,7 +23,7 @@ </head> <body> <p>Test passes if you see a rotating green square on top of a static blue square and no red.</p> - + <div class="region"> <div class="transformed flow rotate once"> xxxxx<br /> @@ -34,4 +34,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/canvas3d-001-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/canvas3d-001-ref.xht index 3bc1b0bc046..687a7e3cf5a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/canvas3d-001-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/canvas3d-001-ref.xht @@ -18,11 +18,12 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="region"> <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-scale-nested-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-scale-nested-ref.xht index 00ec0f6be6a..eb9816ac47f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-scale-nested-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-scale-nested-ref.xht @@ -5,10 +5,10 @@ <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck" /> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { - + width: 100px; height: 100px; background: green; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateX-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateX-ref.xht index 5a3bb413db1..5d07002fdfb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateX-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateX-ref.xht @@ -7,15 +7,15 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.greensquare { background-color: green; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } </style> </head> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateZ-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateZ-ref.xht index a1d33b3c292..16b71a4dca1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateZ-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-rotateZ-ref.xht @@ -5,11 +5,11 @@ <link href="http://www.intel.com" rel="author" title="Intel" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -19,14 +19,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-transform-style-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-transform-style-ref.xht index c41aeebf6f9..b2758ae003b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-transform-style-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transform-3d-transform-style-ref.xht @@ -12,7 +12,7 @@ height: 200px; left: 65px; top: 45px; - width: 200px; + width: 200px; } div.blue { background-color: blue; @@ -34,7 +34,7 @@ <p>Test passes if there is a gray square with <b>one blue</b> and <b>one green</b> box inside, and no any red.</p> <div class="container"></div> <div class="blue"></div> - <div class="greensquare"></div> + <div class="greensquare"></div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transforms-transformlist-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transforms-transformlist-ref.xht index b6a13838b57..4a59ba26951 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transforms-transformlist-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css-transforms-transformlist-ref.xht @@ -9,12 +9,12 @@ height:100px; background-color: green; } - + </style> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <div id="result"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css3-transform-rotateY-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css3-transform-rotateY-ref.xht index 5d5c4f5bde9..fe7ee1fe80f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css3-transform-rotateY-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/css3-transform-rotateY-ref.xht @@ -7,8 +7,8 @@ <style type="text/css"> .green{ width: 140px; - height: 200px; - background-color:green; + height: 200px; + background-color:green; position: absolute; top: 50px; left:80px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-008-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-008-ref.xht index aab004e44bb..17f6a020262 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-008-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-008-ref.xht @@ -15,12 +15,12 @@ height: 100px; border: 1px solid black; } - + </style> </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -32,4 +32,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-019-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-019-ref.xht index aed8324a03d..b1cfc8f7091 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-019-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/regions-transforms-019-ref.xht @@ -23,8 +23,8 @@ height: 100px; margin: 20px; } - - + + #failure { position: absolute; left: 25px; @@ -33,9 +33,9 @@ background-color: red; z-index: -1; } - - - + + + </style> </head> <body> @@ -51,4 +51,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_45deg-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_45deg-ref.xht index e8d86371511..3895f788208 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_45deg-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_45deg-ref.xht @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <div class="container"> @@ -26,4 +26,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_x_45deg-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_x_45deg-ref.xht index 42d07bcf261..c00c9ecee74 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_x_45deg-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_x_45deg-ref.xht @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> @@ -26,4 +26,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_y_45deg-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_y_45deg-ref.xht index 50e8fdad6c9..101369b845e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_y_45deg-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/rotate_y_45deg-ref.xht @@ -18,13 +18,14 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scalex-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scalex-ref.xht index 8d31fbb0c29..1d3a8a7eea8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scalex-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scalex-ref.xht @@ -9,7 +9,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> @@ -17,4 +17,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scaley-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scaley-ref.xht index b432b2797b7..82bd107f19a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scaley-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/scaley-ref.xht @@ -21,11 +21,12 @@ margin-top: 150px; } </style> - + </head> <body> <p>You should see only 1 green box.</p> <div class="container"> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/skew-test1-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/skew-test1-ref.xht index 80943d5284e..a63768ef5d2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/skew-test1-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/skew-test1-ref.xht @@ -5,11 +5,11 @@ <link href="mailto:mymygo@gmail.com" rel="author" title="Myriam Goude" /> <meta content="svg" name="flags" /> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } @@ -17,7 +17,7 @@ </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -27,7 +27,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewxy-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewxy-ref.xht index faca5f75777..8e94fd5bc0a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewxy-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewxy-ref.xht @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewy-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewy-ref.xht index 20489c6a6de..f5e3eb504c0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewy-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/svg-skewy-ref.xht @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-1.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-1.xht index f2d94c08d98..bb37333f463 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-1.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-1.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <style> div { width: 200px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-2.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-2.xht index 66d433b1315..97438f7fbd1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-2.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/transform-background-ref-2.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <style> html { background: url(support/transform-triangle-up.svg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/translate-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/translate-ref.xht index d999b91e8fa..0dcc7ba4246 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/translate-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/translate-ref.xht @@ -19,7 +19,7 @@ top:100px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area.</p> @@ -27,6 +27,7 @@ <div class="inner"> </div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-002.xht index 31bc0863b66..944a32df05f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-002.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> - <meta content="This test checks that the child is transformed along with the parent when the + <meta content="This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node" name="assert" /> <style> #named-flow-parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-003.xht index 9b76e42434f..8cc1305b875 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-003.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> - <meta content="This tests checks that when a transform is applied to a parent outside of the named + <meta content="This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent." name="assert" /> <style> #parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-004.xht index 5c4733440ff..69bd830e84b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-004.xht @@ -10,7 +10,7 @@ <link href="reference/regions-transforms-001-ref.xht" rel="match" /> <meta content="This test checks that a 3D transform can be applied to a region" name="assert" /> <style> - + #named-flow { width: 75px; height: 75px; @@ -52,11 +52,12 @@ </head> <body> <p>The test passes if you see a green square and no red.</p> - + <div id="failure1"></div> <div id="failure2"></div> <div id="named-flow"></div> <div id="region"></div> <div id="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-005.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-005.xht index 40fcfd845a9..f68f3746c63 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-005.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-005.xht @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that content that has a 3D transform does not respect the perspective + <meta content="Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region." name="assert" /> <meta content="ahem" name="flags" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> @@ -57,7 +57,8 @@ XXXXX<br /> </div> </div> - <!-- If the red content is properly transformed, it will be hidden beneath this green div --> + <!-- If the red content is properly transformed, it will be hidden beneath this green div --> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-006.xht index 08277d78349..9b489924664 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-006.xht @@ -7,7 +7,7 @@ <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> - <meta content="Test checks that content flowed in a region and overflowing it is still rendered + <meta content="Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied." name="assert" /> <meta content="ahem" name="flags" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> @@ -28,7 +28,7 @@ flow-from: f; transform: rotateZ(90deg); transform-origin: bottom right; - + width: 50px; height: 50px; background-color: green; @@ -49,4 +49,5 @@ <div class="ahem" id="named-flow">XXXXX</div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-007.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-007.xht index 420efd49f1d..a093a052542 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-007.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-007.xht @@ -7,15 +7,15 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <meta content="ahem" name="flags" /> - <meta content="Test checks that if both the content flowed in a region and the region have a - transform applied, they are properly composed. More specifically, in this test + <meta content="Test checks that if both the content flowed in a region and the region have a + transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees." name="assert" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> <style> .ahem { font-family: Ahem; font-size: 20px; - line-height: 20px; + line-height: 20px; } #named-flow { flow-into: f; @@ -47,4 +47,5 @@ <div id="region"></div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-008.xht index bfdf2d48850..181cdd57026 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-008.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-008.xht @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-008-ref.xht" rel="match" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that named flow text content is transformed when it breaks across + <meta content="This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible." name="assert" /> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -53,7 +53,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -61,14 +61,15 @@ <div class="ahem" id="named-flow">XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX</div> <div class="region"></div> <div class="region"></div> - + <div class="ahem failure left"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> <div class="ahem failure right"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> - - + + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-009.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-009.xht index f0d0c48658c..1f91fb4aa42 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-009.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-009.xht @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-008-ref.xht" rel="match" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that the regions are transformed when named flow text content breaks + <meta content="This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible." name="assert" /> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -56,7 +56,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -71,4 +71,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-011.xht index a8e25421601..730cf75cced 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-011.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-010-ref.xht" rel="match" /> - <meta content="This test checks that the region is transformed when a parent and its child are + <meta content="This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it." name="assert" /> <style> #named-flow-parent { @@ -50,4 +50,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-013.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-013.xht index e711dec1af4..0067a974fb3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-013.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-013.xht @@ -15,7 +15,7 @@ <link href="reference/regions-transforms-013-ref.xht" rel="match" /> <!-- This reference is for UAs that overflow monolithic content --> <link href="reference/regions-transforms-013-alt-ref.xht" rel="match" /> - <meta content="This test checks that the named flow content that is monolithic is transformed when it + <meta content="This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge." name="assert" /> <style> #named-flow { @@ -44,4 +44,5 @@ <div class="region" id="region1"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-014.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-014.xht index c288c71fce4..665c059f6cb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-014.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-014.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help" /> <link href="reference/regions-transforms-014-ref.xht" rel="match" /> - <meta content="This test checks that the transform and transform-origin are applied to a region + <meta content="This test checks that the transform and transform-origin are applied to a region with absolute positioning." name="assert" /> <style> #named-flow { @@ -36,4 +36,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-015.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-015.xht index 9e5b36ec7d3..c80ec8aa996 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-015.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-015.xht @@ -8,7 +8,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-014-ref.xht" rel="match" /> - <meta content="This test checks that the transform and transform-origin are applied to named flow + <meta content="This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning." name="assert" /><style> #named-flow { width: 50px; @@ -16,7 +16,7 @@ background-color: green; transform: scale(2); flow-into: f; - /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top + /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top edges of the region box */ transform-origin: left top; } @@ -37,4 +37,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-019.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-019.xht index a53956a173f..ffa22471ab7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-019.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-019.xht @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-origin-property" rel="help" /> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that the 3D transform is applied named content flow, that the + <meta content="Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted" name="assert" /> <meta content="ahem" name="flags" /> @@ -57,4 +57,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-020.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-020.xht index e0866521167..71f4b93aa3f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-020.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-020.xht @@ -56,6 +56,7 @@ </div> <div class="region"></div> <div class="region"></div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-021.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-021.xht index 4e438ad285c..155c69bd68e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-021.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-021.xht @@ -10,7 +10,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-020-ref.xht" rel="match" /> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin." name="assert" /> <style> .named-flow { @@ -50,4 +50,5 @@ <div class="region"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-022.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-022.xht index 0836a17cd7d..c3465dd26b6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-022.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/regions-transforms-022.xht @@ -11,7 +11,7 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-020-ref.xht" rel="match" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions" name="assert" /> <style> .ahem { @@ -80,4 +80,5 @@ <div class="vertical-bar"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-180-degrees-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-180-degrees-001.xht index 9b6b6bbb688..2d2f02200c2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-180-degrees-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-180-degrees-001.xht @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(180deg); + rotate(180deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-270-degrees-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-270-degrees-001.xht index c526243beb8..2454ba254f4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-270-degrees-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-270-degrees-001.xht @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(270deg); + rotate(270deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-90-degrees-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-90-degrees-001.xht index e03c5f584ac..5f741cb3e07 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-90-degrees-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate-90-degrees-001.xht @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(90deg); + rotate(90deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_45deg.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_45deg.xht index 217a4bc01e0..8a4bf7a699d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_45deg.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_45deg.xht @@ -19,7 +19,7 @@ height: 100px; } </style> - + </head> <body> <div class="container"> @@ -27,4 +27,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_x_45deg.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_x_45deg.xht index 98978b460cb..114bba3ecf7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_x_45deg.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_x_45deg.xht @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_y_45deg.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_y_45deg.xht index 6988c469349..9e6788f1587 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_y_45deg.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/rotate_y_45deg.xht @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-optional-second-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-optional-second-001.xht index 0c4c5f7a650..d0e07c674b1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-optional-second-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-optional-second-001.xht @@ -8,7 +8,7 @@ <meta content="If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 100px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-zero-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-zero-001.xht index 7275d5aeeef..0fdac48dd7c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-zero-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scale-zero-001.xht @@ -8,7 +8,7 @@ <meta content="If zero value is passed to scale function, it causes the element to disappear." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 50px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scalex.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scalex.xht index fd910ec5bf7..0b0e502d528 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scalex.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scalex.xht @@ -26,7 +26,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scaley.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scaley.xht index 1a17cc847df..b1522f98e30 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scaley.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/scaley.xht @@ -26,7 +26,7 @@ margin-top: 150px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only 1 green area</p> @@ -37,4 +37,5 @@ </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/skew-test1.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/skew-test1.xht index e0fe2161199..8b003ea3b5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/skew-test1.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/skew-test1.xht @@ -9,31 +9,31 @@ <meta content="svg" name="flags" /> <meta content="The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0" name="assert" /> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } - + div { width:150px; height:150px; background-color:lime; } - + .skew_div { transform: skew(30deg,20deg); transform-origin:0 0; } - + </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -43,7 +43,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:red" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + <div class="skew_div"> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-rotate-angle-45-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-rotate-angle-45-002.xht index 266f94263bb..3f7953b64a0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-rotate-angle-45-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-rotate-angle-45-002.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 142,2 210,71 142,139 73,71 Z" fill="red"></path> - <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> + <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-001.xht index ec9a78a530d..227a4984883 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-001.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-002.xht index 3f692659231..251ff82210f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-002.xht @@ -19,7 +19,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-003.xht index 94471b455a5..8be7863a483 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-003.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-004.xht index c5ea66215ff..d4200f3de5a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-004.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-005.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-005.xht index b93a002c32b..02960437982 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-005.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-005.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-006.xht index bf57420edd6..54db10e3239 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-006.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-007.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-007.xht index 627b5408345..a7d8cd7fe8c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-007.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-007.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-008.xht index 7f56e3f5117..687c5023125 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-008.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-008.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-009.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-009.xht index 1a409f27e42..22db87c84b1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-009.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-009.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-010.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-010.xht index 55d7fed0e0e..4714d0dcc38 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-010.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-010.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-011.xht index af291d19fb9..68c71b65f51 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-011.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-012.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-012.xht index 074c50cec8e..107103ca444 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-012.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-012.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-013.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-013.xht index 3b67772c12a..b7761c83a69 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-013.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-013.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-014.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-014.xht index a9820d73ba8..14830494461 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-014.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-014.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-015.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-015.xht index bf12956bea0..59b14211840 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-015.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-015.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-016.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-016.xht index c54e6174eee..40807b40e7e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-016.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-016.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-017.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-017.xht index 5922317ed8e..4da10876219 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-017.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewx-017.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-001.xht index 748d61156e5..bc129921024 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-001.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-002.xht index 0a84c056776..1c3778de492 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-002.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-003.xht index 49c2b962137..043e1744ae7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-003.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-004.xht index 81482d2e041..4fec2685101 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-004.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-005.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-005.xht index 84f9f7ba13c..b41d45a824e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-005.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-005.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-006.xht index 8d04a634e4d..88a90ade046 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-006.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-007.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-007.xht index eb664a2b612..da2ba592740 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-007.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-007.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-008.xht index 3ea67a10d80..6d92056272f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-008.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-008.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-009.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-009.xht index b5db704e065..822b90aeac6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-009.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-009.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-010.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-010.xht index bde35e910a8..ca169834360 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-010.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-010.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-011.xht index d5fcd7d1fce..8287c52d39d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-011.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-012.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-012.xht index 78a2f3f08e9..683744a18cc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-012.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-012.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-013.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-013.xht index eef5300f724..78fd305f03d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-013.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-013.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-014.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-014.xht index 678c020dd72..5650612ea08 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-014.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-014.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-015.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-015.xht index d3fc3be7d96..16cca870e5a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-015.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-015.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-016.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-016.xht index c744929ac20..8f9e208ded6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-016.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-016.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-017.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-017.xht index e35127e5784..522212a62ae 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-017.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-skewy-017.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-010.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-010.xht index f392a358037..11f5c548576 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-010.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-010.xht @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200) - translateY(100) + <rect width="100" fill="url(#grad)" transform="translateX(200) + translateY(100) rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-011.xht index 4241c76173c..9dc6ca0e86f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/svg-transform-list-separations-011.xht @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200), - translateY(100), + <rect width="100" fill="url(#grad)" transform="translateX(200), + translateY(100), rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-2d-getComputedStyle-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-2d-getComputedStyle-001.xht index bf0a27a03c0..509a3434371 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-2d-getComputedStyle-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-2d-getComputedStyle-001.xht @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <meta content="dom" name="flags" /> - <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert" /> + <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert" /> <style type="text/css"> .block { display: block; @@ -54,7 +54,7 @@ } */</script> <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-001.xht index ef323b16db4..bc72a979ca5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-001.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate right)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert" /> <meta content="svg" name="flags" /> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-002.xht index 18c27753e4e..a52a68b5cc4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-002.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate left)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert" /> <meta content="svg" name="flags" /> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-003.xht index e1489394b1e..c5a94f946bc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-003.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert" /> <meta content="svg" name="flags" /> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-004.xht index c09d4268c1e..0ca0438435c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-background-004.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (nested flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-origin-01.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-origin-01.xht index 31ef459a700..fbd4fa4d7fe 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-origin-01.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-origin-01.xht @@ -4,7 +4,7 @@ <link href="mailto:gammon@adobe.com" rel="author" title="CJ Gammon" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help" /> <link href="reference/transform-origin-01-ref.xht" rel="match" /> - <meta content="If only one value is specified, the second value is assumed to be ‘center’" name="assert" /> + <meta content="If only one value is specified, the second value is assumed to be 'center'" name="assert" /> <style type="text/css"> #container{ position: relative; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-translatex-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-translatex-006.xht index 6e38c74492a..2aa0a04339a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-translatex-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/transform-translatex-006.xht @@ -7,13 +7,13 @@ <link href="reference/transform-translatex-ref.xht" rel="match" /> <meta content="This tests that translateX(50px) translates a box by 50 pixels in the X direction." name="assert" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate-optional-second-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate-optional-second-001.xht index e58e5ede905..9fde74952d4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate-optional-second-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate-optional-second-001.xht @@ -8,7 +8,7 @@ <meta content=" If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate.xht index b2ed746cc09..97f39441307 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/translate.xht @@ -31,18 +31,19 @@ background-color: red; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area</p> - + <div class="container"> - + <div class="inner"> </div> <div class="hidden"> </div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-001.xht index c39dc8ab1d6..306043ccfd9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-001.xht @@ -12,10 +12,10 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-js.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-js.xht index 05c3fd19b50..f5cdcabbed3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-js.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/2d-rotate-js.xht @@ -37,9 +37,9 @@ assertion = window.getComputedStyle(box).getPropertyValue("transform"); test_function = function(){ assert_equals(assertion, expectation); - } - test(test_function, should_string); - })(); + } + test(test_function, should_string); + })(); </script> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/animations-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/animations-001.xht index a445d59b7bf..eaa7aac1a41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/animations-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/animations-001.xht @@ -37,7 +37,7 @@ </head> <body> <p>Test passes if you see a green square rotating once on top of a static blue square and no red.</p> - + <div class="region"> <p> </p> </div> @@ -50,4 +50,5 @@ xxxxx<br /> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-001.xht index 2ac24e64074..85c028f323f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-001.xht @@ -31,7 +31,7 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> @@ -39,4 +39,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-002.xht index b4f093f7005..a09bbec9c35 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/canvas3d-002.xht @@ -34,7 +34,7 @@ </head> <body> <p>Test passes if you see a continuous run of text over a cube (with blue, teal and purple sides) and no red.</p> - + <div class="flow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, veniam, dolorum earum molestias iusto corrupti quaerat unde. Nihil, ex, architecto enim doloremque amet ipsa distinctio quibusdam iste eveniet minima quisquam.</div> <div id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> @@ -43,4 +43,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-10.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-10.xht index 4723a41b399..722e2392537 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-10.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-10.xht @@ -83,7 +83,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -94,7 +94,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-7.xht index d140ee3cddb..09e73a3b79d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-7.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-7.xht @@ -201,7 +201,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -212,7 +212,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-8.xht index 7288c4e55be..9f64daaf4ca 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-8.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/chapter-8.xht @@ -1161,7 +1161,7 @@ <td></td> <td>SVG Transform using transform-origin <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be &acirc;&#8364;&#732;center&acirc;&#8364;&#8482;</li> + <li>If only one value is specified, the second value is assumed to be 'center'</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-rotate-2d-3d-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-rotate-2d-3d-001.xht index 114d6bffe74..9bf2f3070c5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-rotate-2d-3d-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-rotate-2d-3d-001.xht @@ -9,7 +9,7 @@ <meta content="This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-scale-nested-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-scale-nested-001.xht index 2d4e9f1f0d4..da69a37624e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-scale-nested-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-scale-nested-001.xht @@ -9,7 +9,7 @@ <link href="reference/css-scale-nested-ref.xht" rel="match" /> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { width: 100px; @@ -39,4 +39,5 @@ <div class="parentredSquare"><div class="childredSquare"></div></div> <p>The test passes if there is a green square and no red.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-negative.xht index 77a039e7cc5..24ca97d050e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-negative.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-positive.xht index f83c901aa40..dbc76b74fc0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-X-positive.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-negative.xht index be87d5b8112..67e195d6e72 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-negative.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-positive.xht index a3723a78058..08a09636270 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Y-positive.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-negative.xht index 4724af17131..a3b63bd7d45 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-negative.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-positive.xht index 4826467f184..a85ee8d64bc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotate3d-Z-positive.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-negative.xht index b0685900933..654526395e5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-negative.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-positive.xht index 47d8633d32f..5c5b08dc938 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateX-positive.xht @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-negative.xht index 2ed5b6c53d7..2884962f1c3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-negative.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-positive.xht index 103ab25bcd5..87164c2e534 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateY-positive.xht @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-negative.xht index 1789db332d7..7f9c3d3e6ae 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-negative.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-positive.xht index a4fac403825..458dc4f9918 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-rotateZ-positive.xht @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle." name="assert" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-transform-style.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-transform-style.xht index 5a4645cfe60..63f94a69789 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-transform-style.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-3d-transform-style.xht @@ -4,7 +4,7 @@ <title>CSS Transforms Test: rotateY with transform-style on nested elements</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-style-property" rel="help" /> - <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> + <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> <link href="reference/css-transform-3d-transform-style-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box." name="assert" /> @@ -17,7 +17,7 @@ height: 200px; width: 200px; left: 65px; - top: 45px; + top: 45px; } div.blue { background-color: blue; @@ -32,7 +32,7 @@ background-color: green; left: 40px; top: 0px; - height: 180px; + height: 180px; width: 180px; transform: rotateY(120deg); } @@ -40,7 +40,7 @@ background-color: red; left: 140px; top: 10px; - height: 180px; + height: 180px; width: 20px; } </style> @@ -52,7 +52,7 @@ <div class="blue"> <div class="green"></div> </div> - </div> + </div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-inherit-scale.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-inherit-scale.xht index d9862b20313..4c265907a06 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-inherit-scale.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-inherit-scale.xht @@ -27,7 +27,7 @@ top: 75px; left: 75px; transform: scale(2); - + } .child { position: absolute; @@ -46,4 +46,5 @@ <div class="child"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-001.xht index 5564f5fa9ad..1c734ab540d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-001.xht @@ -14,7 +14,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -47,4 +47,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-002.xht index 6191e5f6b29..e1ad4390395 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-scale-002.xht @@ -12,7 +12,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -44,4 +44,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-style-evaluation-validation.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-style-evaluation-validation.xht index 56085e13fce..c9454600326 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-style-evaluation-validation.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transform-style-evaluation-validation.xht @@ -36,7 +36,7 @@ document.getElementById("test").style.transform = "rotate(30deg) rotateX(60deg)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); }, "transform: Check valied multi-expr input."); - + test(function() { document.getElementById("test").style.transform = "rotate(0)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transforms-transformlist.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transforms-transformlist.xht index 2f8bc28fd41..9eca8d9684a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transforms-transformlist.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css-transforms-transformlist.xht @@ -6,18 +6,18 @@ <link href="reference/css-transforms-transformlist-ref.xht" rel="match" /> <meta content="This test verifies that the CSS transform ends up in the list of SVG transforms" name="assert" /> <style type="text/css"> - + #rect { fill: green; transform: translate(10px, 10px); } - + #result { width:100px; height:100px; background-color: red; } - + </style> <script> window.addEventListener('load', function(){ @@ -25,13 +25,13 @@ var result = document.getElementById("result"); if(r.transform.baseVal.length>0) result.style.backgroundColor = "rgb(0, 255, 0)"; - + document.getElementById("svgelement").style.display="none"; }, false); </script> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <svg id="svgelement" xmlns="http://www.w3.org/2000/svg"> <rect width="100" id="rect" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-rotateY.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-rotateY.xht index 82c7f551698..c59c06ddad0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-rotateY.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-rotateY.xht @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-rotate" rel="help" /> <link href="reference/css3-transform-rotateY-ref.xht" rel="match" /> - <meta content="box width should be equal to projection width if transform rotateY applied" name="assert" /> + <meta content="box width should be equal to projection width if transform rotateY applied" name="assert" /> <style type="text/css"> .red, .green{ - width:198px; - height: 200px; - background-color:green; + width:198px; + height: 200px; + background-color:green; position: absolute; top: 50px; left:51px; @@ -33,4 +33,5 @@ <div class="green"></div> <div class="red"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-scale-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-scale-002.xht index 0456d0c63fb..27340e786f1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-scale-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/css3-transform-scale-002.xht @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help" /> <link href="reference/css3-transform-scale-ref-002.xht" rel="match" /> - <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert" /> + <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert" /> <style type="text/css"> .red, .green{ - width:100px; - height: 100px; - background-color:green; + width:100px; + height: 100px; + background-color:green; position: absolute; top: 150px; left:150px; @@ -35,4 +35,5 @@ <div class="red"></div> <div class="green"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-negative.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-negative.xht index 33a330e97a9..4deb41f3284 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-negative.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-negative.xht @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="reference/perspective-reftest.xht" rel="match" /> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a negative Z" name="assert" /> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a negative Z" name="assert" /> <style type="text/css"> .container { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-positive.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-positive.xht index 3eca048bd10..38ffdfb4ca1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-positive.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/perspective-translateZ-positive.xht @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="reference/perspective-reftest.xht" rel="match" /> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a positive Z" name="assert" /> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a positive Z" name="assert" /> <style type="text/css"> .redContainer { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/2d-rotate-notref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/2d-rotate-notref.xht index 27643ea7f22..a9193658221 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/2d-rotate-notref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/2d-rotate-notref.xht @@ -10,19 +10,19 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; cursor:pointer; - } + } section article{ transform: rotate(30deg); transform-origin: 19% 197%; } - + </style> </head> <body> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/animations-001-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/animations-001-ref.xht index abae131eff2..d5c95bbb26b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/animations-001-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/animations-001-ref.xht @@ -23,7 +23,7 @@ </head> <body> <p>Test passes if you see a rotating green square on top of a static blue square and no red.</p> - + <div class="region"> <div class="transformed flow rotate once"> xxxxx<br /> @@ -34,4 +34,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/canvas3d-001-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/canvas3d-001-ref.xht index 3bc1b0bc046..687a7e3cf5a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/canvas3d-001-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/canvas3d-001-ref.xht @@ -18,11 +18,12 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="region"> <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-scale-nested-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-scale-nested-ref.xht index 00ec0f6be6a..eb9816ac47f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-scale-nested-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-scale-nested-ref.xht @@ -5,10 +5,10 @@ <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck" /> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { - + width: 100px; height: 100px; background: green; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateX-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateX-ref.xht index 5a3bb413db1..5d07002fdfb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateX-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateX-ref.xht @@ -7,15 +7,15 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.greensquare { background-color: green; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } </style> </head> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateZ-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateZ-ref.xht index a1d33b3c292..16b71a4dca1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateZ-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-rotateZ-ref.xht @@ -5,11 +5,11 @@ <link href="http://www.intel.com" rel="author" title="Intel" /> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -19,14 +19,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-transform-style-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-transform-style-ref.xht index c41aeebf6f9..b2758ae003b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-transform-style-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transform-3d-transform-style-ref.xht @@ -12,7 +12,7 @@ height: 200px; left: 65px; top: 45px; - width: 200px; + width: 200px; } div.blue { background-color: blue; @@ -34,7 +34,7 @@ <p>Test passes if there is a gray square with <b>one blue</b> and <b>one green</b> box inside, and no any red.</p> <div class="container"></div> <div class="blue"></div> - <div class="greensquare"></div> + <div class="greensquare"></div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transforms-transformlist-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transforms-transformlist-ref.xht index b6a13838b57..4a59ba26951 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transforms-transformlist-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css-transforms-transformlist-ref.xht @@ -9,12 +9,12 @@ height:100px; background-color: green; } - + </style> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <div id="result"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css3-transform-rotateY-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css3-transform-rotateY-ref.xht index 5d5c4f5bde9..fe7ee1fe80f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css3-transform-rotateY-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/css3-transform-rotateY-ref.xht @@ -7,8 +7,8 @@ <style type="text/css"> .green{ width: 140px; - height: 200px; - background-color:green; + height: 200px; + background-color:green; position: absolute; top: 50px; left:80px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-008-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-008-ref.xht index aab004e44bb..17f6a020262 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-008-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-008-ref.xht @@ -15,12 +15,12 @@ height: 100px; border: 1px solid black; } - + </style> </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -32,4 +32,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-019-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-019-ref.xht index aed8324a03d..b1cfc8f7091 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-019-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/regions-transforms-019-ref.xht @@ -23,8 +23,8 @@ height: 100px; margin: 20px; } - - + + #failure { position: absolute; left: 25px; @@ -33,9 +33,9 @@ background-color: red; z-index: -1; } - - - + + + </style> </head> <body> @@ -51,4 +51,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_45deg-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_45deg-ref.xht index e8d86371511..3895f788208 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_45deg-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_45deg-ref.xht @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <div class="container"> @@ -26,4 +26,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_x_45deg-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_x_45deg-ref.xht index 42d07bcf261..c00c9ecee74 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_x_45deg-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_x_45deg-ref.xht @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> @@ -26,4 +26,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_y_45deg-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_y_45deg-ref.xht index 50e8fdad6c9..101369b845e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_y_45deg-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/rotate_y_45deg-ref.xht @@ -18,13 +18,14 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scalex-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scalex-ref.xht index 8d31fbb0c29..1d3a8a7eea8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scalex-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scalex-ref.xht @@ -9,7 +9,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> @@ -17,4 +17,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scaley-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scaley-ref.xht index b432b2797b7..82bd107f19a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scaley-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/scaley-ref.xht @@ -21,11 +21,12 @@ margin-top: 150px; } </style> - + </head> <body> <p>You should see only 1 green box.</p> <div class="container"> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/skew-test1-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/skew-test1-ref.xht index 80943d5284e..a63768ef5d2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/skew-test1-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/skew-test1-ref.xht @@ -5,11 +5,11 @@ <link href="mailto:mymygo@gmail.com" rel="author" title="Myriam Goude" /> <meta content="svg" name="flags" /> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } @@ -17,7 +17,7 @@ </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -27,7 +27,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewxy-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewxy-ref.xht index faca5f75777..8e94fd5bc0a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewxy-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewxy-ref.xht @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewy-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewy-ref.xht index 20489c6a6de..f5e3eb504c0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewy-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/svg-skewy-ref.xht @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-1.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-1.xht index f2d94c08d98..bb37333f463 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-1.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-1.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <style> div { width: 200px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-2.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-2.xht index 66d433b1315..97438f7fbd1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-2.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/transform-background-ref-2.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <style> html { background: url(support/transform-triangle-up.svg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/translate-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/translate-ref.xht index d999b91e8fa..0dcc7ba4246 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/translate-ref.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/reference/translate-ref.xht @@ -19,7 +19,7 @@ top:100px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area.</p> @@ -27,6 +27,7 @@ <div class="inner"> </div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-002.xht index 31bc0863b66..944a32df05f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-002.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> - <meta content="This test checks that the child is transformed along with the parent when the + <meta content="This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node" name="assert" /> <style> #named-flow-parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-003.xht index 9b76e42434f..8cc1305b875 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-003.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> - <meta content="This tests checks that when a transform is applied to a parent outside of the named + <meta content="This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent." name="assert" /> <style> #parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-004.xht index 5c4733440ff..69bd830e84b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-004.xht @@ -10,7 +10,7 @@ <link href="reference/regions-transforms-001-ref.xht" rel="match" /> <meta content="This test checks that a 3D transform can be applied to a region" name="assert" /> <style> - + #named-flow { width: 75px; height: 75px; @@ -52,11 +52,12 @@ </head> <body> <p>The test passes if you see a green square and no red.</p> - + <div id="failure1"></div> <div id="failure2"></div> <div id="named-flow"></div> <div id="region"></div> <div id="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-005.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-005.xht index 40fcfd845a9..f68f3746c63 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-005.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-005.xht @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that content that has a 3D transform does not respect the perspective + <meta content="Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region." name="assert" /> <meta content="ahem" name="flags" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> @@ -57,7 +57,8 @@ XXXXX<br /> </div> </div> - <!-- If the red content is properly transformed, it will be hidden beneath this green div --> + <!-- If the red content is properly transformed, it will be hidden beneath this green div --> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-006.xht index 08277d78349..9b489924664 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-006.xht @@ -7,7 +7,7 @@ <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> - <meta content="Test checks that content flowed in a region and overflowing it is still rendered + <meta content="Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied." name="assert" /> <meta content="ahem" name="flags" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> @@ -28,7 +28,7 @@ flow-from: f; transform: rotateZ(90deg); transform-origin: bottom right; - + width: 50px; height: 50px; background-color: green; @@ -49,4 +49,5 @@ <div class="ahem" id="named-flow">XXXXX</div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-007.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-007.xht index 420efd49f1d..a093a052542 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-007.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-007.xht @@ -7,15 +7,15 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <meta content="ahem" name="flags" /> - <meta content="Test checks that if both the content flowed in a region and the region have a - transform applied, they are properly composed. More specifically, in this test + <meta content="Test checks that if both the content flowed in a region and the region have a + transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees." name="assert" /> <link href="reference/regions-transforms-001-ref.xht" rel="match" /> <style> .ahem { font-family: Ahem; font-size: 20px; - line-height: 20px; + line-height: 20px; } #named-flow { flow-into: f; @@ -47,4 +47,5 @@ <div id="region"></div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-008.xht index bfdf2d48850..181cdd57026 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-008.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-008.xht @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-008-ref.xht" rel="match" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that named flow text content is transformed when it breaks across + <meta content="This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible." name="assert" /> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -53,7 +53,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -61,14 +61,15 @@ <div class="ahem" id="named-flow">XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX</div> <div class="region"></div> <div class="region"></div> - + <div class="ahem failure left"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> <div class="ahem failure right"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> - - + + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-009.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-009.xht index f0d0c48658c..1f91fb4aa42 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-009.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-009.xht @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-008-ref.xht" rel="match" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that the regions are transformed when named flow text content breaks + <meta content="This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible." name="assert" /> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -56,7 +56,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -71,4 +71,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-011.xht index a8e25421601..730cf75cced 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-011.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-010-ref.xht" rel="match" /> - <meta content="This test checks that the region is transformed when a parent and its child are + <meta content="This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it." name="assert" /> <style> #named-flow-parent { @@ -50,4 +50,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-013.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-013.xht index e711dec1af4..0067a974fb3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-013.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-013.xht @@ -15,7 +15,7 @@ <link href="reference/regions-transforms-013-ref.xht" rel="match" /> <!-- This reference is for UAs that overflow monolithic content --> <link href="reference/regions-transforms-013-alt-ref.xht" rel="match" /> - <meta content="This test checks that the named flow content that is monolithic is transformed when it + <meta content="This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge." name="assert" /> <style> #named-flow { @@ -44,4 +44,5 @@ <div class="region" id="region1"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-014.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-014.xht index c288c71fce4..665c059f6cb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-014.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-014.xht @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help" /> <link href="reference/regions-transforms-014-ref.xht" rel="match" /> - <meta content="This test checks that the transform and transform-origin are applied to a region + <meta content="This test checks that the transform and transform-origin are applied to a region with absolute positioning." name="assert" /> <style> #named-flow { @@ -36,4 +36,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-015.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-015.xht index 9e5b36ec7d3..c80ec8aa996 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-015.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-015.xht @@ -8,7 +8,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="reference/regions-transforms-014-ref.xht" rel="match" /> - <meta content="This test checks that the transform and transform-origin are applied to named flow + <meta content="This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning." name="assert" /><style> #named-flow { width: 50px; @@ -16,7 +16,7 @@ background-color: green; transform: scale(2); flow-into: f; - /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top + /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top edges of the region box */ transform-origin: left top; } @@ -37,4 +37,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-019.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-019.xht index a53956a173f..ffa22471ab7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-019.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-019.xht @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-origin-property" rel="help" /> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that the 3D transform is applied named content flow, that the + <meta content="Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted" name="assert" /> <meta content="ahem" name="flags" /> @@ -57,4 +57,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-020.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-020.xht index e0866521167..71f4b93aa3f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-020.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-020.xht @@ -56,6 +56,7 @@ </div> <div class="region"></div> <div class="region"></div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-021.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-021.xht index 4e438ad285c..155c69bd68e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-021.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-021.xht @@ -10,7 +10,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-020-ref.xht" rel="match" /> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin." name="assert" /> <style> .named-flow { @@ -50,4 +50,5 @@ <div class="region"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-022.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-022.xht index 0836a17cd7d..c3465dd26b6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-022.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/regions-transforms-022.xht @@ -11,7 +11,7 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help" /> <link href="reference/regions-transforms-020-ref.xht" rel="match" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions" name="assert" /> <style> .ahem { @@ -80,4 +80,5 @@ <div class="vertical-bar"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-180-degrees-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-180-degrees-001.xht index 9b6b6bbb688..2d2f02200c2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-180-degrees-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-180-degrees-001.xht @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(180deg); + rotate(180deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-270-degrees-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-270-degrees-001.xht index c526243beb8..2454ba254f4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-270-degrees-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-270-degrees-001.xht @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(270deg); + rotate(270deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-90-degrees-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-90-degrees-001.xht index e03c5f584ac..5f741cb3e07 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-90-degrees-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate-90-degrees-001.xht @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(90deg); + rotate(90deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_45deg.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_45deg.xht index 217a4bc01e0..8a4bf7a699d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_45deg.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_45deg.xht @@ -19,7 +19,7 @@ height: 100px; } </style> - + </head> <body> <div class="container"> @@ -27,4 +27,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_x_45deg.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_x_45deg.xht index 98978b460cb..114bba3ecf7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_x_45deg.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_x_45deg.xht @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_y_45deg.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_y_45deg.xht index 6988c469349..9e6788f1587 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_y_45deg.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/rotate_y_45deg.xht @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-optional-second-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-optional-second-001.xht index 0c4c5f7a650..d0e07c674b1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-optional-second-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-optional-second-001.xht @@ -8,7 +8,7 @@ <meta content="If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 100px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-zero-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-zero-001.xht index 7275d5aeeef..0fdac48dd7c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-zero-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scale-zero-001.xht @@ -8,7 +8,7 @@ <meta content="If zero value is passed to scale function, it causes the element to disappear." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 50px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scalex.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scalex.xht index fd910ec5bf7..0b0e502d528 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scalex.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scalex.xht @@ -26,7 +26,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scaley.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scaley.xht index 1a17cc847df..b1522f98e30 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scaley.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/scaley.xht @@ -26,7 +26,7 @@ margin-top: 150px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only 1 green area</p> @@ -37,4 +37,5 @@ </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/skew-test1.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/skew-test1.xht index e0fe2161199..8b003ea3b5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/skew-test1.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/skew-test1.xht @@ -9,31 +9,31 @@ <meta content="svg" name="flags" /> <meta content="The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0" name="assert" /> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } - + div { width:150px; height:150px; background-color:lime; } - + .skew_div { transform: skew(30deg,20deg); transform-origin:0 0; } - + </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -43,7 +43,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:red" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + <div class="skew_div"> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-rotate-angle-45-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-rotate-angle-45-002.xht index 266f94263bb..3f7953b64a0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-rotate-angle-45-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-rotate-angle-45-002.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 142,2 210,71 142,139 73,71 Z" fill="red"></path> - <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> + <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-001.xht index ec9a78a530d..227a4984883 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-001.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-002.xht index 3f692659231..251ff82210f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-002.xht @@ -19,7 +19,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-003.xht index 94471b455a5..8be7863a483 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-003.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-004.xht index c5ea66215ff..d4200f3de5a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-004.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-005.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-005.xht index b93a002c32b..02960437982 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-005.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-005.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-006.xht index bf57420edd6..54db10e3239 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-006.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-007.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-007.xht index 627b5408345..a7d8cd7fe8c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-007.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-007.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-008.xht index 7f56e3f5117..687c5023125 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-008.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-008.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-009.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-009.xht index 1a409f27e42..22db87c84b1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-009.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-009.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-010.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-010.xht index 55d7fed0e0e..4714d0dcc38 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-010.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-010.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-011.xht index af291d19fb9..68c71b65f51 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-011.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-012.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-012.xht index 074c50cec8e..107103ca444 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-012.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-012.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-013.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-013.xht index 3b67772c12a..b7761c83a69 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-013.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-013.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-014.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-014.xht index a9820d73ba8..14830494461 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-014.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-014.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-015.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-015.xht index bf12956bea0..59b14211840 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-015.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-015.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-016.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-016.xht index c54e6174eee..40807b40e7e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-016.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-016.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-017.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-017.xht index 5922317ed8e..4da10876219 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-017.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewx-017.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-001.xht index 748d61156e5..bc129921024 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-001.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-002.xht index 0a84c056776..1c3778de492 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-002.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-003.xht index 49c2b962137..043e1744ae7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-003.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-004.xht index 81482d2e041..4fec2685101 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-004.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-005.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-005.xht index 84f9f7ba13c..b41d45a824e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-005.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-005.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-006.xht index 8d04a634e4d..88a90ade046 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-006.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-007.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-007.xht index eb664a2b612..da2ba592740 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-007.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-007.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-008.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-008.xht index 3ea67a10d80..6d92056272f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-008.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-008.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-009.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-009.xht index b5db704e065..822b90aeac6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-009.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-009.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-010.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-010.xht index bde35e910a8..ca169834360 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-010.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-010.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-011.xht index d5fcd7d1fce..8287c52d39d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-011.xht @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-012.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-012.xht index 78a2f3f08e9..683744a18cc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-012.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-012.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-013.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-013.xht index eef5300f724..78fd305f03d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-013.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-013.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-014.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-014.xht index 678c020dd72..5650612ea08 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-014.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-014.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-015.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-015.xht index d3fc3be7d96..16cca870e5a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-015.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-015.xht @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-016.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-016.xht index c744929ac20..8f9e208ded6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-016.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-016.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-017.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-017.xht index e35127e5784..522212a62ae 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-017.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-skewy-017.xht @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg xmlns="http://www.w3.org/2000/svg"> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-010.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-010.xht index f392a358037..11f5c548576 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-010.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-010.xht @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200) - translateY(100) + <rect width="100" fill="url(#grad)" transform="translateX(200) + translateY(100) rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-011.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-011.xht index 4241c76173c..9dc6ca0e86f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-011.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/svg-transform-list-separations-011.xht @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200), - translateY(100), + <rect width="100" fill="url(#grad)" transform="translateX(200), + translateY(100), rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-2d-getComputedStyle-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-2d-getComputedStyle-001.xht index bf0a27a03c0..509a3434371 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-2d-getComputedStyle-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-2d-getComputedStyle-001.xht @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" /> <meta content="dom" name="flags" /> - <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert" /> + <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert" /> <style type="text/css"> .block { display: block; @@ -54,7 +54,7 @@ } */</script> <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-001.xht index ef323b16db4..bc72a979ca5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-001.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate right)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert" /> <meta content="svg" name="flags" /> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-002.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-002.xht index 18c27753e4e..a52a68b5cc4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-002.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-002.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate left)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert" /> <meta content="svg" name="flags" /> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-003.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-003.xht index e1489394b1e..c5a94f946bc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-003.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-003.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert" /> <meta content="svg" name="flags" /> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-004.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-004.xht index c09d4268c1e..0ca0438435c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-004.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-background-004.xht @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (nested flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help" /> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze" /> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-origin-01.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-origin-01.xht index 31ef459a700..fbd4fa4d7fe 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-origin-01.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-origin-01.xht @@ -4,7 +4,7 @@ <link href="mailto:gammon@adobe.com" rel="author" title="CJ Gammon" /> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help" /> <link href="reference/transform-origin-01-ref.xht" rel="match" /> - <meta content="If only one value is specified, the second value is assumed to be ‘center’" name="assert" /> + <meta content="If only one value is specified, the second value is assumed to be 'center'" name="assert" /> <style type="text/css"> #container{ position: relative; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-translatex-006.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-translatex-006.xht index 6e38c74492a..2aa0a04339a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-translatex-006.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/transform-translatex-006.xht @@ -7,13 +7,13 @@ <link href="reference/transform-translatex-ref.xht" rel="match" /> <meta content="This tests that translateX(50px) translates a box by 50 pixels in the X direction." name="assert" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate-optional-second-001.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate-optional-second-001.xht index e58e5ede905..9fde74952d4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate-optional-second-001.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate-optional-second-001.xht @@ -8,7 +8,7 @@ <meta content=" If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction." name="assert" /> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate.xht index b2ed746cc09..97f39441307 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate.xht +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/translate.xht @@ -31,18 +31,19 @@ background-color: red; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area</p> - + <div class="container"> - + <div class="inner"> </div> <div class="hidden"> </div> </div> - + + </body></html>
\ No newline at end of file |