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/xhtml1 | |
| 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/xhtml1')
127 files changed, 264 insertions, 224 deletions
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 |