mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
182 lines
No EOL
9.9 KiB
HTML
182 lines
No EOL
9.9 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>The Transform Function Lists - CSS Transforms Module Level 1 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Transforms Module Level 1 CR Test Suite</h1>
|
|
<h2>The Transform Function Lists (13 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s16">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s16">+</a>
|
|
<a href="https://www.w3.org/TR/css-transforms-1/#transform-function-lists">16 The Transform Function Lists</a></th></tr>
|
|
<!-- 13 tests -->
|
|
<tr id="svg-transform-list-separations-001-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-001.htm">svg-transform-list-separations-001</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>No separations between transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with no separation between the 3 transform functions in the list</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-002-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-002.htm">svg-transform-list-separations-002</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Comma + no whitespace separations between transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with no whitespace.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-003-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-003.htm">svg-transform-list-separations-003</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Comma + whitespace separations between transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-004-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-004.htm">svg-transform-list-separations-004</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Whitespace separations between transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by whitespace.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-005-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-005.htm">svg-transform-list-separations-005</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Comma, whitespace, and no separations between transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 4 transform functions in the list delimited by a comma, whitespace, and nothing.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-006-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-006.htm">svg-transform-list-separations-006</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Multiple spaces between transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 4 transform functions in the list with multiple spaces between them</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-007-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-007.htm">svg-transform-list-separations-007</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Multiple spaces before and after transform functions on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with multiple spaces before and after the transform function list</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-008-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-008.htm">svg-transform-list-separations-008</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Transform functions separated by commas separations with multiple spaces before the commas on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-009-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-009.htm">svg-transform-list-separations-009</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Transform functions separated by commas separations with spaces before and after the commas on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-010-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-010.htm">svg-transform-list-separations-010</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Transform functions separated by newlines on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="svg-transform-list-separations-011-16" class="svg">
|
|
<td>
|
|
<a href="svg-transform-list-separations-011.htm">svg-transform-list-separations-011</a></td>
|
|
<td><a href="reference/svg-transform-list-separations-ref.htm">=</a> </td>
|
|
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
|
|
<td>Transform functions separated by commas and newlines on SVG presentation attribute
|
|
<ul class="assert">
|
|
<li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="transform-singular-001-16" class="">
|
|
<td>
|
|
<a href="transform-singular-001.htm">transform-singular-001</a></td>
|
|
<td><a href="reference/transform-singular-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>matrix(1, 1, 1, 1, 0, 0)
|
|
<ul class="assert">
|
|
<li>"If a transform function causes the current transformation matrix (CTM) of an object to be non-invertible, the object and its content do not get displayed." The matrix (1, 1, 1, 1) has determinant 1*1 - 1*1 = 0 and therefore is not invertible, so nothing should display.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="transform3d-scale-004-16" class="">
|
|
<td>
|
|
<a href="transform3d-scale-004.htm">transform3d-scale-004</a></td>
|
|
<td><a href="reference/transform-blank-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>scale3d(2, 2, 0)
|
|
<ul class="assert">
|
|
<li>This tests that scale3d(2, 2, 0), being singular, causes the contents not to display.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |