diff options
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/html')
103 files changed, 1295 insertions, 433 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 1a38bf1540c..df53efb4052 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 @@ -29,7 +29,7 @@ <p>You should only see one block with color green, and you should not see any red</p> <section> <article></article> - <svg width="300" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" height="200"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" width="300" version="1.1" height="200"> <style type="text/css"> rect{ stroke-width: 10; 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 e47e23b83f1..e2989989b7a 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 @@ -13,7 +13,7 @@ <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> - <h2>The perspective Property (17 tests)</h2> + <h2>The perspective Property (19 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -31,7 +31,29 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s10">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#perspective-property">10 The perspective Property</a></th></tr> - <!-- 16 tests --> + <!-- 18 tests --> + <tr id="perspective-containing-block-dynamic-1a-10" class="primary dom"> + <td><strong> + <a href="perspective-containing-block-dynamic-1a.htm">perspective-containing-block-dynamic-1a</a></strong></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>CSS transforms: Creating containing block for fixed positioned elements + <ul class="assert"> + <li>It also establishes a containing block (somewhat similar to position: relative), just like the transform property does.</li> + </ul> + </td> + </tr> + <tr id="perspective-containing-block-dynamic-1b-10" class="primary dom"> + <td><strong> + <a href="perspective-containing-block-dynamic-1b.htm">perspective-containing-block-dynamic-1b</a></strong></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>CSS transforms: Creating containing block for fixed positioned elements + <ul class="assert"> + <li>It also establishes a containing block (somewhat similar to position: relative), just like the transform property does.</li> + </ul> + </td> + </tr> <tr id="perspective-origin-x-10" class=""> <td> <a href="perspective-origin-x.htm">perspective-origin-x</a></td> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-13.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-13.htm index c7568389bc7..897fd4505cf 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-13.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-13.htm @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s13">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#svg-transform">13 The SVG transform Attribute</a></th></tr> - <!-- 641 tests --> + <!-- 699 tests --> <tr id="skew-test1-13" class="primary svg"> <td><strong> <a href="skew-test1.htm">skew-test1</a></strong></td> @@ -1935,6 +1935,644 @@ </ul> </td> </tr> + <tr id="svg-origin-relative-length-001-13" class="svg"> + <td> + <a href="svg-origin-relative-length-001.htm">svg-origin-relative-length-001</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, first value absolute value and missing second argument + <ul class="assert"> + <li>If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-002-13" class="svg"> + <td> + <a href="svg-origin-relative-length-002.htm">svg-origin-relative-length-002</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, first value 'center' value and missing second argument + <ul class="assert"> + <li>If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-003-13" class="svg"> + <td> + <a href="svg-origin-relative-length-003.htm">svg-origin-relative-length-003</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, first value '50%' value and missing second argument + <ul class="assert"> + <li>If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-004-13" class="svg"> + <td> + <a href="svg-origin-relative-length-004.htm">svg-origin-relative-length-004</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '50% 50%' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-005-13" class="svg"> + <td> + <a href="svg-origin-relative-length-005.htm">svg-origin-relative-length-005</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '50% center' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-006-13" class="svg"> + <td> + <a href="svg-origin-relative-length-006.htm">svg-origin-relative-length-006</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center 50%' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-007-13" class="svg"> + <td> + <a href="svg-origin-relative-length-007.htm">svg-origin-relative-length-007</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center center' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-008-13" class="svg"> + <td> + <a href="svg-origin-relative-length-008.htm">svg-origin-relative-length-008</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '75 center' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-009-13" class="svg"> + <td> + <a href="svg-origin-relative-length-009.htm">svg-origin-relative-length-009</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '75 50%' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-010-13" class="svg"> + <td> + <a href="svg-origin-relative-length-010.htm">svg-origin-relative-length-010</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center 75' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-011-13" class="svg"> + <td> + <a href="svg-origin-relative-length-011.htm">svg-origin-relative-length-011</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '50% 75' + <ul class="assert"> + <li>The rect should be rotated around its center point at 75,75</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-012-13" class="svg"> + <td> + <a href="svg-origin-relative-length-012.htm">svg-origin-relative-length-012</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '0' + <ul class="assert"> + <li>The initial point of origin gets translated to 0,75. Since the second argument is missing, it is set to 'center'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-013-13" class="svg"> + <td> + <a href="svg-origin-relative-length-013.htm">svg-origin-relative-length-013</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '150' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-014-13" class="svg"> + <td> + <a href="svg-origin-relative-length-014.htm">svg-origin-relative-length-014</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '100%' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-015-13" class="svg"> + <td> + <a href="svg-origin-relative-length-015.htm">svg-origin-relative-length-015</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-016-13" class="svg"> + <td> + <a href="svg-origin-relative-length-016.htm">svg-origin-relative-length-016</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,75. Since the second argument is missing, it is set to 'center'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-017-13" class="svg"> + <td> + <a href="svg-origin-relative-length-017.htm">svg-origin-relative-length-017</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '25%' + <ul class="assert"> + <li>If the second argument is missing, it is assumed to be center. The initial point of origin gets translated to 37.5,75.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-018-13" class="svg"> + <td> + <a href="svg-origin-relative-length-018.htm">svg-origin-relative-length-018</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'top' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,0. A single argument 'top' gets interpreted as 'center top'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-019-13" class="svg"> + <td> + <a href="svg-origin-relative-length-019.htm">svg-origin-relative-length-019</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'bottom' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,150. A single argument 'bottom' gets interpreted as 'center bottom'.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-020-13" class="svg"> + <td> + <a href="svg-origin-relative-length-020.htm">svg-origin-relative-length-020</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '0% 0%' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,75 since '0% 0%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-021-13" class="svg"> + <td> + <a href="svg-origin-relative-length-021.htm">svg-origin-relative-length-021</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'top right' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,75 since 'top right' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-022-13" class="svg"> + <td> + <a href="svg-origin-relative-length-022.htm">svg-origin-relative-length-022</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'top left' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,75 since 'top left' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-023-13" class="svg"> + <td> + <a href="svg-origin-relative-length-023.htm">svg-origin-relative-length-023</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'top center' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,75 since 'top center' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-024-13" class="svg"> + <td> + <a href="svg-origin-relative-length-024.htm">svg-origin-relative-length-024</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'bottom left' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,225 since 'bottom left' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-025-13" class="svg"> + <td> + <a href="svg-origin-relative-length-025.htm">svg-origin-relative-length-025</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'bottom center' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,225 since 'bottom center' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-026-13" class="svg"> + <td> + <a href="svg-origin-relative-length-026.htm">svg-origin-relative-length-026</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'bottom right' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,225 since 'bottom right' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-027-13" class="svg"> + <td> + <a href="svg-origin-relative-length-027.htm">svg-origin-relative-length-027</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right top' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,75 since 'right top' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-028-13" class="svg"> + <td> + <a href="svg-origin-relative-length-028.htm">svg-origin-relative-length-028</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right center' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,150 since 'right center' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-029-13" class="svg"> + <td> + <a href="svg-origin-relative-length-029.htm">svg-origin-relative-length-029</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right bottom' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,225 since 'right bottom' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-030-13" class="svg"> + <td> + <a href="svg-origin-relative-length-030.htm">svg-origin-relative-length-030</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right 75' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,75 since 'right 75' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-031-13" class="svg"> + <td> + <a href="svg-origin-relative-length-031.htm">svg-origin-relative-length-031</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right 0%' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,75 since 'right 0%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-032-13" class="svg"> + <td> + <a href="svg-origin-relative-length-032.htm">svg-origin-relative-length-032</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'right 100%' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,225 since 'right 100%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-033-13" class="svg"> + <td> + <a href="svg-origin-relative-length-033.htm">svg-origin-relative-length-033</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left top' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,75 since 'left top' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-034-13" class="svg"> + <td> + <a href="svg-origin-relative-length-034.htm">svg-origin-relative-length-034</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left center' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,150 since 'left center' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-035-13" class="svg"> + <td> + <a href="svg-origin-relative-length-035.htm">svg-origin-relative-length-035</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left bottom' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,225 since 'left bottom' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-036-13" class="svg"> + <td> + <a href="svg-origin-relative-length-036.htm">svg-origin-relative-length-036</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left 75' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,75 since 'left 75' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-037-13" class="svg"> + <td> + <a href="svg-origin-relative-length-037.htm">svg-origin-relative-length-037</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left 0%' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,75 since 'left 0%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-038-13" class="svg"> + <td> + <a href="svg-origin-relative-length-038.htm">svg-origin-relative-length-038</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'left 100%' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,225 since 'left 100%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-039-13" class="svg"> + <td> + <a href="svg-origin-relative-length-039.htm">svg-origin-relative-length-039</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center top' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,75 since 'center top' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-040-13" class="svg"> + <td> + <a href="svg-origin-relative-length-040.htm">svg-origin-relative-length-040</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center bottom' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,225 since 'center bottom' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-041-13" class="svg"> + <td> + <a href="svg-origin-relative-length-041.htm">svg-origin-relative-length-041</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center left' + <ul class="assert"> + <li>The initial point of origin gets translated to 75,150 since 'center left' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-042-13" class="svg"> + <td> + <a href="svg-origin-relative-length-042.htm">svg-origin-relative-length-042</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center right' + <ul class="assert"> + <li>The initial point of origin gets translated to 225,150 since 'center right' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-043-13" class="svg"> + <td> + <a href="svg-origin-relative-length-043.htm">svg-origin-relative-length-043</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center 100%' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,225 since 'center 100%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-044-13" class="svg"> + <td> + <a href="svg-origin-relative-length-044.htm">svg-origin-relative-length-044</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, '0 center' + <ul class="assert"> + <li>The initial point of origin gets translated to 0,150 since '0 center' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-045-13" class="svg"> + <td> + <a href="svg-origin-relative-length-045.htm">svg-origin-relative-length-045</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center 0%' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,75 since 'center 0%' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-046-13" class="svg"> + <td> + <a href="svg-origin-relative-length-046.htm">svg-origin-relative-length-046</a></td> + <td><a href="reference/svg-origin-relative-length-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, 'center 0' + <ul class="assert"> + <li>The initial point of origin gets translated to 150,0 since 'center 0' is relative to the bounding box of the object.</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-001-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-001.htm">svg-origin-relative-length-invalid-001</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'top 100%' + <ul class="assert"> + <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-002-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-002.htm">svg-origin-relative-length-invalid-002</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'bottom 100%' + <ul class="assert"> + <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-003-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-003.htm">svg-origin-relative-length-invalid-003</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'top 150' + <ul class="assert"> + <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-004-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-004.htm">svg-origin-relative-length-invalid-004</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'bottom 150' + <ul class="assert"> + <li>Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-005-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-005.htm">svg-origin-relative-length-invalid-005</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'top top' + <ul class="assert"> + <li>Spec does not allow two vertical values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-006-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-006.htm">svg-origin-relative-length-invalid-006</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'bottom bottom' + <ul class="assert"> + <li>Spec does not allow two vertical values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-007-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-007.htm">svg-origin-relative-length-invalid-007</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'top bottom' + <ul class="assert"> + <li>Spec does not allow two vertical values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-008-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-008.htm">svg-origin-relative-length-invalid-008</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'bottom top' + <ul class="assert"> + <li>Spec does not allow two vertical values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-009-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-009.htm">svg-origin-relative-length-invalid-009</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'left left' + <ul class="assert"> + <li>Spec does not allow two horizontal values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-010-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-010.htm">svg-origin-relative-length-invalid-010</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'left right' + <ul class="assert"> + <li>Spec does not allow two horizontal values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-011-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-011.htm">svg-origin-relative-length-invalid-011</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'right right' + <ul class="assert"> + <li>Spec does not allow two horizontal values. Fallback to 0,0</li> + </ul> + </td> + </tr> + <tr id="svg-origin-relative-length-invalid-012-13" class="svg"> + <td> + <a href="svg-origin-relative-length-invalid-012.htm">svg-origin-relative-length-invalid-012</a></td> + <td><a href="reference/svg-origin-relative-length-invalid-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>SVG presentation attribute transform-origin, invalid arguments 'right left' + <ul class="assert"> + <li>Spec does not allow two horizontal values. Fallback to 0,0</li> + </ul> + </td> + </tr> <tr id="svg-patterntransform-001-13" class="primary svg"> <td><strong> <a href="svg-patternTransform-001.htm">svg-patterntransform-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-15.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-15.htm index 07c973c1f89..064a740c385 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-15.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-15.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> - <h2>The Transform Functions (689 tests)</h2> + <h2>The Transform Functions (691 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s15">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#transform-functions">15 The Transform Functions</a></th></tr> - <!-- 5 tests --> + <!-- 7 tests --> <tr id="animations-001-15" class="ahem animated"> <td> <a href="animations-001.htm">animations-001</a></td> @@ -65,6 +65,28 @@ </ul> </td> </tr> + <tr id="css-transform-scale-001-15" class=""> + <td> + <a href="css-transform-scale-001.htm">css-transform-scale-001</a></td> + <td><a href="reference/css-transform-scale-ref-001.htm">=</a> </td> + <td></td> + <td>transform property with scale function on hover state + <ul class="assert"> + <li>When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.</li> + </ul> + </td> + </tr> + <tr id="css-transform-scale-002-15" class=""> + <td> + <a href="css-transform-scale-002.htm">css-transform-scale-002</a></td> + <td><a href="reference/css-transform-scale-ref-002.htm">=</a> </td> + <td></td> + <td>transform property with scale function and move its origin + <ul class="assert"> + <li>The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner.</li> + </ul> + </td> + </tr> <tr id="iframe-001-15" class="ahem"> <td> <a href="iframe-001.htm">iframe-001</a></td> @@ -6945,9 +6967,20 @@ </ul> </td> </tr> - <tr id="transform_translate_invalid_prefixed-15.1" class="dom script"> + <tr id="transform_translate-15.1" class="dom script"> <td> - <a href="transform_translate_invalid_prefixed.htm">transform_translate_invalid_prefixed</a></td> + <a href="transform_translate.htm">transform_translate</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>transform translate + <ul class="assert"> + <li>Check if transform supports translate(100px, 100px)</li> + </ul> + </td> + </tr> + <tr id="transform_translate_invalid-15.1" class="dom script"> + <td> + <a href="transform_translate_invalid.htm">transform_translate_invalid</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with invalid translation value @@ -6956,9 +6989,9 @@ </ul> </td> </tr> - <tr id="transform_translate_max_prefixed-15.1" class="dom script"> + <tr id="transform_translate_max-15.1" class="dom script"> <td> - <a href="transform_translate_max_prefixed.htm">transform_translate_max_prefixed</a></td> + <a href="transform_translate_max.htm">transform_translate_max</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with maximum translation value @@ -6967,9 +7000,9 @@ </ul> </td> </tr> - <tr id="transform_translate_min_prefixed-15.1" class="dom script"> + <tr id="transform_translate_min-15.1" class="dom script"> <td> - <a href="transform_translate_min_prefixed.htm">transform_translate_min_prefixed</a></td> + <a href="transform_translate_min.htm">transform_translate_min</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with minimum translation value @@ -6978,9 +7011,9 @@ </ul> </td> </tr> - <tr id="transform_translate_neg_prefixed-15.1" class="dom script"> + <tr id="transform_translate_neg-15.1" class="dom script"> <td> - <a href="transform_translate_neg_prefixed.htm">transform_translate_neg_prefixed</a></td> + <a href="transform_translate_neg.htm">transform_translate_neg</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with negative translation value @@ -6989,20 +7022,9 @@ </ul> </td> </tr> - <tr id="transform_translate_prefixed-15.1" class="dom script"> - <td> - <a href="transform_translate_prefixed.htm">transform_translate_prefixed</a></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>transform translate - <ul class="assert"> - <li>Check if transform supports translate(100px, 100px)</li> - </ul> - </td> - </tr> - <tr id="transform_translate_second_omited_prefixed-15.1" class="dom script"> + <tr id="transform_translate_second_omited-15.1" class="dom script"> <td> - <a href="transform_translate_second_omited_prefixed.htm">transform_translate_second_omited_prefixed</a></td> + <a href="transform_translate_second_omited.htm">transform_translate_second_omited</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with second translation value omited @@ -7011,9 +7033,9 @@ </ul> </td> </tr> - <tr id="transform_translate_zero_prefixed-15.1" class="dom script"> + <tr id="transform_translate_zero-15.1" class="dom script"> <td> - <a href="transform_translate_zero_prefixed.htm">transform_translate_zero_prefixed</a></td> + <a href="transform_translate_zero.htm">transform_translate_zero</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-6.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-6.htm index 0a3c5a3a73f..e29d9573860 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-6.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/chapter-6.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> - <h2>The Transform Rendering Model (48 tests)</h2> + <h2>The Transform Rendering Model (50 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#transform-rendering">6 The Transform Rendering Model</a></th></tr> - <!-- 32 tests --> + <!-- 34 tests --> <tr id="css-transforms-3d-on-anonymous-block-001-6" class="primary"> <td><strong> <a href="css-transforms-3d-on-anonymous-block-001.htm">css-transforms-3d-on-anonymous-block-001</a></strong></td> @@ -153,6 +153,30 @@ </ul> </td> </tr> + <tr id="transform-containing-block-dynamic-1a-6" class="primary"> + <td><strong> + <a href="transform-containing-block-dynamic-1a.htm">transform-containing-block-dynamic-1a</a></strong></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td></td> + <td>CSS transforms: Creating containing block for fixed positioned elements + <ul class="assert"> + <li>For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants.</li> + <li>The object acts as a containing block for fixed positioned descendants.</li> + </ul> + </td> + </tr> + <tr id="transform-containing-block-dynamic-1b-6" class="primary"> + <td><strong> + <a href="transform-containing-block-dynamic-1b.htm">transform-containing-block-dynamic-1b</a></strong></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td></td> + <td>CSS transforms: Creating containing block for fixed positioned elements + <ul class="assert"> + <li>For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants.</li> + <li>The object acts as a containing block for fixed positioned descendants.</li> + </ul> + </td> + </tr> <tr id="transform-descendant-001-6" class="primary"> <td><strong> <a href="transform-descendant-001.htm">transform-descendant-001</a></strong></td> 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 3fb106f808a..480af4e2128 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 @@ -13,7 +13,7 @@ <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> - <h2>The transform Property (102 tests)</h2> + <h2>The transform Property (104 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#transform-property">7 The transform Property</a></th></tr> - <!-- 101 tests --> + <!-- 103 tests --> <tr id="2d-rotate-001-7" class="primary css3, rotate, svg"> <td><strong> <a href="2d-rotate-001.htm">2d-rotate-001</a></strong></td> @@ -361,6 +361,30 @@ </ul> </td> </tr> + <tr id="transform-containing-block-dynamic-1a-7" class=""> + <td> + <a href="transform-containing-block-dynamic-1a.htm">transform-containing-block-dynamic-1a</a></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td></td> + <td>CSS transforms: Creating containing block for fixed positioned elements + <ul class="assert"> + <li>For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants.</li> + <li>The object acts as a containing block for fixed positioned descendants.</li> + </ul> + </td> + </tr> + <tr id="transform-containing-block-dynamic-1b-7" class=""> + <td> + <a href="transform-containing-block-dynamic-1b.htm">transform-containing-block-dynamic-1b</a></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td></td> + <td>CSS transforms: Creating containing block for fixed positioned elements + <ul class="assert"> + <li>For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants.</li> + <li>The object acts as a containing block for fixed positioned descendants.</li> + </ul> + </td> + </tr> <tr id="transform-inherit-001-7" class="primary"> <td><strong> <a href="transform-inherit-001.htm">transform-inherit-001</a></strong></td> @@ -900,9 +924,20 @@ </ul> </td> </tr> - <tr id="transform_translate_invalid_prefixed-7" class="primary dom script"> + <tr id="transform_translate-7" class="primary dom script"> + <td><strong> + <a href="transform_translate.htm">transform_translate</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>transform translate + <ul class="assert"> + <li>Check if transform supports translate(100px, 100px)</li> + </ul> + </td> + </tr> + <tr id="transform_translate_invalid-7" class="primary dom script"> <td><strong> - <a href="transform_translate_invalid_prefixed.htm">transform_translate_invalid_prefixed</a></strong></td> + <a href="transform_translate_invalid.htm">transform_translate_invalid</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with invalid translation value @@ -911,9 +946,9 @@ </ul> </td> </tr> - <tr id="transform_translate_max_prefixed-7" class="primary dom script"> + <tr id="transform_translate_max-7" class="primary dom script"> <td><strong> - <a href="transform_translate_max_prefixed.htm">transform_translate_max_prefixed</a></strong></td> + <a href="transform_translate_max.htm">transform_translate_max</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with maximum translation value @@ -922,9 +957,9 @@ </ul> </td> </tr> - <tr id="transform_translate_min_prefixed-7" class="primary dom script"> + <tr id="transform_translate_min-7" class="primary dom script"> <td><strong> - <a href="transform_translate_min_prefixed.htm">transform_translate_min_prefixed</a></strong></td> + <a href="transform_translate_min.htm">transform_translate_min</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with minimum translation value @@ -933,9 +968,9 @@ </ul> </td> </tr> - <tr id="transform_translate_neg_prefixed-7" class="primary dom script"> + <tr id="transform_translate_neg-7" class="primary dom script"> <td><strong> - <a href="transform_translate_neg_prefixed.htm">transform_translate_neg_prefixed</a></strong></td> + <a href="transform_translate_neg.htm">transform_translate_neg</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with negative translation value @@ -944,20 +979,9 @@ </ul> </td> </tr> - <tr id="transform_translate_prefixed-7" class="primary dom script"> - <td><strong> - <a href="transform_translate_prefixed.htm">transform_translate_prefixed</a></strong></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>transform translate - <ul class="assert"> - <li>Check if transform supports translate(100px, 100px)</li> - </ul> - </td> - </tr> - <tr id="transform_translate_second_omited_prefixed-7" class="primary dom script"> + <tr id="transform_translate_second_omited-7" class="primary dom script"> <td><strong> - <a href="transform_translate_second_omited_prefixed.htm">transform_translate_second_omited_prefixed</a></strong></td> + <a href="transform_translate_second_omited.htm">transform_translate_second_omited</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate with second translation value omited @@ -966,9 +990,9 @@ </ul> </td> </tr> - <tr id="transform_translate_zero_prefixed-7" class="primary dom script"> + <tr id="transform_translate_zero-7" class="primary dom script"> <td><strong> - <a href="transform_translate_zero_prefixed.htm">transform_translate_zero_prefixed</a></strong></td> + <a href="transform_translate_zero.htm">transform_translate_zero</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transform translate @@ -1106,22 +1130,22 @@ </ul> </td> </tr> - <tr id="ttwf-transform-translatex-001-7" class="primary CSS Transform"> + <tr id="ttwf-transform-translatex-001-7" class="primary"> <td><strong> <a href="ttwf-transform-translatex-001.htm">ttwf-transform-translatex-001</a></strong></td> <td><a href="reference/ttwf-reftest-transform-translatex-001.htm">=</a> </td> - <td><abbr class="CSS" title=""></abbr><abbr class="Transform" title=""></abbr></td> + <td></td> <td>CSS Transform Using translateX() function <ul class="assert"> <li>Test that the green square is moved on X axis 100px</li> </ul> </td> </tr> - <tr id="ttwf-transform-translatey-001-7" class="primary CSS Transform"> + <tr id="ttwf-transform-translatey-001-7" class="primary"> <td><strong> <a href="ttwf-transform-translatey-001.htm">ttwf-transform-translatey-001</a></strong></td> <td><a href="reference/ttwf-reftest-transform-translatey-001.htm">=</a> </td> - <td><abbr class="CSS" title=""></abbr><abbr class="Transform" title=""></abbr></td> + <td></td> <td>CSS Transform Using translateY() function <ul class="assert"> <li>Test that the green square is moved on Y axis 100px</li> 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 29c96e6f3d3..73f0a1c32ee 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 @@ -4,7 +4,7 @@ <link href="mailto:granimalcracker@gmail.com" rel="author" title="Chris Sanborn"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#transform-functions" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#transform-functions" rel="help"> <!-- See also: http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:hover --> <link href="reference/css-transform-scale-ref-001.htm" rel="match"> <meta content="When the element is hovered over, the transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner." name="assert"> 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 fe9d0d6d2a1..a06b93a9a42 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 @@ -4,7 +4,7 @@ <link href="mailto:granimalcracker@gmail.com" rel="author" title="Chris Sanborn"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#transform-functions" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#transform-functions" rel="help"> <link href="reference/css-transform-scale-ref-002.htm" rel="match"> <meta content="The transform scales the element to twice its size in both the X and Y directions and moves its origin to the top left corner." name="assert"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1a.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1a.htm new file mode 100644 index 00000000000..fc662d35835 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1a.htm @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS transforms: Creating containing block for fixed positioned elements</title> +<link href="http://dbaron.org/" rel="author" title="L. David Baron"> +<link href="http://www.mozilla.org/" rel="author" title="Mozilla"> +<link href="https://drafts.csswg.org/css-transforms-1/#perspective-property" rel="help"> +<link href="reference/containing-block-dynamic-1-ref.htm" rel="match"> +<meta content="It also establishes a containing block (somewhat similar to position: relative), just like the transform property does." name="assert"> +<meta content="dom" name="flags"> +<style> + html, body { margin: 0; padding: 0 } + #changeperspective { + position: absolute; + top: 100px; + left: 100px; + } + + #abscovered { + position: absolute; + top: 50px; + left: 50px; + background: red; + height: 100px; + width: 100px; + } + + #fixedmoves { + position: fixed; + top: 150px; + left: 150px; + background: green; + height: 100px; + width: 100px; + } +</style> +</head><body> + <div style="perspective: 1000px" id="changeperspective"> + <div id="abscovered"></div> + <div id="fixedmoves"></div> + </div> + <script> + var changeperspective = document.getElementById("changeperspective"); + var fixedmoves = document.getElementById("fixedmoves"); + var causeFlush = fixedmoves.offsetTop; + changeperspective.style.perspective = ""; + </script> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1b.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1b.htm new file mode 100644 index 00000000000..b91effdd8fd --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1b.htm @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS transforms: Creating containing block for fixed positioned elements</title> +<link href="http://dbaron.org/" rel="author" title="L. David Baron"> +<link href="http://www.mozilla.org/" rel="author" title="Mozilla"> +<link href="https://drafts.csswg.org/css-transforms-1/#perspective-property" rel="help"> +<link href="reference/containing-block-dynamic-1-ref.htm" rel="match"> +<meta content="It also establishes a containing block (somewhat similar to position: relative), just like the transform property does." name="assert"> +<meta content="dom" name="flags"> +<style> + html, body { margin: 0; padding: 0 } + #changeperspective { + position: absolute; + top: 100px; + left: 100px; + } + + #abscovered { + position: absolute; + top: 50px; + left: 50px; + background: red; + height: 100px; + width: 100px; + } + + #fixedmoves { + position: fixed; + top: 50px; + left: 50px; + background: green; + height: 100px; + width: 100px; + } +</style> +</head><body> + <div id="changeperspective"> + <div id="abscovered"></div> + <div id="fixedmoves"></div> + </div> + <script> + var changeperspective = document.getElementById("changeperspective"); + var fixedmoves = document.getElementById("fixedmoves"); + var causeFlush = fixedmoves.offsetTop; + changeperspective.style.perspective = "1000px"; + </script> + +</body></html>
\ No newline at end of file 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 13020b5b5f6..3e3b816f52a 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 @@ -29,7 +29,7 @@ <p>You should only see one block with color green, and you should not see any red</p> <section> <article></article> - <svg width="300" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" height="200"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" width="300" version="1.1" height="200"> <style type="text/css"> rect{ stroke-width: 10; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm index 48c019e929e..40bc2d46537 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm @@ -15,7 +15,7 @@ <body> <p>You should only see one block with color green, and you should not see any red</p> <section> - <svg width="300" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" height="200"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" width="300" version="1.1" height="200"> <style type="text/css"> rect{ stroke-width: 10; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm new file mode 100644 index 00000000000..0003e86e1d3 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS transforms: Creating containing block for fixed positioned elements</title> +<link href="http://dbaron.org/" rel="author" title="L. David Baron"> +<link href="http://www.mozilla.org/" rel="author" title="Mozilla"> +<style> + html, body { margin: 0; padding: 0 } + #fixedmoves { + position: absolute; + top: 150px; + left: 150px; + background: green; + height: 100px; + width: 100px; + } +</style> +</head><body> + <div id="fixedmoves"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm index 46f5bdedced..c4f62602210 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm @@ -14,7 +14,7 @@ <body> <p>The test passes if there is a green shape and no red.</p> <div class="greenSquare"> - <svg xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" y="0px" x="0px" viewBox="0 0 200 100"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" version="1.1" y="0px" x="0px" viewBox="0 0 200 100"> <polygon points="200,100 100,100 0,0 100,0 " fill="green"></polygon> </svg> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm index 0f576be7e06..58348470dda 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm @@ -14,7 +14,7 @@ <body> <p>The test passes if there is a green shape and no red.</p> <div class="greenSquare"> - <svg xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" y="0px" x="0px" viewBox="0 0 100 200"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" version="1.1" y="0px" x="0px" viewBox="0 0 100 200"> <polygon points="100,200 0,99.999 0,0 100,100 " fill="green"></polygon> </svg> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/reftest-toc.htm index 17682e1b4c6..9aa0799d038 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reftest-toc.htm @@ -272,6 +272,22 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="perspective-containing-block-dynamic-1a" class="dom"> + <tr> + <td rowspan="1" title="CSS transforms: Creating containing block for fixed positioned elements"> + <a href="perspective-containing-block-dynamic-1a.htm">perspective-containing-block-dynamic-1a</a></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + </tr> + </tbody> + <tbody id="perspective-containing-block-dynamic-1b" class="dom"> + <tr> + <td rowspan="1" title="CSS transforms: Creating containing block for fixed positioned elements"> + <a href="perspective-containing-block-dynamic-1b.htm">perspective-containing-block-dynamic-1b</a></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + </tr> + </tbody> <tbody id="perspective-origin-001" class=""> <tr> <td rowspan="1" title="perspective-origin - 0px center('center' computes to '50%' in vertical position)"> @@ -6539,6 +6555,22 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="transform-containing-block-dynamic-1a" class=""> + <tr> + <td rowspan="1" title="CSS transforms: Creating containing block for fixed positioned elements"> + <a href="transform-containing-block-dynamic-1a.htm">transform-containing-block-dynamic-1a</a></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="transform-containing-block-dynamic-1b" class=""> + <tr> + <td rowspan="1" title="CSS transforms: Creating containing block for fixed positioned elements"> + <a href="transform-containing-block-dynamic-1b.htm">transform-containing-block-dynamic-1b</a></td> + <td><a href="reference/containing-block-dynamic-1-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="transform-descendant-001" class=""> <tr> <td rowspan="1" title="Transform Affects Descendant"> @@ -8275,20 +8307,20 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="ttwf-transform-translatex-001" class="CSS Transform"> + <tbody id="ttwf-transform-translatex-001" class=""> <tr> <td rowspan="1" title="CSS Transform Using translateX() function"> <a href="ttwf-transform-translatex-001.htm">ttwf-transform-translatex-001</a></td> <td><a href="reference/ttwf-reftest-transform-translatex-001.htm">=</a> </td> - <td rowspan="1"><abbr class="CSS" title=""></abbr><abbr class="Transform" title=""></abbr></td> + <td rowspan="1"></td> </tr> </tbody> - <tbody id="ttwf-transform-translatey-001" class="CSS Transform"> + <tbody id="ttwf-transform-translatey-001" class=""> <tr> <td rowspan="1" title="CSS Transform Using translateY() function"> <a href="ttwf-transform-translatey-001.htm">ttwf-transform-translatey-001</a></td> <td><a href="reference/ttwf-reftest-transform-translatey-001.htm">=</a> </td> - <td rowspan="1"><abbr class="CSS" title=""></abbr><abbr class="Transform" title=""></abbr></td> + <td rowspan="1"></td> </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/reftest.list b/tests/wpt/css-tests/css-transforms-1_dev/html/reftest.list index e29ebb750ac..a96ff9c7b2c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/reftest.list @@ -30,6 +30,8 @@ css3-transform-rotateY.htm == reference/css3-transform-rotateY-ref.htm css3-transform-scale.htm == reference/css3-transform-scale-ref.htm css3-transform-scale-002.htm == reference/css3-transform-scale-ref-002.htm iframe-001.htm == reference/iframe-001-ref.htm +perspective-containing-block-dynamic-1a.htm == reference/containing-block-dynamic-1-ref.htm +perspective-containing-block-dynamic-1b.htm == reference/containing-block-dynamic-1-ref.htm perspective-origin-001.htm == reference/ref-filled-green-100px-square.htm perspective-origin-002.htm == reference/ref-filled-green-100px-square.htm perspective-origin-003.htm == reference/ref-filled-green-100px-square.htm @@ -814,6 +816,8 @@ transform-background-006.htm == reference/transform-background-ref-2.htm != refe transform-background-007.htm == reference/transform-background-ref-2.htm transform-background-008.htm == reference/transform-background-ref-2.htm transform-compound-001.htm == reference/transform-compound-ref.htm != reference/transform-compound-notref-1.htm != reference/transform-compound-notref-2.htm +transform-containing-block-dynamic-1a.htm == reference/containing-block-dynamic-1-ref.htm +transform-containing-block-dynamic-1b.htm == reference/containing-block-dynamic-1-ref.htm transform-descendant-001.htm == reference/transform-descendant-ref.htm transform-display-001.htm == reference/transform-display-ref.htm != reference/transform-display-notref.htm transform-display-002.htm == reference/transform-display-ref.htm != reference/transform-display-notref.htm 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 35d36a035f7..03dcdc9e1c8 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 @@ -15,7 +15,6 @@ } .transformed { transform: rotateY(45deg); - -webkit-transform: rotateY(45deg); background-color:green; height: 100px; } 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 66d6b7a7527..6e73086b224 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 @@ -15,7 +15,6 @@ } .transformed { transform: rotateX(45deg); - //-webkit-transform: rotateX(45deg); background-color:green; height: 100px; } 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 a465dfa8622..50388d562de 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 @@ -15,7 +15,6 @@ } .transformed { transform: rotateY(45deg); - //-webkit-transform: rotateY(45deg); background-color:green; height: 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 d0a9320cc37..6b7f20da051 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 @@ -14,7 +14,6 @@ width: 100px; margin-left: 500px; transform: scaleX(2); - //-webkit-transform: scaleX(2); background-color: green; } @@ -36,4 +35,5 @@ <div class="hidden"> </div> + </body></html>
\ No newline at end of file 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 6bd36a773f4..8dc1ec18f43 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 @@ -15,7 +15,6 @@ background-color:green; margin-top: 200px; transform: scaleY(2); - //-webkit-transform: scaleY(2); } .hidden { diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-001.htm index f8245d45bb8..af654fddb88 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-001.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, first value absolute value and missing second argument</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-002.htm index d60d4141e93..f162db4c102 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-002.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, first value 'center' value and missing second argument</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-003.htm index 4e643622d30..2041baaa55c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-003.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, first value '50%' value and missing second argument</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-004.htm index 66b4493a604..77195ff9ea0 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-004.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '50% 50%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-005.htm index 55274b84740..a068f3ff746 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-005.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '50% center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-006.htm index af32d83694e..8dc7a09a9d2 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-006.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center 50%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-007.htm index 910a648cc7a..b7e89dedc0a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-007.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-008.htm index b84989725df..c4304774e7c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-008.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '75 center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-009.htm index 239dc0b4e22..7ddb6195271 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-009.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '75 50%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-010.htm index a52a687e651..0e9b8e8d3c3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-010.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center 75'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-011.htm index b290251e8b4..dd94fb25bfc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-011.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '50% 75'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-012.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-012.htm index f442bb5d38c..22c8c673f91 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-012.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-012.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '0'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-013.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-013.htm index ec08168dfd7..f8b44689045 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-013.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-013.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '150'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-014.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-014.htm index 4684a5c5e64..e8df654331d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-014.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-014.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '100%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-015.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-015.htm index f9cbb557cf8..1dc86c78968 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-015.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-015.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-016.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-016.htm index 53b905d2026..f0713579b46 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-016.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-016.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-017.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-017.htm index 824f76451f4..5103bb62902 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-017.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-017.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '25%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-018.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-018.htm index d0454d6370d..6b85b32f9dc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-018.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-018.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'top'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-019.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-019.htm index 0f0c4ec9816..7df39646a23 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-019.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-019.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'bottom'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-020.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-020.htm index 558db611d7f..a403e12815c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-020.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-020.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '0% 0%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-021.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-021.htm index 71160b053be..0aa4a984aa4 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-021.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-021.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'top right'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-022.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-022.htm index 7ffe1329917..d21cc5b9370 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-022.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-022.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'top left'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-023.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-023.htm index d77529755d6..ca9019d7657 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-023.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-023.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'top center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-024.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-024.htm index 91fe2b68092..52af2e2441d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-024.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-024.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'bottom left'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-025.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-025.htm index c32026541bd..a6cb00ac270 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-025.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-025.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'bottom center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-026.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-026.htm index e09444b46ba..747f037cb7b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-026.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-026.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'bottom right'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-027.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-027.htm index 7e5770b79e6..397a28a2110 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-027.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-027.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right top'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-028.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-028.htm index e4c9fdf0082..b822fab1a90 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-028.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-028.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-029.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-029.htm index 8aea3683d13..820ba224a4a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-029.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-029.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right bottom'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-030.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-030.htm index afc355d91b7..971ee2debf3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-030.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-030.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right 75'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-031.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-031.htm index 2a788a9bc3c..0f3a508ea90 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-031.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-031.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right 0%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-032.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-032.htm index 3335c9ed8f0..fa3deb57105 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-032.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-032.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'right 100%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-033.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-033.htm index dd9e9c3f63f..0b5820062dc 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-033.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-033.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left top'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-034.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-034.htm index 6f6194a4242..1fe32c8fb5b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-034.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-034.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-035.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-035.htm index 31525eaa499..0906e6909e3 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-035.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-035.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left bottom'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-036.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-036.htm index 772f199a250..5f05973bf03 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-036.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-036.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left 75'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-037.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-037.htm index 64a0b700e16..a612e564d0a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-037.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-037.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left 0%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-038.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-038.htm index 8a99d05058d..3d19eeaf7ce 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-038.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-038.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'left 100%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-039.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-039.htm index 3bd2bcde751..61cfc7ebb34 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-039.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-039.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center top'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-040.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-040.htm index a4538dbcab2..9636bff14b7 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-040.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-040.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center bottom'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-041.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-041.htm index c86dbb2a433..7203eb92984 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-041.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-041.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center left'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-042.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-042.htm index 340b45238eb..296a1d32b32 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-042.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-042.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center right'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-043.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-043.htm index 11242552736..ab246607602 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-043.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-043.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center 100%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-044.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-044.htm index 5a592456f76..7a6929b7f43 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-044.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-044.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, '0 center'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-045.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-045.htm index 7b25b9a7ca0..acc27266339 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-045.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-045.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center 0%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-046.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-046.htm index 81577788f14..540fa90471a 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-046.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-046.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, 'center 0'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-001.htm index 205c9c3204d..7967001143f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-001.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'top 100%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-002.htm index 66d3c644c7b..f6b15d8d737 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-002.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-002.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'bottom 100%'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-003.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-003.htm index a6ab4f0b822..32e02f3c5f6 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-003.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-003.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'top 150'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-004.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-004.htm index 807153f1ea0..806efdcd55f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-004.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-004.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'bottom 150'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-005.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-005.htm index 8aa57f9f9e0..1fbdc07ce6b 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-005.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-005.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'top top'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-006.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-006.htm index b8ef1c93f09..6027d60959e 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-006.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-006.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'bottom bottom'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-007.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-007.htm index 3b3873f6506..09ca47f8860 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-007.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-007.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'top bottom'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-008.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-008.htm index af130080bf7..5525ff1f809 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-008.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-008.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'bottom top'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-009.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-009.htm index 168c13c9820..bfdbad1ca6d 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-009.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-009.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'left left'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-010.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-010.htm index bbafe6a738a..3cf3abd3133 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-010.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-010.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'left right'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-011.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-011.htm index 8fc8a561ed2..e30615cbd59 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-011.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-011.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'right right'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-012.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-012.htm index 0d96dd588cb..8fb413cdf00 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-012.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-012.htm @@ -3,7 +3,7 @@ <title>CSS Transforms Test: SVG presentation attribute transform-origin, invalid arguments 'right left'</title> <link href="mailto:dschulze@adobe.com" rel="author" title="Dirk Schulze"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help"> - <link href="http://dev.w3.org/csswg/css-transforms-1/#svg-transform" rel="help"> + <link href="https://drafts.csswg.org/css-transforms-1/#svg-transform" rel="help"> <link href="http://www.w3.org/TR/css-transforms-1/#svg-user-coordinate-space" rel="help"> <link href="reference/svg-origin-relative-length-invalid-ref.htm" rel="match"> <meta content="svg" name="flags"> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/toc.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/toc.htm index bf90a5c3772..f04ce186973 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/toc.htm @@ -47,12 +47,12 @@ <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - The Transform Rendering Model</a></th> - <td>(48 Tests)</td></tr> + <td>(50 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.htm">Chapter 7 - The transform Property</a></th> - <td>(102 Tests)</td></tr> + <td>(104 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.htm">Chapter 8 - @@ -67,7 +67,7 @@ <tbody id="s10"> <tr><th><a href="chapter-10.htm">Chapter 10 - The perspective Property</a></th> - <td>(17 Tests)</td></tr> + <td>(19 Tests)</td></tr> </tbody> <tbody id="s11"> <tr><th><a href="chapter-11.htm">Chapter 11 - @@ -92,7 +92,7 @@ <tbody id="s15"> <tr><th><a href="chapter-15.htm">Chapter 15 - The Transform Functions</a></th> - <td>(689 Tests)</td></tr> + <td>(691 Tests)</td></tr> </tbody> <tbody id="s16"> <tr><th><a href="chapter-16.htm">Chapter 16 - diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1a.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1a.htm new file mode 100644 index 00000000000..453a5d412a8 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1a.htm @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS transforms: Creating containing block for fixed positioned elements</title> +<link href="http://dbaron.org/" rel="author" title="L. David Baron"> +<link href="http://www.mozilla.org/" rel="author" title="Mozilla"> +<link href="https://drafts.csswg.org/css-transforms-1/#transform-rendering" rel="help"> +<link href="https://drafts.csswg.org/css-transforms-1/#transform-property" rel="help"> +<link href="reference/containing-block-dynamic-1-ref.htm" rel="match"> +<meta content="For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants." name="assert"> +<meta content="The object acts as a containing block for fixed positioned descendants." name="assert" U0003Cmeta=""> +<style> + html, body { margin: 0; padding: 0 } + #changetransform { + position: absolute; + top: 100px; + left: 100px; + } + + #abscovered { + position: absolute; + top: 50px; + left: 50px; + background: red; + height: 100px; + width: 100px; + } + + #fixedmoves { + position: fixed; + top: 150px; + left: 150px; + background: green; + height: 100px; + width: 100px; + } +</style> +</head><body> + <div style="transform: translateX(4px)" id="changetransform"> + <div id="abscovered"></div> + <div id="fixedmoves"></div> + </div> + <script> + var changetransform = document.getElementById("changetransform"); + var fixedmoves = document.getElementById("fixedmoves"); + var causeFlush = fixedmoves.offsetTop; + changetransform.style.transform = ""; + </script> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1b.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1b.htm new file mode 100644 index 00000000000..048441ebbcb --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1b.htm @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS transforms: Creating containing block for fixed positioned elements</title> +<link href="http://dbaron.org/" rel="author" title="L. David Baron"> +<link href="http://www.mozilla.org/" rel="author" title="Mozilla"> +<link href="https://drafts.csswg.org/css-transforms-1/#transform-rendering" rel="help"> +<link href="https://drafts.csswg.org/css-transforms-1/#transform-property" rel="help"> +<link href="reference/containing-block-dynamic-1-ref.htm" rel="match"> +<meta content="For elements whose layout is governed by the CSS box model, any value other than none for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants." name="assert"> +<meta content="The object acts as a containing block for fixed positioned descendants." name="assert" U0003Cmeta=""> +<style> + html, body { margin: 0; padding: 0 } + #changetransform { + position: absolute; + top: 100px; + left: 100px; + } + + #abscovered { + position: absolute; + top: 50px; + left: 50px; + background: red; + height: 100px; + width: 100px; + } + + #fixedmoves { + position: fixed; + top: 50px; + left: 50px; + background: green; + height: 100px; + width: 100px; + } +</style> +</head><body> + <div id="changetransform"> + <div id="abscovered"></div> + <div id="fixedmoves"></div> + </div> + <script> + var changetransform = document.getElementById("changetransform"); + var fixedmoves = document.getElementById("fixedmoves"); + var causeFlush = fixedmoves.offsetTop; + changetransform.style.transform = "translateX(0px)"; + </script> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-scale-test.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-scale-test.htm index 36cb1e5c889..0e967330b58 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-scale-test.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-scale-test.htm @@ -14,8 +14,8 @@ .greenSquare { width: 100px; height: 100px; - -webkit-transform: scale(.33); - -webkit-transform-origin: top left; + transform: scale(.33); + transform-origin: top left; } .greenSquareTwo { width: 33px; diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate.htm new file mode 100644 index 00000000000..09fd42cc657 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform supports translate(100px, 100px)" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(100px, 100px)"; + var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; + assert_equals(value, "translate(100px, 100px)") + }, "transform_translate_100px_100px"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid.htm new file mode 100644 index 00000000000..3cd0abd32c0 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate with invalid translation value</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform sets translate(null, null) that an expection is to be thrown" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(null, null)"; + + assert_throws(null, function() { + document.getElementById("test").style.getPropertyCSSValue("transform").cssText; + }); + }, "transform_translate_null_null"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid_prefixed.htm deleted file mode 100644 index 63124d9259d..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid_prefixed.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate with invalid translation value</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform sets translate(null, null) that an expection is to be thrown" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(null, null)"; - /* document.getElementById("test").style.mozkitTransform = "translate(null, null)"; - document.getElementById("test").style.msTransform = "translate(null, null)"; - document.getElementById("test").style.oTransform = "translate(null, null)"; - document.getElementById("test").style.transform = "translate(null, null)"; */ - - // Verify that the transform was set as expected - var result; - var value; - try { - value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - result = false; - } catch (e) { - result = true; - value = e.message; - } - - test(function() {assert_true(result, - "transform should be translate(null, null)")}, - "transform_translate_null_null"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max.htm new file mode 100644 index 00000000000..232d8e67650 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate with maximum translation value</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(INFINITE, INFINITE)"; + assert_throws(null, function() { + document.getElementById("test").style.getPropertyCSSValue("transform").cssText + }) + }, "transform_translate_max"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max_prefixed.htm deleted file mode 100644 index cfaa3cf4e4f..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max_prefixed.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate with maximum translation value</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(INFINITE, INFINITE)"; - /* document.getElementById("test").style.mozkitTransform = "translate(INFINITE, INFINITE)"; - document.getElementById("test").style.msTransform = "translate(INFINITE, INFINITE)"; - document.getElementById("test").style.oTransform = "translate(INFINITE, INFINITE)"; - document.getElementById("test").style.transform = "translate(INFINITE, INFINITE)"; */ - - // Verify that the transform was set as expected - var result; - var value; - try { - value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - result = false; - } catch (e) { - result = true; - value = e.message; - } - - test(function() {assert_true(result, - "transform should be translate(INFINITE, INFINITE)")}, - "transform_translate_max"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min.htm new file mode 100644 index 00000000000..9b1451f40e3 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate with minimum translation value</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(-INFINITE, -INFINITE)"; + assert_throws(null, function() { + document.getElementById("test").style.getPropertyCSSValue("transform").cssText + }) + }, "transform_translate_min"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min_prefixed.htm deleted file mode 100644 index 3c7e991a3b2..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min_prefixed.htm +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate with minimum translation value</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(-INFINITE, -INFINITE)"; - /* document.getElementById("test").style.mozkitTransform = "translate(-INFINITE, -INFINITE)"; - document.getElementById("test").style.msTransform = "translate(-INFINITE, -INFINITE)"; - document.getElementById("test").style.oTransform = "translate(-INFINITE, -INFINITE)"; - document.getElementById("test").style.transform = "translate(-INFINITE, -INFINITE)"; */ - - // Verify that the transform was set as expected - var result; - var value; - try { - value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - result = false; - } catch (e) { - result = true; - value = e.message; - } - - test(function() {assert_true(result, - "transform should be translate(-INFINITE, -INFINITE)")}, - "transform_translate_min_prefixed"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg.htm new file mode 100644 index 00000000000..3c4b4c34ec5 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate with negative translation value</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform supports translate(-1px, -1px)" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(-1px, -1px)"; + var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; + assert_equals(value, "translate(-1px, -1px)") + }, "transform_translate_-1px_-1px"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg_prefixed.htm deleted file mode 100644 index 5267b7af233..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg_prefixed.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate with negative translation value</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform supports translate(-1px, -1px)" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(-1px, -1px)"; - /* document.getElementById("test").style.mozkitTransform = "translate(-1px, -1px)"; - document.getElementById("test").style.msTransform = "translate(-1px, -1px)"; - document.getElementById("test").style.oTransform = "translate(-1px, -1px)"; - document.getElementById("test").style.transform = "translate(-1px, -1px)"; */ - - // Verify that the transform was set as expected - var value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* var value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - - test(function() {assert_equals(value, - "translate(-1px, -1px)", - "transform should be translate(-1px, - 1px)")}, - "transform_translate_-1px_-1px"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_prefixed.htm deleted file mode 100644 index 3e576a34e00..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_prefixed.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform supports translate(100px, 100px)" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(100px, 100px)"; - /* document.getElementById("test").style.mozkitTransform = "translate(100px, 100px)"; - document.getElementById("test").style.msTransform = "translate(100px, 100px)"; - document.getElementById("test").style.oTransform = "translate(100px, 100px)"; - document.getElementById("test").style.transform = "translate(100px, 100px)"; */ - - // Verify that the transform was set as expected - var value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* var value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - - test(function() {assert_equals(value, - "translate(100px, 100px)", - "transform should be translate(100px, 100px)")}, - "transform_translate_100px_100px"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited.htm new file mode 100644 index 00000000000..5580772f785 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate with second translation value omited</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform supports translate(100px)" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(100px)"; + var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; + assert_equals(value, "translate(100px)") + }, "transform_translate_100px"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited_prefixed.htm deleted file mode 100644 index 7a342b9010a..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited_prefixed.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate with second translation value omited</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform supports translate(100px)" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(100px)"; - /* document.getElementById("test").style.mozkitTransform = "translate(100px)"; - document.getElementById("test").style.msTransform = "translate(100px)"; - document.getElementById("test").style.oTransform = "translate(100px)"; - document.getElementById("test").style.transform = "translate(100px)"; */ - - // Verify that the transform was set as expected - var value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* var value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - - test(function() {assert_equals(value, - "translate(100px)", - "transform should be translate(100px)")}, - "transform_translate_100px"); - </script> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero.htm new file mode 100644 index 00000000000..e68a857df87 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms API Test: transform translate</title> + <link href="http://www.intel.com" rel="author" title="Intel"> + <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="Check if transform supports translate(0, 0)" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> +</head> +<body> + <div id="test"></div> + <div id="log"></div> + <script type="text/javascript"> + test(function() { + document.getElementById("test").style.transform = "translate(0, 0)"; + var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; + assert_equals(value, "translate(0px, 0px)") + }, "transform_translate_0_0"); + </script> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero_prefixed.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero_prefixed.htm deleted file mode 100644 index c93fc62d5e9..00000000000 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero_prefixed.htm +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<html><head> - <title>CSS Transforms API Test: transform translate</title> - <link href="http://www.intel.com" rel="author" title="Intel"> - <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="Check if transform supports translate(0, 0)" name="assert"> - <script src="/resources/testharness.js" type="text/javascript"></script> - <script src="/resources/testharnessreport.js" type="text/javascript"></script> -</head> -<body> - <div id="test"></div> - <div id="log"></div> - <script type="text/javascript"> - // Set the transform - document.getElementById("test").style.webkitTransform = "translate(0, 0)"; - /* document.getElementById("test").style.mozkitTransform = "translate(0, 0)"; - document.getElementById("test").style.msTransform = "translate(0, 0)"; - document.getElementById("test").style.oTransform = "translate(0, 0)"; - document.getElementById("test").style.transform = "translate(0, 0)"; */ - - // Verify that the transform was set as expected - var value = document.getElementById("test").style.getPropertyCSSValue("-webkit-transform").cssText; - /* var value = document.getElementById("test").style.getPropertyCSSValue("-moz-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-ms-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("-0-transform").cssText; - var value = document.getElementById("test").style.getPropertyCSSValue("transform").cssText; */ - - test(function() {assert_equals(value, - "translate(0px, 0px)", - "transform should be translate(0px, 0px)")}, - "transform_translate_0_0"); - </script> - - -</body></html>
\ No newline at end of file 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 938874d1555..e5819272ccd 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 @@ -19,12 +19,6 @@ width: 100px; height: 100px; background-color: green; - - //-webkit-transform: translate(100px, 100px); - - //-o-transform:translate(100px, 100px) ; - - transform: translate(100px, 100px); } diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewx-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewx-001.htm index 9ebff219b14..5c521b13eeb 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewx-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewx-001.htm @@ -12,7 +12,7 @@ left: 100px; width: 100px; height: 100px; - -webkit-transform: skewX(45deg); + transform: skewX(45deg); background: green; } .redSquare { @@ -26,7 +26,7 @@ <p>The test passes if there is a green shape and no red.</p> <div> <div class="redSquare"> - <svg xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" y="0px" x="0px" viewBox="0 0 200 100"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="200px" version="1.1" y="0px" x="0px" viewBox="0 0 200 100"> <polygon points="200,100 100,100 0,0 100,0 " fill="red"></polygon> </svg> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewy-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewy-001.htm index a1baaa4e3b6..bc5f1187f5c 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewy-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewy-001.htm @@ -12,7 +12,7 @@ left: 100px; width: 100px; height: 100px; - -webkit-transform: skewY(45deg); + transform: skewY(45deg); background: green; } .redSquare { @@ -26,7 +26,7 @@ <p>The test passes if there is a green shape and no red.</p> <div> <div class="redSquare"> - <svg xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" y="0px" x="0px" viewBox="0 0 100 200"> + <svg xmlns:xmlns="http://www.w3.org/2000/svg" xmlns:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="200px" width="100px" version="1.1" y="0px" x="0px" viewBox="0 0 100 200"> <polygon points="100,200 0,99.999 0,0 100,100 " fill="red"></polygon> </svg> </div> diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatex-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatex-001.htm index 4893d2bc837..7850acee210 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatex-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatex-001.htm @@ -4,7 +4,6 @@ <link href="mailto:mcorlan@adobe.com" rel="author" title="Mihai Corlan"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="reference/ttwf-reftest-transform-translatex-001.htm" rel="match"> - <meta content="CSS Transform" name="flags"> <meta content="Test that the green square is moved on X axis 100px" name="assert"> <style type="text/css"> .greenSquare { @@ -13,7 +12,7 @@ left: 0px; width: 100px; height: 100px; - -webkit-transform: translateX(100px); + transform: translateX(100px); background: green; } .redSquare { @@ -33,4 +32,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/ttwf-transform-translatey-001.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatey-001.htm index c4e455c050c..4599148446f 100644 --- a/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatey-001.htm +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-translatey-001.htm @@ -4,7 +4,6 @@ <link href="mailto:mcorlan@adobe.com" rel="author" title="Mihai Corlan"> <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> <link href="reference/ttwf-reftest-transform-translatey-001.htm" rel="match"> - <meta content="CSS Transform" name="flags"> <meta content="Test that the green square is moved on Y axis 100px" name="assert"> <style type="text/css"> .greenSquare { @@ -13,7 +12,7 @@ left: 100px; width: 100px; height: 100px; - -webkit-transform: translateY(100px); + transform: translateY(100px); background: green; } .redSquare { @@ -33,4 +32,5 @@ <div class="greenSquare"></div> </div> + </body></html>
\ No newline at end of file |