mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8
This commit is contained in:
James Graham
parent
662c00a810
commit
df03062d62
10934 changed files with 428309 additions and 254265 deletions
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Transforms Module Level 1 CR Test Suite</h1>
|
||||
<h2>The backface-visibility Property (8 tests)</h2>
|
||||
<h2>The backface-visibility Property (9 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -31,7 +31,18 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12">+</a>
|
||||
<a href="http://www.w3.org/TR/css-transforms-1/#backface-visibility-property">12 The backface-visibility Property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 1 tests -->
|
||||
<tr id="transform3d-backface-visibility-008-12" class="primary">
|
||||
<td><strong>
|
||||
<a href="transform3d-backface-visibility-008.xht">transform3d-backface-visibility-008</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>backface-visibility - visible
|
||||
<ul class="assert">
|
||||
<li>When 'backface-visiblity' is set to visible, the back side of a transformed element is visible.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s12.#issue-5f192247">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<!-- 699 tests -->
|
||||
<!-- 641 tests -->
|
||||
<tr id="skew-test1-13" class="primary svg">
|
||||
<td><strong>
|
||||
<a href="skew-test1.xht">skew-test1</a></strong></td>
|
||||
|
|
@ -1935,644 +1935,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="svg-origin-relative-length-001-13" class="svg">
|
||||
<td>
|
||||
<a href="svg-origin-relative-length-001.xht">svg-origin-relative-length-001</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-002</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-003</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-004</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-005</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-006</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-007</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-008</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-009</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-010</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-011</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-012</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-013</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-014</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-015</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-016</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-017</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-018</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-019</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-020</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-021</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-022</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-023</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-024</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-025</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-026</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-027</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-028</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-029</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-030</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-031</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-032</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-033</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-034</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-035</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-036</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-037</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-038</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-039</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-040</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-041</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-042</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-043</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-044</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-045</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-046</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-ref.xht">=</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.xht">svg-origin-relative-length-invalid-001</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-002</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-003</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-004</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-005</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-006</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-007</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-008</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-009</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-010</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-011</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-origin-relative-length-invalid-012</a></td>
|
||||
<td><a href="reference/svg-origin-relative-length-invalid-ref.xht">=</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.xht">svg-patterntransform-001</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Transforms Module Level 1 CR Test Suite</h1>
|
||||
<h2>The Transform Functions (691 tests)</h2>
|
||||
<h2>The Transform Functions (689 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -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>
|
||||
<!-- 7 tests -->
|
||||
<!-- 5 tests -->
|
||||
<tr id="animations-001-15" class="ahem animated">
|
||||
<td>
|
||||
<a href="animations-001.xht">animations-001</a></td>
|
||||
|
|
@ -65,28 +65,6 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-transform-scale-001-15" class="">
|
||||
<td>
|
||||
<a href="css-transform-scale-001.xht">css-transform-scale-001</a></td>
|
||||
<td><a href="reference/css-transform-scale-ref-001.xht">=</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.xht">css-transform-scale-002</a></td>
|
||||
<td><a href="reference/css-transform-scale-ref-002.xht">=</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.xht">iframe-001</a></td>
|
||||
|
|
|
|||
|
|
@ -7723,6 +7723,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="transform3d-backface-visibility-008" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="backface-visibility - visible">
|
||||
<a href="transform3d-backface-visibility-008.xht">transform3d-backface-visibility-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="transform3d-image-scale-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="scale3d() on a Bitmap">
|
||||
|
|
|
|||
|
|
@ -962,6 +962,7 @@ transform3d-backface-visibility-004.xht == reference/transform-lime-square-ref.x
|
|||
transform3d-backface-visibility-005.xht == reference/transform-lime-square-ref.xht
|
||||
transform3d-backface-visibility-006.xht == reference/transform-lime-square-ref.xht
|
||||
transform3d-backface-visibility-007.xht == reference/transform-lime-square-ref.xht
|
||||
transform3d-backface-visibility-008.xht == reference/ref-filled-green-100px-square.xht
|
||||
transform3d-image-scale-001.xht == reference/transform-lime-square-ref.xht
|
||||
transform3d-image-scale-002.xht == reference/transform-lime-square-ref.xht
|
||||
transform3d-matrix3d-001.xht == reference/transform3d-matrix3d-001-ref.xht != reference/transform-lime-square-ref.xht
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
<tbody id="s12">
|
||||
<tr><th><a href="chapter-12.xht">Chapter 12 -
|
||||
The backface-visibility Property</a></th>
|
||||
<td>(8 Tests)</td></tr>
|
||||
<td>(9 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s13">
|
||||
<tr><th><a href="chapter-13.xht">Chapter 13 -
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<tbody id="s15">
|
||||
<tr><th><a href="chapter-15.xht">Chapter 15 -
|
||||
The Transform Functions</a></th>
|
||||
<td>(691 Tests)</td></tr>
|
||||
<td>(689 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s16">
|
||||
<tr><th><a href="chapter-16.xht">Chapter 16 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Transforms Test: backface-visibility - visible</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel" />
|
||||
<link href="mailto:zhiqiang.zhang@intel.com" rel="reviewer" title="Zhiqiang Zhang" /> <!-- 2015-05-22 -->
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#backface-visibility-property" rel="help" />
|
||||
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
|
||||
<meta content="When 'backface-visiblity' is set to visible,
|
||||
the back side of a transformed element is visible." name="assert" />
|
||||
<style>
|
||||
div {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
body > div {
|
||||
background: red;
|
||||
}
|
||||
|
||||
div > div {
|
||||
background: green;
|
||||
backface-visibility: visible;
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div>
|
||||
<div></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue