1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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="http://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.xht">svg-transform-list-separations-001</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-002</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-003</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-004</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-005</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-006</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-007</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-008</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-009</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-010</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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.xht">svg-transform-list-separations-011</a></td>
<td><a href="reference/svg-transform-list-separations-ref.xht">=</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="primary">
<td><strong>
<a href="transform-singular-001.xht">transform-singular-001</a></strong></td>
<td><a href="reference/transform-singular-ref.xht">=</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.xht">transform3d-scale-004</a></td>
<td><a href="reference/transform-blank-ref.xht">=</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>
|
