eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-30 19:37:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b

Browse Source
This commit is contained in:
Ms2ger
2015-10-06 12:33:05 +02:00
parent ad94ef5a96
commit 145aea3eeb
1196 changed files with 14344 additions and 6221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-003.htm Normal file
View File

@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html><head><title>CSS Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title>
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
<link href="reference/table-progression-001-ref.htm" rel="match">
<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert">
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help">
<style>
.test {
writing-mode: vertical-rl;
text-orientation: upright;
}
[dir=rtl] {
direction: rtl;
}
table {
border-spacing: 0;
margin: 1em;
}
td {
width: 1em;
height: 1em;
border: solid gray;
}
.navy { background: navy}
.blue { background: blue }
.aqua { background: aqua }
.teal { background: teal }
.purp { background: purple }
.pink { background: fuchsia }
.yllw { background: yellow }
.orng { background: orange }
</style>
</head><body><p>Test passes if the following three tables look identical.
</p><table class="test">
<thead>
<tr>
<td class="navy">
</td><td class="blue">
</td><td colspan="2">
</td></tr></thead><tfoot>
<tr>
<td colspan="2">
</td><td class="aqua">
</td><td class="teal">
</td></tr></tfoot><tbody>
<tr>
<td rowspan="3">
</td><td colspan="2">
</td><td class="purp">
</td></tr><tr>
<td class="pink">
</td><td colspan="2" rowspan="2">
</td></tr><tr>
<td class="yllw">
</td></tr></tbody><tbody>
<tr>
<td class="orng">
</td><td colspan="3">
</td></tr></tbody></table>
<table class="test">
<thead>
<tr>
<td class="navy">
</td><td class="blue">
</td><td colspan="2">
</td></tr></thead><tfoot>
<tr>
<td colspan="2">
</td><td class="aqua">
</td><td class="teal">
</td></tr></tfoot><tbody>
<tr>
<td rowspan="3">
</td><td colspan="2">
</td><td class="purp">
</td></tr><tr>
<td class="pink">
</td><td colspan="2" rowspan="2">
</td></tr><tr>
<td class="yllw">
</td></tr></tbody><tbody>
<tr>
<td class="orng">
</td><td colspan="3">
</td></tr></tbody></table>
<table class="reference">
<tbody><tr>
<td rowspan="2">
</td><td class="orng">
</td><td colspan='3"'>
</td><td class="navy">
</td></tr><tr>
<td rowspan='3"'>
</td><td class="yllw">
</td><td class="pink">
</td><td rowspan='2"'>
</td><td class="blue">
</td></tr><tr>
<td class="aqua">
</td><td colspan="2" rowspan="2">
</td><td rowspan="2">
</td></tr><tr>
<td class="teal">
</td><td class="purp">
</td></tr></tbody></table>
</body></html>