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/html | |
| 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/html')
127 files changed, 264 insertions, 224 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm index 46b1d76ba9a..138ad94a16c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm @@ -12,10 +12,10 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm index fd2e15d12f6..1f579596bc6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-js.htm @@ -37,9 +37,9 @@ assertion = window.getComputedStyle(box).getPropertyValue("transform"); test_function = function(){ assert_equals(assertion, expectation); - } - test(test_function, should_string); - })(); + } + test(test_function, should_string); + })(); </script> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm index aab675d698c..ced9bf2f461 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/animations-001.htm @@ -37,7 +37,7 @@ </head> <body> <p>Test passes if you see a green square rotating once on top of a static blue square and no red.</p> - + <div class="region"> <p> </p> </div> @@ -50,4 +50,5 @@ xxxxx<br> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm index 2d035d56a96..b0c1eaf810c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-001.htm @@ -31,7 +31,7 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> @@ -39,4 +39,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm index cd6a727e302..08c8978952c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/canvas3d-002.htm @@ -34,7 +34,7 @@ </head> <body> <p>Test passes if you see a continuous run of text over a cube (with blue, teal and purple sides) and no red.</p> - + <div class="flow">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, veniam, dolorum earum molestias iusto corrupti quaerat unde. Nihil, ex, architecto enim doloremque amet ipsa distinctio quibusdam iste eveniet minima quisquam.</div> <div id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> @@ -43,4 +43,5 @@ <p> </p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm index e2989989b7a..2cd25262ec2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm @@ -83,7 +83,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -94,7 +94,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm index e1484e5059a..78baa41795b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm @@ -201,7 +201,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a negative Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a negative Z</li> </ul> </td> </tr> @@ -212,7 +212,7 @@ <td></td> <td>perspective property <ul class="assert"> - <li>Asserts that the scaling is proportional to d/(d &acirc;&#710;&#8217; Z) for a positive Z</li> + <li>Asserts that the scaling is proportional to d/(d - Z) for a positive Z</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm index f66221aa501..9d454457304 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-8.htm @@ -1161,7 +1161,7 @@ <td></td> <td>SVG Transform using transform-origin <ul class="assert"> - <li>If only one value is specified, the second value is assumed to be &acirc;&#8364;&#732;center&acirc;&#8364;&#8482;</li> + <li>If only one value is specified, the second value is assumed to be 'center'</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm index 5b1a540de03..8f6bbe0b14f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-rotate-2d-3d-001.htm @@ -9,7 +9,7 @@ <meta content="This transform rotates a tall rectangle by 90 degrees then applies a 3D rotation in the X axis." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm index 4f9b322311d..ad0c53089f8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-scale-nested-001.htm @@ -9,7 +9,7 @@ <link href="reference/css-scale-nested-ref.htm" rel="match"> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { width: 100px; @@ -39,4 +39,5 @@ <div class="parentredSquare"><div class="childredSquare"></div></div> <p>The test passes if there is a green square and no red.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm index 8c04f912a99..73e2db98f77 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-negative.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm index cd84944f993..0a04859c302 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-X-positive.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotate3d(1,0,0,60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm index 90bceb297e5..ef189236aa3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-negative.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm index 29060f49e49..e7c644833d0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Y-positive.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotate3d(0,1,0,60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm index 564a2a9437c..7e46561e4cb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-negative.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm index be9789fafb0..b82afac89fe 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotate3d-Z-positive.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis would cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm index b05dbbba6b6..cab7b694f69 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-negative.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(-60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm index a0e4fcd3b20..eb6fce480aa 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateX-positive.htm @@ -11,17 +11,17 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.redsquare { background-color: red; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } - div.green { + div.green { background-color: green; height: 240px; transform: rotateX(60deg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm index aa415601c5a..fcd29ebccb9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-negative.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(-60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm index 225c68b6a2f..135bba2d20d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateY-positive.htm @@ -23,7 +23,7 @@ } div.green { background-color: green; - height: 120px; + height: 120px; transform: rotateY(60deg); width: 240px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm index d742a99ad5a..0d384014d86 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-negative.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for -90 degree on Z-axis will cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(-90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm index 018b0600892..798bc3a8edb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-rotateZ-positive.htm @@ -9,11 +9,11 @@ <meta content="Test checks that rotate a vertical rectangle for 90 degree on Z-axis will cover the horizontal red rectangle." name="assert"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -23,14 +23,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotateZ(90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm index 98b33115c2a..13a30b23230 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-3d-transform-style.htm @@ -4,7 +4,7 @@ <title>CSS Transforms Test: rotateY with transform-style on nested elements</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-style-property" rel="help"> - <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> + <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> <link href="reference/css-transform-3d-transform-style-ref.htm" rel="match"> <meta content="" name="flags"> <meta content="Test checks that rotate the nested div with transform-style preserve-3d, rotated parent div for -60 degree on Y-axis then and rotated child div for 120 degree, at this time the parent and child should have equal width, then child div could cover the red box." name="assert"> @@ -17,7 +17,7 @@ height: 200px; width: 200px; left: 65px; - top: 45px; + top: 45px; } div.blue { background-color: blue; @@ -32,7 +32,7 @@ background-color: green; left: 40px; top: 0px; - height: 180px; + height: 180px; width: 180px; transform: rotateY(120deg); } @@ -40,7 +40,7 @@ background-color: red; left: 140px; top: 10px; - height: 180px; + height: 180px; width: 20px; } </style> @@ -52,7 +52,7 @@ <div class="blue"> <div class="green"></div> </div> - </div> + </div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm index bcbed1d2b79..542bc1314a2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-inherit-scale.htm @@ -27,7 +27,7 @@ top: 75px; left: 75px; transform: scale(2); - + } .child { position: absolute; @@ -46,4 +46,5 @@ <div class="child"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm index 73f0a1c32ee..188241eb77d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm @@ -14,7 +14,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -47,4 +47,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm index a06b93a9a42..9e508eba955 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm @@ -12,7 +12,7 @@ position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; @@ -44,4 +44,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm index 53bd59f17a4..27234c4bb43 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-style-evaluation-validation.htm @@ -36,7 +36,7 @@ document.getElementById("test").style.transform = "rotate(30deg) rotateX(60deg)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); }, "transform: Check valied multi-expr input."); - + test(function() { document.getElementById("test").style.transform = "rotate(0)"; assert_not_equals(document.getElementById("test").style.transform, "", "expect not NULL"); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm index e95363a389c..3314b76b6cd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css-transforms-transformlist.htm @@ -6,18 +6,18 @@ <link href="reference/css-transforms-transformlist-ref.htm" rel="match"> <meta content="This test verifies that the CSS transform ends up in the list of SVG transforms" name="assert"> <style type="text/css"> - + #rect { fill: green; transform: translate(10px, 10px); } - + #result { width:100px; height:100px; background-color: red; } - + </style> <script> window.addEventListener('load', function(){ @@ -25,13 +25,13 @@ var result = document.getElementById("result"); if(r.transform.baseVal.length>0) result.style.backgroundColor = "rgb(0, 255, 0)"; - + document.getElementById("svgelement").style.display="none"; }, false); </script> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <svg id="svgelement"> <rect width="100" id="rect" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm index 8a05260744e..6ee355df624 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-rotateY.htm @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-rotate" rel="help"> <link href="reference/css3-transform-rotateY-ref.htm" rel="match"> - <meta content="box width should be equal to projection width if transform rotateY applied" name="assert"> + <meta content="box width should be equal to projection width if transform rotateY applied" name="assert"> <style type="text/css"> .red, .green{ - width:198px; - height: 200px; - background-color:green; + width:198px; + height: 200px; + background-color:green; position: absolute; top: 50px; left:51px; @@ -33,4 +33,5 @@ <div class="green"></div> <div class="red"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm index abd6badcace..000c7c299ea 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale-002.htm @@ -5,13 +5,13 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help"> <link href="reference/css3-transform-scale-ref-002.htm" rel="match"> - <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert"> + <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert"> <style type="text/css"> .red, .green{ - width:100px; - height: 100px; - background-color:green; + width:100px; + height: 100px; + background-color:green; position: absolute; top: 150px; left:150px; @@ -35,4 +35,5 @@ <div class="red"></div> <div class="green"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm index 5178856558f..c02538d8bbb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-negative.htm @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="reference/perspective-reftest.htm" rel="match"> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a negative Z" name="assert"> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a negative Z" name="assert"> <style type="text/css"> .container { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm index 894b2cbc978..b5c78c8927c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-translateZ-positive.htm @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="reference/perspective-reftest.htm" rel="match"> - <meta content="Asserts that the scaling is proportional to d/(d − Z) for a positive Z" name="assert"> + <meta content="Asserts that the scaling is proportional to d/(d - Z) for a positive Z" name="assert"> <style type="text/css"> .redContainer { position: absolute; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm index a3153a211b3..84072bc07a1 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm @@ -10,19 +10,19 @@ top: 220px; left: 60px; } - article{ + article{ border: 10px solid green; display: block; - height: 100px; + height: 100px; width: 100px; z-index: 2; cursor:pointer; - } + } section article{ transform: rotate(30deg); transform-origin: 19% 197%; } - + </style> </head> <body> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm index f9c196a25ef..a8fee1e9578 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/animations-001-ref.htm @@ -23,7 +23,7 @@ </head> <body> <p>Test passes if you see a rotating green square on top of a static blue square and no red.</p> - + <div class="region"> <div class="transformed flow rotate once"> xxxxx<br> @@ -34,4 +34,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm index 13f2f9ff991..a6efd64c275 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/canvas3d-001-ref.htm @@ -18,11 +18,12 @@ </head> <body> <p>Test passes if you see a cube (with blue, teal and purple sides) inside a black-bordered rectangle and no red.</p> - + <div class="region"> <div class="flow" id="container"> <!-- A WebGL <canvas> will be created here, via script (see static-cube.js) --> </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm index 5e13f348216..369c2392629 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-scale-nested-ref.htm @@ -5,10 +5,10 @@ <link href="mailto:rhauck@adobe.com" rel="reviewer" title="Rebecca Hauck"> <style type="text/css"> div{ - position: absolute; + position: absolute; } .greenSquare { - + width: 100px; height: 100px; background: green; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm index 8f666023de3..d3dd7736148 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateX-ref.htm @@ -7,15 +7,15 @@ div { left: 20px; position: absolute; - top: 35px; + top: 35px; } div.greensquare { background-color: green; border: 5px solid black; height: 120px; left: 15px; - top: 90px; - width: 120px; + top: 90px; + width: 120px; } </style> </head> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm index 0e4c4ac5d77..dfc2bbd9bea 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-rotateZ-ref.htm @@ -5,11 +5,11 @@ <link href="http://www.intel.com" rel="author" title="Intel"> <style> div { - height: 240px; + height: 240px; left: 70px; position: absolute; top: 100px; - width: 240px; + width: 240px; } div.origin { background-color: green; @@ -19,14 +19,14 @@ height: 60px; left: 70px; top: 190px; - width: 240px; + width: 240px; } div.greensquare { background-color: green; height: 240px; left: 160px; top: 100px; - width: 60px; + width: 60px; transform: rotate3d(0,0,1,90deg); } </style> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm index 596d707fb63..91b055cbaca 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transform-3d-transform-style-ref.htm @@ -12,7 +12,7 @@ height: 200px; left: 65px; top: 45px; - width: 200px; + width: 200px; } div.blue { background-color: blue; @@ -34,7 +34,7 @@ <p>Test passes if there is a gray square with <b>one blue</b> and <b>one green</b> box inside, and no any red.</p> <div class="container"></div> <div class="blue"></div> - <div class="greensquare"></div> + <div class="greensquare"></div> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm index 53e76891ffc..8f5297c5f8f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css-transforms-transformlist-ref.htm @@ -9,12 +9,12 @@ height:100px; background-color: green; } - + </style> </head> <body> - <p>The test passes if there is a green square and no red.</p> + <p>The test passes if there is a green square and no red.</p> <div id="result"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm index c33426c3b3e..d89bc37feef 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/css3-transform-rotateY-ref.htm @@ -7,8 +7,8 @@ <style type="text/css"> .green{ width: 140px; - height: 200px; - background-color:green; + height: 200px; + background-color:green; position: absolute; top: 50px; left:80px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm index ce9108ff292..ad9ea0d3c90 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-008-ref.htm @@ -15,12 +15,12 @@ height: 100px; border: 1px solid black; } - + </style> </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -32,4 +32,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm index c07d4844bd0..822e9f6782e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/regions-transforms-019-ref.htm @@ -23,8 +23,8 @@ height: 100px; margin: 20px; } - - + + #failure { position: absolute; left: 25px; @@ -33,9 +33,9 @@ background-color: red; z-index: -1; } - - - + + + </style> </head> <body> @@ -51,4 +51,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm index 81c880418ee..0e2c83fe7fc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_45deg-ref.htm @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <div class="container"> @@ -26,4 +26,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm index 7c2e2eff46c..670e6e3e832 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_x_45deg-ref.htm @@ -18,7 +18,7 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> @@ -26,4 +26,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm index b670a85d9f2..583aeb82e41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/rotate_y_45deg-ref.htm @@ -18,13 +18,14 @@ background-color:green; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm index 4bfdad9046c..7b61f2f8b17 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scalex-ref.htm @@ -9,7 +9,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> @@ -17,4 +17,5 @@ <div class="transformed"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm index 8282cd79044..bf7cf7b0f4a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/scaley-ref.htm @@ -21,11 +21,12 @@ margin-top: 150px; } </style> - + </head> <body> <p>You should see only 1 green box.</p> <div class="container"> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm index 73aacbe39a8..915ac5eb537 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/skew-test1-ref.htm @@ -5,11 +5,11 @@ <link href="mailto:mymygo@gmail.com" rel="author" title="Myriam Goude"> <meta content="svg" name="flags"> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } @@ -17,7 +17,7 @@ </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -27,7 +27,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:lime" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm index ca912ef8734..e952fed1c5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewxy-ref.htm @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm index 601313fced2..fdf6bcbb2e9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/svg-skewy-ref.htm @@ -13,7 +13,7 @@ <body> <p>The test passes if there is a green square and no red.</p> <svg> - <rect width="100%" fill="green" height="100%"></rect> + <rect width="100%" fill="green" height="100%"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm index e79d2ddb192..6f997a905c0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-1.htm @@ -2,7 +2,7 @@ <html><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <style> div { width: 200px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm index 8bc1ff8ee40..1458427902e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/transform-background-ref-2.htm @@ -2,7 +2,7 @@ <html><head> <title>CSS Reftest Reference</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <style> html { background: url(support/transform-triangle-up.svg); diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm index 4c4d7d2f5e4..8a66f9c9325 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/translate-ref.htm @@ -19,7 +19,7 @@ top:100px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area.</p> @@ -27,6 +27,7 @@ <div class="inner"> </div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm index b4daf9efb57..56eef8c1170 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-002.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> - <meta content="This test checks that the child is transformed along with the parent when the + <meta content="This test checks that the child is transformed along with the parent when the transform is applied to a named flow content node" name="assert"> <style> #named-flow-parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm index 7c84e9b8484..eb293d45a5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-003.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> - <meta content="This tests checks that when a transform is applied to a parent outside of the named + <meta content="This tests checks that when a transform is applied to a parent outside of the named flow but has child in the named flow, the child is not transformed along with the parent." name="assert"> <style> #parent { @@ -40,4 +40,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm index dfb4d4df234..fa7eba6aebb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-004.htm @@ -10,7 +10,7 @@ <link href="reference/regions-transforms-001-ref.htm" rel="match"> <meta content="This test checks that a 3D transform can be applied to a region" name="assert"> <style> - + #named-flow { width: 75px; height: 75px; @@ -52,11 +52,12 @@ </head> <body> <p>The test passes if you see a green square and no red.</p> - + <div id="failure1"></div> <div id="failure2"></div> <div id="named-flow"></div> <div id="region"></div> <div id="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm index 45ccb96efb7..5750bec253d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-005.htm @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that content that has a 3D transform does not respect the perspective + <meta content="Test checks that content that has a 3D transform does not respect the perspective set on its parent when flowed into a region." name="assert"> <meta content="ahem" name="flags"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> @@ -57,7 +57,8 @@ XXXXX<br> </div> </div> - <!-- If the red content is properly transformed, it will be hidden beneath this green div --> + <!-- If the red content is properly transformed, it will be hidden beneath this green div --> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm index 8b2a10ecfcd..cece24f8536 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-006.htm @@ -7,7 +7,7 @@ <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> - <meta content="Test checks that content flowed in a region and overflowing it is still rendered + <meta content="Test checks that content flowed in a region and overflowing it is still rendered if the region has a 3D transform applied." name="assert"> <meta content="ahem" name="flags"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> @@ -28,7 +28,7 @@ flow-from: f; transform: rotateZ(90deg); transform-origin: bottom right; - + width: 50px; height: 50px; background-color: green; @@ -49,4 +49,5 @@ <div class="ahem" id="named-flow">XXXXX</div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm index ffcea7f6d29..7552b6ab72e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-007.htm @@ -7,15 +7,15 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <meta content="ahem" name="flags"> - <meta content="Test checks that if both the content flowed in a region and the region have a - transform applied, they are properly composed. More specifically, in this test + <meta content="Test checks that if both the content flowed in a region and the region have a + transform applied, they are properly composed. More specifically, in this test the content should appear as rotated 180 degrees." name="assert"> <link href="reference/regions-transforms-001-ref.htm" rel="match"> <style> .ahem { font-family: Ahem; font-size: 20px; - line-height: 20px; + line-height: 20px; } #named-flow { flow-into: f; @@ -47,4 +47,5 @@ <div id="region"></div> <div id="green-rect"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm index 6ccf4375168..ef79a15eb41 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-008.htm @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-008-ref.htm" rel="match"> <meta content="ahem" name="flags"> - <meta content="This test checks that named flow text content is transformed when it breaks across + <meta content="This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible." name="assert"> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -53,7 +53,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -61,14 +61,15 @@ <div class="ahem" id="named-flow">XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX</div> <div class="region"></div> <div class="region"></div> - + <div class="ahem failure left"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> <div class="ahem failure right"> XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> - - + + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm index bee9566e45d..d4a087362fa 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-009.htm @@ -11,13 +11,13 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-008-ref.htm" rel="match"> <meta content="ahem" name="flags"> - <meta content="This test checks that the regions are transformed when named flow text content breaks + <meta content="This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible." name="assert"> <style> .ahem { font-family: Ahem; font-size: 10px; - line-height: 20px; + line-height: 20px; } #named-flow { color: green; @@ -56,7 +56,7 @@ </head> <body> <p>The test passes if:</p> - <ul> + <ul> <li>The two squares each contain five green horizontal stripes</li> <li>There are two green horizontal stripes below the square on right</li> <li>There is no red</li> @@ -71,4 +71,5 @@ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm index 085186c8b5f..4501c3841c2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-011.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-010-ref.htm" rel="match"> - <meta content="This test checks that the region is transformed when a parent and its child are + <meta content="This test checks that the region is transformed when a parent and its child are separate named flow content nodes flowing into it." name="assert"> <style> #named-flow-parent { @@ -50,4 +50,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm index 8a5feb9737a..8a4e5b823b5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-013.htm @@ -15,7 +15,7 @@ <link href="reference/regions-transforms-013-ref.htm" rel="match"> <!-- This reference is for UAs that overflow monolithic content --> <link href="reference/regions-transforms-013-alt-ref.htm" rel="match"> - <meta content="This test checks that the named flow content that is monolithic is transformed when it + <meta content="This test checks that the named flow content that is monolithic is transformed when it breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge." name="assert"> <style> #named-flow { @@ -44,4 +44,5 @@ <div class="region" id="region1"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm index 41ac70ca8ba..282d766e241 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-014.htm @@ -9,7 +9,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> <link href="reference/regions-transforms-014-ref.htm" rel="match"> - <meta content="This test checks that the transform and transform-origin are applied to a region + <meta content="This test checks that the transform and transform-origin are applied to a region with absolute positioning." name="assert"> <style> #named-flow { @@ -36,4 +36,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm index a236406ea9d..958157dd0ae 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-015.htm @@ -8,7 +8,7 @@ <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="reference/regions-transforms-014-ref.htm" rel="match"> - <meta content="This test checks that the transform and transform-origin are applied to named flow + <meta content="This test checks that the transform and transform-origin are applied to named flow content that flows into a region with absolute positioning." name="assert"><style> #named-flow { width: 50px; @@ -16,7 +16,7 @@ background-color: green; transform: scale(2); flow-into: f; - /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top + /* need to use transform-origin, otherwise scale will cause the green square to grow past the left & top edges of the region box */ transform-origin: left top; } @@ -37,4 +37,5 @@ <div id="named-flow"></div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm index 15127062d03..935b3ef32b5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-019.htm @@ -7,9 +7,9 @@ <link href="http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#perspective-origin-property" rel="help"> - <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - + <!-- TODO: Link to fragmentation spec section about perspective, fragments and fragmentainers - once this gets in the spec. --> - <meta content="Test checks that the 3D transform is applied named content flow, that the + <meta content="Test checks that the 3D transform is applied named content flow, that the perspective set on the region is applied, and that the content is not clipped when the perspective is shifted" name="assert"> <meta content="ahem" name="flags"> @@ -57,4 +57,5 @@ </div> <div id="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm index a6c0af09d5b..c67df0110f5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-020.htm @@ -56,6 +56,7 @@ </div> <div class="region"></div> <div class="region"></div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm index 814129c4906..89db5d4e650 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-021.htm @@ -10,7 +10,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-020-ref.htm" rel="match"> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content node that breaks across multiple regions and that each fragment has its own transform origin." name="assert"> <style> .named-flow { @@ -50,4 +50,5 @@ <div class="region"></div> <div class="region"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm index e433da77ff4..e25f208527f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/regions-transforms-022.htm @@ -11,7 +11,7 @@ <link href="http://www.w3.org/TR/css3-break/#transforms" rel="help"> <link href="reference/regions-transforms-020-ref.htm" rel="match"> <meta content="ahem" name="flags"> - <meta content="This test checks that separate transforms can be applied to each named flow content + <meta content="This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions" name="assert"> <style> .ahem { @@ -80,4 +80,5 @@ <div class="vertical-bar"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm index a5c845eed2f..262092ad411 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-180-degrees-001.htm @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(180deg); + rotate(180deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm index 6c424cc23c5..04a966901f4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-270-degrees-001.htm @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(270deg); + rotate(270deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm index dd646d80d9a..01d3386773a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate-90-degrees-001.htm @@ -16,7 +16,7 @@ height: 100px; position: absolute; transform: - rotate(90deg); + rotate(90deg); width: 100px; } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm index 03dcdc9e1c8..2f3a132308b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm @@ -19,7 +19,7 @@ height: 100px; } </style> - + </head> <body> <div class="container"> @@ -27,4 +27,5 @@ </div> <p>45 degree rotate on y axis</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm index 6e73086b224..1351a68a32c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm index 50388d562de..ec07228a156 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm @@ -19,13 +19,14 @@ height: 100px; } </style> - + </head> <body> <p>There is one green area in the box</p> <div class="container"> <div class="transformed"></div> </div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm index 743900125a3..78d6ac76a5e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-optional-second-001.htm @@ -8,7 +8,7 @@ <meta content="If the second parameter of scale function is not provided, it takes a value equal to the first. This transform causes the element to appear twice as long in both the X and Y axes." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 100px; left: 100px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm index ab8d99496d7..2cadc1217d8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scale-zero-001.htm @@ -8,7 +8,7 @@ <meta content="If zero value is passed to scale function, it causes the element to disappear." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 50px; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm index 6b7f20da051..9c265f6736a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm @@ -26,7 +26,7 @@ margin-left: 450px; } </style> - + </head> <body> <p>You should see only 1 green area, no red area.</p> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm index 8dc1ec18f43..d16c26dd560 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm @@ -26,7 +26,7 @@ margin-top: 150px; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only 1 green area</p> @@ -37,4 +37,5 @@ </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm index 5f36af50d84..4fca1a76a37 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/skew-test1.htm @@ -9,31 +9,31 @@ <meta content="svg" name="flags"> <meta content="The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0" name="assert"> <style> - + h4 {clear:both;} - + /* Test 1 - skew on block types */ - + svg { position:absolute; } - + div { width:150px; height:150px; background-color:lime; } - + .skew_div { transform: skew(30deg,20deg); transform-origin:0 0; } - + </style> </head> <body> - + <h3> Test 1 - Tests with degrees on block elements. </h3> @@ -43,7 +43,7 @@ <svg version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg"> <polygon style="fill:red" points="0,0 150,55 235,205 88,150"></polygon> </svg> - + <div class="skew_div"> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm index 9b84ed80df7..ff4da57de17 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-rotate-angle-45-002.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 142,2 210,71 142,139 73,71 Z" fill="red"></path> - <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> + <rect width="100" y="-100" x="100" fill="green" transform="rotate(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm index f2d62898b69..b3054115f0d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-001.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm index 54e17cbea89..4cc444d48cf 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-002.htm @@ -19,7 +19,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm index fff533cef5e..6636a0d4fa8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-003.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm index 0fce915a8df..da217472b2e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-004.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm index 96412f36b7b..b8007533ae0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-005.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm index 0d29ca90843..4cf2609aca0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-006.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm index 4eea3c51fec..11649df4776 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-007.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm index a9354bf841a..65b776ba807 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-008.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm index 312fec95286..44ec79093a7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-009.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-5.497787144rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm index da0519e1415..d199af41162 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-010.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm index 5bdb347776c..86b1fcb9935 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-011.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm index efcef0a01b0..9f11053fa76 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-012.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm index 68c5b96de10..35c44d565bb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-013.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm index 1f4311bbb8f..4a12da53e52 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-014.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(7.068583471rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm index 8d681790930..e0f810bcc38 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-015.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm index d45247013e0..db04f3ba0a8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-016.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm index 08d492802bd..73f6ad991a4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewx-017.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 2,1 100,1 198,99 101,99 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewX(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm index 0998ad63ed7..df4f946b262 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-001.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm index 3e40bd5a7d8..b12e9501c8c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-002.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(45deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm index 025f8dbe43b..23c4ab451bf 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-003.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(50grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm index e49e52a2c98..a3fa636e9ed 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-004.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm index 2f4a36f6acd..674115d9356 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-005.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(0.785398163rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm index c4113dbb44b..566095b8b71 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-006.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm index 91a309c94e3..d618cf60177 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-007.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-315deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm index 045268c5be4..e9c7af0dc0c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-008.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-350grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm index 8cd7abb6e70..37d01a56cff 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-009.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-5.49778714rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm index 2d37af7135e..b14bd2e555e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-010.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(-0.875turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm index ea1ffa7c590..7549cbb41bd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-011.htm @@ -21,7 +21,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm index b73c210aab5..3b4b9a43922 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-012.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(405deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm index 91d2c325833..c19b84f3971 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-013.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(450grad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm index 5e1dad6b9ed..5708f68195b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-014.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(7.06858347rad)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm index 4d58bf34f2b..6f84815284e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-015.htm @@ -20,7 +20,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(1.125turn)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm index 1810d3bd6b8..50005f4c71e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-016.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm index c00a7371b29..948fd35e813 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-skewy-017.htm @@ -22,7 +22,7 @@ <p>The test passes if there is a green square and no red.</p> <svg> <path d="M 1,2 2,99 99,197 99,101 Z" fill="red"></path> - <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> + <rect width="100" fill="green" transform="skewY(4.5e1deg)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm index 20ebd17ada6..42df6797c72 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-010.htm @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200) - translateY(100) + <rect width="100" fill="url(#grad)" transform="translateX(200) + translateY(100) rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm index 7c0c5f7d1eb..89be83e04e8 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-transform-list-separations-011.htm @@ -26,8 +26,8 @@ <stop stop-color="orange" offset="50%"></stop> </linearGradient> </defs> - <rect width="100" fill="url(#grad)" transform="translateX(200), - translateY(100), + <rect width="100" fill="url(#grad)" transform="translateX(200), + translateY(100), rotate(90)" height="100"></rect> </svg> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm index a3df4b449d2..0962f11014c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-2d-getComputedStyle-001.htm @@ -5,7 +5,7 @@ <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help"> <meta content="dom" name="flags"> - <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert"> + <meta content="CSS 2D transforms correctly report their matrix via getComputedStyle()" name="assert"> <style type="text/css"> .block { display: block; @@ -54,7 +54,7 @@ } */</script> <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm index 63ee187547e..342c45990e9 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-001.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate right)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm index 52c0594cd8a..1fe2c345db5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-002.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (rotate left)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm index fcbcea35c5d..5458e2653e5 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-003.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it." name="assert"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm index 1c3c624a5d6..631b222b0dd 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-background-004.htm @@ -3,7 +3,7 @@ <title>CSS Test (Transforms): Transform of Background Image (nested flip)</title> <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> - <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> + <link href="mailto:dschulze@adobe.com" rel="reviewer" title="Dirk Schulze"> <!-- 2012-04-17 --> <meta content="Background images fall within the element's border box, so they need to be transformed along with it. This file tests that a transform on the parent works correctly, not just on the element diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm index 5760fa937b0..b87dff62059 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-origin-01.htm @@ -4,7 +4,7 @@ <link href="mailto:gammon@adobe.com" rel="author" title="CJ Gammon"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> <link href="reference/transform-origin-01-ref.htm" rel="match"> - <meta content="If only one value is specified, the second value is assumed to be ‘center’" name="assert"> + <meta content="If only one value is specified, the second value is assumed to be 'center'" name="assert"> <style type="text/css"> #container{ position: relative; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm index 7edce7ac8ea..9a5677de0ca 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-translatex-006.htm @@ -7,13 +7,13 @@ <link href="reference/transform-translatex-ref.htm" rel="match"> <meta content="This tests that translateX(50px) translates a box by 50 pixels in the X direction." name="assert"> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: absolute; } .greenSquare { - position: absolute; + position: absolute; top: 0; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm index 9a59d5570b4..3ae2f31c119 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/translate-optional-second-001.htm @@ -8,7 +8,7 @@ <meta content=" If the second parameter is not provided, it has zero as a value. This transform moves the element by 100 pixels in X direction." name="assert"> <style type="text/css"> .greenSquare { - position: absolute; + position: absolute; top: 50px; left: 0; width: 100px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm index e5819272ccd..85d95db3411 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm @@ -31,18 +31,19 @@ background-color: red; } </style> - + </head> <body> <p style="margin-top:70px;">You should see only one green area, no red area</p> - + <div class="container"> - + <div class="inner"> </div> <div class="hidden"> </div> </div> - + + </body></html>
\ No newline at end of file |