Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-05 13:40:08 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0

Browse source
This commit is contained in:
Ms2ger 2015-08-21 17:46:44 +02:00
parent 7c45ff8e05
commit f235d49372
6623 changed files with 267392 additions and 10061 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/css-tests/css-transforms-1_dev/html/2d-rotate-001.htm
View file

@ -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;

26
tests/wpt/css-tests/css-transforms-1_dev/html/chapter-10.htm
View file

@ -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>

640
tests/wpt/css-tests/css-transforms-1_dev/html/chapter-13.htm
View file

@ -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>

126
tests/wpt/css-tests/css-transforms-1_dev/html/chapter-15.htm
View file

@ -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,53 +6967,9 @@
</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>
<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
<ul class="assert">
<li>Check if transform sets translate(null, null) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_max_prefixed-15.1" class="dom script">
<td>
<a href="transform_translate_max_prefixed.htm">transform_translate_max_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 with maximum translation value
<ul class="assert">
<li>Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_min_prefixed-15.1" class="dom script">
<td>
<a href="transform_translate_min_prefixed.htm">transform_translate_min_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 with minimum translation value
<ul class="assert">
<li>Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_neg_prefixed-15.1" class="dom script">
<td>
<a href="transform_translate_neg_prefixed.htm">transform_translate_neg_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 with negative translation value
<ul class="assert">
<li>Check if transform supports translate(-1px, -1px)</li>
</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>
<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
@ -7000,9 +6978,53 @@
</ul>
</td>
</tr>
<tr id="transform_translate_second_omited_prefixed-15.1" class="dom script">
<tr id="transform_translate_invalid-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_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
<ul class="assert">
<li>Check if transform sets translate(null, null) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_max-15.1" class="dom script">
<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
<ul class="assert">
<li>Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_min-15.1" class="dom script">
<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
<ul class="assert">
<li>Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_neg-15.1" class="dom script">
<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
<ul class="assert">
<li>Check if transform supports translate(-1px, -1px)</li>
</ul>
</td>
</tr>
<tr id="transform_translate_second_omited-15.1" class="dom script">
<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

28
tests/wpt/css-tests/css-transforms-1_dev/html/chapter-6.htm
View file

@ -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>

136
tests/wpt/css-tests/css-transforms-1_dev/html/chapter-7.htm
View file

@ -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,53 +924,9 @@
</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_invalid_prefixed.htm">transform_translate_invalid_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 with invalid translation value
<ul class="assert">
<li>Check if transform sets translate(null, null) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_max_prefixed-7" class="primary dom script">
<td><strong>
<a href="transform_translate_max_prefixed.htm">transform_translate_max_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 with maximum translation value
<ul class="assert">
<li>Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_min_prefixed-7" class="primary dom script">
<td><strong>
<a href="transform_translate_min_prefixed.htm">transform_translate_min_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 with minimum translation value
<ul class="assert">
<li>Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_neg_prefixed-7" class="primary dom script">
<td><strong>
<a href="transform_translate_neg_prefixed.htm">transform_translate_neg_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 with negative translation value
<ul class="assert">
<li>Check if transform supports translate(-1px, -1px)</li>
</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>
<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
@ -955,9 +935,53 @@
</ul>
</td>
</tr>
<tr id="transform_translate_second_omited_prefixed-7" class="primary dom script">
<tr id="transform_translate_invalid-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_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
<ul class="assert">
<li>Check if transform sets translate(null, null) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_max-7" class="primary dom script">
<td><strong>
<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
<ul class="assert">
<li>Check if transform sets translate(INFINITE, INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_min-7" class="primary dom script">
<td><strong>
<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
<ul class="assert">
<li>Check if transform sets translate(-INFINITE, -INFINITE) that an expection is to be thrown</li>
</ul>
</td>
</tr>
<tr id="transform_translate_neg-7" class="primary dom script">
<td><strong>
<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
<ul class="assert">
<li>Check if transform supports translate(-1px, -1px)</li>
</ul>
</td>
</tr>
<tr id="transform_translate_second_omited-7" class="primary dom script">
<td><strong>
<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>

2
tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-001.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/css-transform-scale-002.htm
View file

@ -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">

48
tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1a.htm Normal file
View file

@ -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>

48
tests/wpt/css-tests/css-transforms-1_dev/html/perspective-containing-block-dynamic-1b.htm Normal file
View file

@ -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>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-notref.htm
View file

@ -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;

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/2d-rotate-ref.htm
View file

@ -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;

20
tests/wpt/css-tests/css-transforms-1_dev/html/reference/containing-block-dynamic-1-ref.htm Normal file
View file

@ -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>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewx-001.htm
View file

@ -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>

2
tests/wpt/css-tests/css-transforms-1_dev/html/reference/ttwf-reftest-transform-skewy-001.htm
View file

@ -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>

40
tests/wpt/css-tests/css-transforms-1_dev/html/reftest-toc.htm
View file

@ -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>

4
tests/wpt/css-tests/css-transforms-1_dev/html/reftest.list
View file

@ -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

1
tests/wpt/css-tests/css-transforms-1_dev/html/rotate_45deg.htm
View file

@ -15,7 +15,6 @@
}
.transformed {
transform: rotateY(45deg);
-webkit-transform: rotateY(45deg);
background-color:green;
height: 100px;
}

1
tests/wpt/css-tests/css-transforms-1_dev/html/rotate_x_45deg.htm
View file

@ -15,7 +15,6 @@
}
.transformed {
transform: rotateX(45deg);
//-webkit-transform: rotateX(45deg);
background-color:green;
height: 100px;
}

1
tests/wpt/css-tests/css-transforms-1_dev/html/rotate_y_45deg.htm
View file

@ -15,7 +15,6 @@
}
.transformed {
transform: rotateY(45deg);
//-webkit-transform: rotateY(45deg);
background-color:green;
height: 100px;
}

2
tests/wpt/css-tests/css-transforms-1_dev/html/scalex.htm
View file

@ -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>

1
tests/wpt/css-tests/css-transforms-1_dev/html/scaley.htm
View file

@ -15,7 +15,6 @@
background-color:green;
margin-top: 200px;
transform: scaleY(2);
//-webkit-transform: scaleY(2);
}
.hidden {

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-001.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-002.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-003.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-004.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-005.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-006.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-007.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-008.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-009.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-010.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-011.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-012.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-013.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-014.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-015.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-016.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-017.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-018.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-019.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-020.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-021.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-022.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-023.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-024.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-025.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-026.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-027.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-028.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-029.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-030.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-031.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-032.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-033.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-034.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-035.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-036.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-037.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-038.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-039.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-040.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-041.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-042.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-043.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-044.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-045.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-046.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-001.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-002.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-003.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-004.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-005.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-006.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-007.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-008.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-009.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-010.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-011.htm
View file

@ -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">

2
tests/wpt/css-tests/css-transforms-1_dev/html/svg-origin-relative-length-invalid-012.htm
View file

@ -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">

8
tests/wpt/css-tests/css-transforms-1_dev/html/toc.htm
View file

@ -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 -

49
tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1a.htm Normal file
View file

@ -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>

49
tests/wpt/css-tests/css-transforms-1_dev/html/transform-containing-block-dynamic-1b.htm Normal file
View file

@ -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>

4
tests/wpt/css-tests/css-transforms-1_dev/html/transform-scale-test.htm
View file

@ -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;

24
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate.htm Normal file
View file

@ -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>

26
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid.htm Normal file
View file

@ -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>

44
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_invalid_prefixed.htm
View file

@ -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>

25
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max.htm Normal file
View file

@ -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>

44
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_max_prefixed.htm
View file

@ -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>

25
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min.htm Normal file
View file

@ -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>

44
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_min_prefixed.htm
View file

@ -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>

24
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg.htm Normal file
View file

@ -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>

37
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_neg_prefixed.htm
View file

@ -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>

37
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_prefixed.htm
View file

@ -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>

24
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited.htm Normal file
View file

@ -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>

37
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_second_omited_prefixed.htm
View file

@ -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>

24
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero.htm Normal file
View file

@ -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>

37
tests/wpt/css-tests/css-transforms-1_dev/html/transform_translate_zero_prefixed.htm
View file

@ -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>

6
tests/wpt/css-tests/css-transforms-1_dev/html/translate.htm
View file

@ -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);
}

4
tests/wpt/css-tests/css-transforms-1_dev/html/ttwf-transform-skewx-001.htm
View file

@ -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>

Some files were not shown because too many files have changed in this diff Show more