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

Update CSS tests to revision c8ec30de8099360ecf6581035bfdf2180fcc9755

Browse source 
Necessary for:

https://github.com/servo/servo/pull/7117
This commit is contained in:
Corey Farwell 2015-09-01 14:37:41 -04:00
parent e46499a5df
commit c51deb9a6e
156 changed files with 13569 additions and 535 deletions
Download patch file Download diff file Expand all files Collapse all files

68
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vlr-003.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vlr-005.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-right-color: green;
border-right-style: solid;
border-right-width: 100px;
}
td#eight
{
border-left-color: red;
border-left-style: solid;
border-left-width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vlr-007.htm Normal file
View file

@ -0,0 +1,150 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: red green green red;
}
td#seven
{
border-color: red green green red;
}
td#eight
{
border-color: red green green red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: red green green red;
}
td#eleven
{
border-color: red green green red;
}
td#twelve
{
border-color: red green green red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: red green green red;
}
td#fifteen
{
border-color: red green green red;
}
td#sixteen
{
border-color: red green green red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vlr-009.htm Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vlr-011.htm Normal file
View file

@ -0,0 +1,145 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: green green red red;
}
td#seven
{
border-color: green green red red;
}
td#eight
{
border-color: green green red red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: green green red red;
}
td#eleven
{
border-color: green green red red;
}
td#twelve
{
border-color: green green red red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: green green red red;
}
td#fifteen
{
border-color: green green red red;
}
td#sixteen
{
border-color: green green red red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vlr-013.htm Normal file
View file

@ -0,0 +1,186 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
table#first
{
border-left: red solid 100px;
}
table#first td
{
border-left: green solid 100px;
}
table#second > tbody
{
border-left: red solid 100px;
}
table#second td
{
border-left: green solid 100px;
}
table#third > thead
{
border-left: red solid 100px;
}
table#third td
{
border-left: green solid 100px;
}
table#fourth > tfoot
{
border-left: red solid 100px;
}
table#fourth td
{
border-left: green solid 100px;
}
table#fifth tr
{
border-left: red solid 100px;
}
table#fifth td
{
border-left: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col><col></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col><col></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

68
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vrl-002.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vrl-004.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-left-color: green;
border-left-style: solid;
border-left-width: 100px;
}
td#eight
{
border-right-color: red;
border-right-style: solid;
border-right-width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vrl-006.htm Normal file
View file

@ -0,0 +1,150 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: red red green green;
}
td#seven
{
border-color: red red green green;
}
td#eight
{
border-color: red red green green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: red red green green;
}
td#eleven
{
border-color: red red green green;
}
td#twelve
{
border-color: red red green green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: red red green green;
}
td#fifteen
{
border-color: red red green green;
}
td#sixteen
{
border-color: red red green green;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vrl-008.htm Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vrl-010.htm Normal file
View file

@ -0,0 +1,145 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: green red red green;
}
td#seven
{
border-color: green red red green;
}
td#eight
{
border-color: green red red green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: green red red green;
}
td#eleven
{
border-color: green red red green;
}
td#twelve
{
border-color: green red red green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: green red red green;
}
td#fifteen
{
border-color: green red red green;
}
td#sixteen
{
border-color: green red red green;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css-writing-modes-3_dev/html/border-conflict-element-vrl-012.htm Normal file
View file

@ -0,0 +1,186 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
table#first
{
border-right: red solid 100px;
}
table#first td
{
border-right: green solid 100px;
}
table#second > tbody
{
border-right: red solid 100px;
}
table#second td
{
border-right: green solid 100px;
}
table#third > thead
{
border-right: red solid 100px;
}
table#third td
{
border-right: green solid 100px;
}
table#fourth > tfoot
{
border-right: red solid 100px;
}
table#fourth td
{
border-right: green solid 100px;
}
table#fifth tr
{
border-right: red solid 100px;
}
table#fifth td
{
border-right: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col><col></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col><col></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

136
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Abstract Box Terminology (22 tests)</h2>
<h2>Abstract Box Terminology (34 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -115,7 +115,139 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
<!-- 4 tests -->
<!-- 16 tests -->
<tr id="border-conflict-element-vlr-003-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-005-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-007-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-009-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-011-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-013-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-002-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-004-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-006-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-008-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-010-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-012-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="direction-vlr-003-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vlr-003.htm">direction-vlr-003</a></strong></td>

12
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-new-002-ref.htm
View file

@ -10,9 +10,13 @@
vertical-align: top;
}
img#blue
{
padding-left: 60px; /* = the position of blue square */
}
img#orange
{
padding-top: 60px; /* = the height of first character */
padding-left: 120px; /* = the position of orange square */
}
@ -22,11 +26,11 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div>
<img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><!--
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled">
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled">
</div>

6
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-new-004-ref.htm
View file

@ -12,12 +12,12 @@
img
{
padding-left: 15px; /* = the position of first orange square */
padding-left: 60px; /* = the position of first orange square */
}
img + br + img
{
padding-left: 45px; /* = the position of second orange square*/
padding-left: 60px; /* = the position of second orange square*/
}
</style>
@ -25,7 +25,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div>
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--

96
tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
View file

@ -3336,6 +3336,102 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-003" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-005" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-007" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-009" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-011" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-013" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-002" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-004" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-006" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-008" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-010" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-012" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-spacing-vlr-003" class="ahem">
<tr>
<td rowspan="1" title="border-spacing - first value is specified and non-zero in 'vertical-lr' table">

12
tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list
View file

@ -413,6 +413,18 @@ block-plaintext-001.htm == reference/block-plaintext-001.htm
block-plaintext-002.htm == reference/block-plaintext-002.htm
block-plaintext-003.htm == reference/block-plaintext-003.htm
block-plaintext-004.htm == reference/block-plaintext-004.htm
border-conflict-element-vlr-003.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-005.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-007.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-009.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-011.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-013.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-002.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-004.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-006.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-008.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-010.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-012.htm == reference/ref-filled-green-100px-square.htm
border-spacing-vlr-003.htm == reference/border-spacing-vrl-002-ref.htm
border-spacing-vlr-005.htm == reference/border-spacing-vrl-002-ref.htm
border-spacing-vrl-002.htm == reference/border-spacing-vrl-002-ref.htm

2
tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm
View file

@ -47,7 +47,7 @@
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
Abstract Box Terminology</a></th>
<td>(22 Tests)</td></tr>
<td>(34 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.htm">Chapter 7 -

7
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-new-002.htm
View file

@ -11,17 +11,16 @@
<style type="text/css">
div#rl
{
border-right: blue solid 2em;
writing-mode: vertical-rl;
font: 3.75em/3 Ahem; /* computes to 60px/180px */
color: white;
color: blue;
}
span#orange
{
font-size: 0.5em;
color: orange;
vertical-align: top;
line-height: 1;
}
</style>
@ -29,7 +28,7 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div id="rl">A<span id="orange">O</span></div>

5
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-new-004.htm
View file

@ -12,7 +12,7 @@
div#rl
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/90px */
writing-mode: vertical-rl;
}
@ -20,7 +20,6 @@
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-top;
line-height: 1;
}
</style>
@ -29,7 +28,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="rl">A<span id="orange30">O</span></div>

44
tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data
View file

@ -883,6 +883,30 @@ html/block-plaintext-005.htm 2f2d8e6c45d62bc9d6ca61cb22615749d0a2e243 ?
xhtml1/block-plaintext-005.xht 2f2d8e6c45d62bc9d6ca61cb22615749d0a2e243 ?
html/block-plaintext-006.htm 0c629044af2ad8099dac74893c25d14cb049e242 ?
xhtml1/block-plaintext-006.xht 0c629044af2ad8099dac74893c25d14cb049e242 ?
html/border-conflict-element-vlr-003.htm 56ca8356bc1caf2ffb689c0e15d857178d297e79 ?
xhtml1/border-conflict-element-vlr-003.xht 56ca8356bc1caf2ffb689c0e15d857178d297e79 ?
html/border-conflict-element-vlr-005.htm 446d84cc6bacc628f53003a138c0147e15a1fa16 ?
xhtml1/border-conflict-element-vlr-005.xht 446d84cc6bacc628f53003a138c0147e15a1fa16 ?
html/border-conflict-element-vlr-007.htm 315c6576eb445dc8e2b2d863345253c2847ca2dc ?
xhtml1/border-conflict-element-vlr-007.xht 315c6576eb445dc8e2b2d863345253c2847ca2dc ?
html/border-conflict-element-vlr-009.htm 37129eecc80074e0f3a4e6d9b74b41d0635a932e ?
xhtml1/border-conflict-element-vlr-009.xht 37129eecc80074e0f3a4e6d9b74b41d0635a932e ?
html/border-conflict-element-vlr-011.htm c8f52e8961fe71196470a3c53a696c1f9d071cae ?
xhtml1/border-conflict-element-vlr-011.xht c8f52e8961fe71196470a3c53a696c1f9d071cae ?
html/border-conflict-element-vlr-013.htm 03fde3800840d2d24059b98a8a2939b12655da84 ?
xhtml1/border-conflict-element-vlr-013.xht 03fde3800840d2d24059b98a8a2939b12655da84 ?
html/border-conflict-element-vrl-002.htm e0cf70e734a10c474ee4cfbfe4fbcc9ee4c578b6 ?
xhtml1/border-conflict-element-vrl-002.xht e0cf70e734a10c474ee4cfbfe4fbcc9ee4c578b6 ?
html/border-conflict-element-vrl-004.htm b2b78afcda698c1ccbb34aafab05cbc347f9dcde ?
xhtml1/border-conflict-element-vrl-004.xht b2b78afcda698c1ccbb34aafab05cbc347f9dcde ?
html/border-conflict-element-vrl-006.htm bc2dda16e190719018652d9f06a8f7bf80117141 ?
xhtml1/border-conflict-element-vrl-006.xht bc2dda16e190719018652d9f06a8f7bf80117141 ?
html/border-conflict-element-vrl-008.htm 8c6ff43d69fdc2a61eca427404747564b8f60675 ?
xhtml1/border-conflict-element-vrl-008.xht 8c6ff43d69fdc2a61eca427404747564b8f60675 ?
html/border-conflict-element-vrl-010.htm f3c495ee97eeac5bc4c8d400d8a5da49ec126cdf ?
xhtml1/border-conflict-element-vrl-010.xht f3c495ee97eeac5bc4c8d400d8a5da49ec126cdf ?
html/border-conflict-element-vrl-012.htm 4f1623e87639f6fb72457cf515c867dc7ac618d2 ?
xhtml1/border-conflict-element-vrl-012.xht 4f1623e87639f6fb72457cf515c867dc7ac618d2 ?
html/border-spacing-vlr-003.htm 83d485a7f53c6aab05133d1b4ef7a19db40610ea ?
xhtml1/border-spacing-vlr-003.xht 83d485a7f53c6aab05133d1b4ef7a19db40610ea ?
html/border-spacing-vlr-005.htm b05a8b886a284274db64edf8ea07770873dea6fd ?
@ -1023,8 +1047,8 @@ html/direction-vrl-004.htm 31d81702696bd0c7fe90ce7f4b6a91947db9234f ?
xhtml1/direction-vrl-004.xht 31d81702696bd0c7fe90ce7f4b6a91947db9234f ?
html/extract-ordered-list-direction-and-writing-modes.htm f456a08de75932c3881a76490ed2fdb7211d2bc8 ?
xhtml1/extract-ordered-list-direction-and-writing-modes.xht f456a08de75932c3881a76490ed2fdb7211d2bc8 ?
html/first-page-vlr-003.htm 66c5f6f6770b4a63ab7936fc40da35a075237c0f ?
xhtml1/first-page-vlr-003.xht 66c5f6f6770b4a63ab7936fc40da35a075237c0f ?
html/first-page-vlr-003.htm ba9f62a92fda53555211ee1de1a17cb08e124dd6 ?
xhtml1/first-page-vlr-003.xht ba9f62a92fda53555211ee1de1a17cb08e124dd6 ?
html/first-page-vrl-002.htm 0e3999276064df4aff359983d7a6cb2977a7a19b ?
xhtml1/first-page-vrl-002.xht 0e3999276064df4aff359983d7a6cb2977a7a19b ?
html/flexbox-writing-mode-007.htm 0557a81af23da4d969bce70f840968a7d5947006 ?
@ -1701,14 +1725,14 @@ html/vertical-alignment-027a.htm ca2c37b2acc7a2be0e438b5069acd2286487b6ab ?
xhtml1/vertical-alignment-027a.xht ca2c37b2acc7a2be0e438b5069acd2286487b6ab ?
html/vertical-alignment-027b.htm eb3ef979b26f31507a2f72ba374274fd22113364 ?
xhtml1/vertical-alignment-027b.xht eb3ef979b26f31507a2f72ba374274fd22113364 ?
html/vertical-alignment-new-002.htm 9ffd58ae28bafed782635686651e26f85d61e69a ?
xhtml1/vertical-alignment-new-002.xht 9ffd58ae28bafed782635686651e26f85d61e69a ?
html/vertical-alignment-new-003.htm 1dcc32be4cac03a1f52f003a89bcf414368ca0da ?
xhtml1/vertical-alignment-new-003.xht 1dcc32be4cac03a1f52f003a89bcf414368ca0da ?
html/vertical-alignment-new-004.htm 824643b101645b22a73043182b4b3ecee0df67cc ?
xhtml1/vertical-alignment-new-004.xht 824643b101645b22a73043182b4b3ecee0df67cc ?
html/vertical-alignment-new-005.htm 9d96b7b8f0e2beb8d6a103988beb6fd531365ca2 ?
xhtml1/vertical-alignment-new-005.xht 9d96b7b8f0e2beb8d6a103988beb6fd531365ca2 ?
html/vertical-alignment-new-002.htm 515da3806b29df524807102d2a3a278cd8ee89b7 ?
xhtml1/vertical-alignment-new-002.xht 515da3806b29df524807102d2a3a278cd8ee89b7 ?
html/vertical-alignment-new-003.htm d8711ff67efb10fec65c3cd87238a69f94a4b85d ?
xhtml1/vertical-alignment-new-003.xht d8711ff67efb10fec65c3cd87238a69f94a4b85d ?
html/vertical-alignment-new-004.htm 234bc9d84450e317b1b9243cda9b0f9a261b360d ?
xhtml1/vertical-alignment-new-004.xht 234bc9d84450e317b1b9243cda9b0f9a261b360d ?
html/vertical-alignment-new-005.htm eca0b3cf343e86cc7ec5c08969adfd7b603ed51a ?
xhtml1/vertical-alignment-new-005.xht eca0b3cf343e86cc7ec5c08969adfd7b603ed51a ?
html/vertical-alignment-new-006.htm 61e9e28954d65bb677c10c1ecabe02697a4be616 ?
xhtml1/vertical-alignment-new-006.xht 61e9e28954d65bb677c10c1ecabe02697a4be616 ?
html/vertical-alignment-new-007.htm b8f4194fc311ebd51130715a3947c69f63e3c21b ?

22
tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data
View file

@ -439,6 +439,18 @@ block-plaintext-003 reference/block-plaintext-003 unicode-bidi: div plaintext in
block-plaintext-004 reference/block-plaintext-004 unicode-bidi: div plaintext with br http://www.w3.org/TR/css-writing-modes-3/#text-direction b75731438c0d5544266ee8cb1ba0a895ce97cd4f `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:plaintext is applied to a div element containing br tags, each line of characters that starts after br is displayed according to the first strong character after the br.
block-plaintext-005 unicode-bidi: textarea plaintext http://www.w3.org/TR/css-writing-modes-3/#text-direction 2f2d8e6c45d62bc9d6ca61cb22615749d0a2e243 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:plaintext is applied to a textarea element, each line of characters after a linebreak is displayed according to the first strong character after the linebreak.
block-plaintext-006 unicode-bidi: pre plaintext http://www.w3.org/TR/css-writing-modes-3/#text-direction 0c629044af2ad8099dac74893c25d14cb049e242 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:plaintext is applied to a pre element, each line of characters after a linebreak is displayed according to the first strong character after the linebreak.
border-conflict-element-vlr-003 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 56ca8356bc1caf2ffb689c0e15d857178d297e79 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-005 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 446d84cc6bacc628f53003a138c0147e15a1fa16 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-007 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 315c6576eb445dc8e2b2d863345253c2847ca2dc `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-009 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 37129eecc80074e0f3a4e6d9b74b41d0635a932e `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-011 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution c8f52e8961fe71196470a3c53a696c1f9d071cae `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-013 reference/ref-filled-green-100px-square Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 03fde3800840d2d24059b98a8a2939b12655da84 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
border-conflict-element-vrl-002 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution e0cf70e734a10c474ee4cfbfe4fbcc9ee4c578b6 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-004 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution b2b78afcda698c1ccbb34aafab05cbc347f9dcde `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-006 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution bc2dda16e190719018652d9f06a8f7bf80117141 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-008 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 8c6ff43d69fdc2a61eca427404747564b8f60675 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-010 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution f3c495ee97eeac5bc4c8d400d8a5da49ec126cdf `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-012 reference/ref-filled-green-100px-square Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 4f1623e87639f6fb72457cf515c867dc7ac618d2 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
border-spacing-vlr-003 reference/border-spacing-vrl-002-ref border-spacing - first value is specified and non-zero in 'vertical-lr' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders 83d485a7f53c6aab05133d1b4ef7a19db40610ea `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table left padding (physical table top padding) and leftmost cells and b) inter-column spacing and c) spacing between rightmost cells and logical table right padding (physical table bottom padding).
border-spacing-vlr-005 reference/border-spacing-vrl-002-ref border-spacing - second value is specified and non-zero in 'vertical-lr' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders b05a8b886a284274db64edf8ea07770873dea6fd `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that second value of 'border-spacing' represents, from left to right, a) spacing between logical table top padding (physical table left padding) and topmost cells and b) inter-row spacing and c) spacing between bottommost cells and logical table bottom padding (physical table right padding).
border-spacing-vrl-002 reference/border-spacing-vrl-002-ref border-spacing - first value is specified and non-zero in 'vertical-rl' table ahem http://www.w3.org/TR/css-writing-modes-3/#dimension-mapping,http://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#separated-borders 0a3c8386caea4b8b75d8506e67ab054a1ab08657 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table right padding (physical table top padding) and rightmost cells and b) inter-column spacing and c) spacing between leftmost cells and logical table left padding (physical table bottom padding).
@ -509,7 +521,7 @@ direction-vlr-005 reference/ref-filled-green-100px-square 'vertical-lr' and 'dir
direction-vrl-002 reference/direction-vrl-002-ref 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-directions 52bb6deefbc5f97b6f3ce7d040a5e55cbefa3817 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when a block box has 'direction' set to 'rtl' in a vertical writing-mode, then inlines boxes are aligned from line-right to line-left.
direction-vrl-004 reference/direction-vrl-004-ref 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-directions 31d81702696bd0c7fe90ce7f4b6a91947db9234f `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right.
extract-ordered-list-direction-and-writing-modes reference/extract-ordered-list-direction-and-writing-modes-ref flow-into on list items that use different text directions or writing modes http://www.w3.org/TR/css3-regions/#properties,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode f456a08de75932c3881a76490ed2fdb7211d2bc8 `Mihai Balan`<mibalan@adobe.com> The flow-into property can be applied to elements that have different text directions and writing modes. This tests that the rendering for lists that use different text directions/writing modes are not affected when they are extracted in a named flow and rendered in a region.
first-page-vlr-003 first page of a document with vertical-lr writing-mode paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/CSS21/page.html#page-selectors 66c5f6f6770b4a63ab7936fc40da35a075237c0f `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page.
first-page-vlr-003 first page of a document with vertical-lr writing-mode paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/CSS21/page.html#page-selectors ba9f62a92fda53555211ee1de1a17cb08e124dd6 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page.
first-page-vrl-002 first page of a document with vertical-rl writing-mode image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/CSS21/page.html#page-selectors 0e3999276064df4aff359983d7a6cb2977a7a19b `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-rl' is the :left page.
flexbox-writing-mode-007 reference/flexbox-writing-mode-007-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0557a81af23da4d969bce70f840968a7d5947006 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-writing-mode-008 reference/flexbox-writing-mode-008-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode aaac3dcddfec40e5c67ae479e0df2184ddec82d2 `Daniel Holbert`<mailto:dholbert@mozilla.com>
@ -848,10 +860,10 @@ vertical-alignment-026a vertical align - 'negative percentage (-20%)' (alphabet
vertical-alignment-026b vertical align - 'negative length (-20%)' (alphabetical baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height fb3d8d2c8ec17a80bc05d9cf6027855dab6b9836 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-027a vertical align - 'negative percentage (-50%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height ca2c37b2acc7a2be0e438b5069acd2286487b6ab `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-027b vertical align - 'negative percentage (-50%)' (central baseline with vertical layout) ahem,image http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment,http://www.w3.org/TR/CSS21/visudet.html#line-height eb3ef979b26f31507a2f72ba374274fd22113364 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-new-002 reference/vertical-alignment-new-002-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 9ffd58ae28bafed782635686651e26f85d61e69a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-new-003 reference/vertical-alignment-new-002-ref vertical-align - 'top' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 1dcc32be4cac03a1f52f003a89bcf414368ca0da `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-new-004 reference/vertical-alignment-new-004-ref vertical-align - 'text-top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 824643b101645b22a73043182b4b3ecee0df67cc `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.
vertical-alignment-new-005 reference/vertical-alignment-new-004-ref vertical-align - 'text-top' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 9d96b7b8f0e2beb8d6a103988beb6fd531365ca2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.
vertical-alignment-new-002 reference/vertical-alignment-new-002-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 515da3806b29df524807102d2a3a278cd8ee89b7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-new-003 reference/vertical-alignment-new-002-ref vertical-align - 'top' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading d8711ff67efb10fec65c3cd87238a69f94a4b85d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-new-004 reference/vertical-alignment-new-004-ref vertical-align - 'text-top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 234bc9d84450e317b1b9243cda9b0f9a261b360d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.
vertical-alignment-new-005 reference/vertical-alignment-new-004-ref vertical-align - 'text-top' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading eca0b3cf343e86cc7ec5c08969adfd7b603ed51a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.
vertical-alignment-new-006 reference/vertical-alignment-new-006-ref vertical-align - 'text-bottom' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 61e9e28954d65bb677c10c1ecabe02697a4be616 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.
vertical-alignment-new-007 reference/vertical-alignment-new-006-ref vertical-align - 'text-bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading b8f4194fc311ebd51130715a3947c69f63e3c21b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.
vertical-alignment-new-008 reference/vertical-alignment-new-008-ref vertical-align - 'bottom' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 73e2f80c8ee8ddd097b71d7b07b9b886e5895f0f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.

68
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vlr-003.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vlr-005.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-right-color: green;
border-right-style: solid;
border-right-width: 100px;
}
td#eight
{
border-left-color: red;
border-left-style: solid;
border-left-width: 100px;
height: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vlr-007.xht Normal file
View file

@ -0,0 +1,150 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: red green green red;
}
td#seven
{
border-color: red green green red;
}
td#eight
{
border-color: red green green red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: red green green red;
}
td#eleven
{
border-color: red green green red;
}
td#twelve
{
border-color: red green green red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: red green green red;
}
td#fifteen
{
border-color: red green green red;
}
td#sixteen
{
border-color: red green green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vlr-009.xht Normal file
View file

@ -0,0 +1,151 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vlr-011.xht Normal file
View file

@ -0,0 +1,145 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: green green red red;
}
td#seven
{
border-color: green green red red;
}
td#eight
{
border-color: green green red red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: green green red red;
}
td#eleven
{
border-color: green green red red;
}
td#twelve
{
border-color: green green red red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: green green red red;
}
td#fifteen
{
border-color: green green red red;
}
td#sixteen
{
border-color: green green red red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vlr-013.xht Normal file
View file

@ -0,0 +1,186 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
table#first
{
border-left: red solid 100px;
}
table#first td
{
border-left: green solid 100px;
}
table#second > tbody
{
border-left: red solid 100px;
}
table#second td
{
border-left: green solid 100px;
}
table#third > thead
{
border-left: red solid 100px;
}
table#third td
{
border-left: green solid 100px;
}
table#fourth > tfoot
{
border-left: red solid 100px;
}
table#fourth td
{
border-left: green solid 100px;
}
table#fifth tr
{
border-left: red solid 100px;
}
table#fifth td
{
border-left: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col /><col /></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col /><col /></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

68
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vrl-002.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vrl-004.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-left-color: green;
border-left-style: solid;
border-left-width: 100px;
}
td#eight
{
border-right-color: red;
border-right-style: solid;
border-right-width: 100px;
height: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vrl-006.xht Normal file
View file

@ -0,0 +1,150 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: red red green green;
}
td#seven
{
border-color: red red green green;
}
td#eight
{
border-color: red red green green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: red red green green;
}
td#eleven
{
border-color: red red green green;
}
td#twelve
{
border-color: red red green green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: red red green green;
}
td#fifteen
{
border-color: red red green green;
}
td#sixteen
{
border-color: red red green green;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vrl-008.xht Normal file
View file

@ -0,0 +1,151 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vrl-010.xht Normal file
View file

@ -0,0 +1,145 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: green red red green;
}
td#seven
{
border-color: green red red green;
}
td#eight
{
border-color: green red red green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: green red red green;
}
td#eleven
{
border-color: green red red green;
}
td#twelve
{
border-color: green red red green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: green red red green;
}
td#fifteen
{
border-color: green red red green;
}
td#sixteen
{
border-color: green red red green;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/border-conflict-element-vrl-012.xht Normal file
View file

@ -0,0 +1,186 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
table#first
{
border-right: red solid 100px;
}
table#first td
{
border-right: green solid 100px;
}
table#second > tbody
{
border-right: red solid 100px;
}
table#second td
{
border-right: green solid 100px;
}
table#third > thead
{
border-right: red solid 100px;
}
table#third td
{
border-right: green solid 100px;
}
table#fourth > tfoot
{
border-right: red solid 100px;
}
table#fourth td
{
border-right: green solid 100px;
}
table#fifth tr
{
border-right: red solid 100px;
}
table#fifth td
{
border-right: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col /><col /></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col /><col /></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

136
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-6.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Abstract Box Terminology (22 tests)</h2>
<h2>Abstract Box Terminology (34 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -115,7 +115,139 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
<!-- 4 tests -->
<!-- 16 tests -->
<tr id="border-conflict-element-vlr-003-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-003.xht">border-conflict-element-vlr-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-005-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-005.xht">border-conflict-element-vlr-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-007-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-007.xht">border-conflict-element-vlr-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-009-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-009.xht">border-conflict-element-vlr-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-011-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-011.xht">border-conflict-element-vlr-011</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-013-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-013.xht">border-conflict-element-vlr-013</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-002-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-002.xht">border-conflict-element-vrl-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-004-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-004.xht">border-conflict-element-vrl-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-006-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-006.xht">border-conflict-element-vrl-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-008-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-008.xht">border-conflict-element-vrl-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-010-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-010.xht">border-conflict-element-vrl-010</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-012-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-012.xht">border-conflict-element-vrl-012</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="direction-vlr-003-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vlr-003.xht">direction-vlr-003</a></strong></td>

16
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/first-page-vlr-003.xht
View file

@ -1,16 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!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>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: first page of a document with vertical-lr writing-mode</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" title="13.2.2 Page selectors: selecting left, right, and first pages"/>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" title="13.2.2 Page selectors: selecting left, right, and first pages" />
<meta content="paged" name="flags"/>
<meta content="When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page." name="assert"/>
<meta content="paged" name="flags" />
<meta content="When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page." name="assert" />
<style type="text/css" media="print"><![CDATA[
html
@ -40,7 +40,7 @@
<body>
<p><img src="support/pass-cdts-first-page-vlr-003.png" alt="Image download support must be enabled"/></p>
<p><img src="support/pass-cdts-first-page-vlr-003.png" alt="Image download support must be enabled" /></p>
<!--
The image says:

12
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-new-002-ref.xht
View file

@ -10,9 +10,13 @@
vertical-align: top;
}
img#blue
{
padding-left: 60px; /* = the position of blue square */
}
img#orange
{
padding-top: 60px; /* = the height of first character */
padding-left: 120px; /* = the position of orange square */
}
@ -22,11 +26,11 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div>
<img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><!--
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" />
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!--
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" />
</div>

6
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-new-004-ref.xht
View file

@ -12,12 +12,12 @@
img
{
padding-left: 15px; /* = the position of first orange square */
padding-left: 60px; /* = the position of first orange square */
}
img + br + img
{
padding-left: 45px; /* = the position of second orange square*/
padding-left: 60px; /* = the position of second orange square*/
}
]]></style>
@ -25,7 +25,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div>
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!--

96
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
View file

@ -3336,6 +3336,102 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-003" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-003.xht">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-005" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-005.xht">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-007" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-007.xht">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-009" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-009.xht">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-011" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vlr-011.xht">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-013" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vlr-013.xht">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-002" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-002.xht">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-004" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-004.xht">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-006" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-006.xht">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-008" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-008.xht">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-010" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vrl-010.xht">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-012" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vrl-012.xht">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-spacing-vlr-003" class="ahem">
<tr>
<td rowspan="1" title="border-spacing - first value is specified and non-zero in 'vertical-lr' table">

12
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list
View file

@ -413,6 +413,18 @@ block-plaintext-001.xht == reference/block-plaintext-001.xht
block-plaintext-002.xht == reference/block-plaintext-002.xht
block-plaintext-003.xht == reference/block-plaintext-003.xht
block-plaintext-004.xht == reference/block-plaintext-004.xht
border-conflict-element-vlr-003.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-005.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-007.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-009.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-011.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-013.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-002.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-004.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-006.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-008.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-010.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-012.xht == reference/ref-filled-green-100px-square.xht
border-spacing-vlr-003.xht == reference/border-spacing-vrl-002-ref.xht
border-spacing-vlr-005.xht == reference/border-spacing-vrl-002-ref.xht
border-spacing-vrl-002.xht == reference/border-spacing-vrl-002-ref.xht

2
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht
View file

@ -47,7 +47,7 @@
<tbody id="s6">
<tr><th><a href="chapter-6.xht">Chapter 6 -
Abstract Box Terminology</a></th>
<td>(22 Tests)</td></tr>
<td>(34 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.xht">Chapter 7 -

7
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-new-002.xht
View file

@ -11,17 +11,16 @@
<style type="text/css"><![CDATA[
div#rl
{
border-right: blue solid 2em;
writing-mode: vertical-rl;
font: 3.75em/3 Ahem; /* computes to 60px/180px */
color: white;
color: blue;
}
span#orange
{
font-size: 0.5em;
color: orange;
vertical-align: top;
line-height: 1;
}
]]></style>
@ -29,7 +28,7 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div id="rl">A<span id="orange">O</span></div>

5
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-new-004.xht
View file

@ -12,7 +12,7 @@
div#rl
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/90px */
writing-mode: vertical-rl;
}
@ -20,7 +20,6 @@
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-top;
line-height: 1;
}
]]></style>
@ -29,7 +28,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="rl">A<span id="orange30">O</span></div>

77
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vlr-003.xht Normal file
View file

@ -0,0 +1,77 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

77
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vlr-005.xht Normal file
View file

@ -0,0 +1,77 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-005"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-right-color: green;
border-right-style: solid;
border-right-width: 100px;
}
td#eight
{
border-left-color: red;
border-left-style: solid;
border-left-width: 100px;
height: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

159
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vlr-007.xht Normal file
View file

@ -0,0 +1,159 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-007"; }
@bottom-right { content: counter(page); }
}
</style>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: red green green red;
}
td#seven
{
border-color: red green green red;
}
td#eight
{
border-color: red green green red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: red green green red;
}
td#eleven
{
border-color: red green green red;
}
td#twelve
{
border-color: red green green red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: red green green red;
}
td#fifteen
{
border-color: red green green red;
}
td#sixteen
{
border-color: red green green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

160
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vlr-009.xht Normal file
View file

@ -0,0 +1,160 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-009"; }
@bottom-right { content: counter(page); }
}
</style>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

154
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vlr-011.xht Normal file
View file

@ -0,0 +1,154 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-011"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: green green red red;
}
td#seven
{
border-color: green green red red;
}
td#eight
{
border-color: green green red red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: green green red red;
}
td#eleven
{
border-color: green green red red;
}
td#twelve
{
border-color: green green red red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: green green red red;
}
td#fifteen
{
border-color: green green red red;
}
td#sixteen
{
border-color: green green red red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

195
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vlr-013.xht Normal file
View file

@ -0,0 +1,195 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-013"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
table#first
{
border-left: red solid 100px;
}
table#first td
{
border-left: green solid 100px;
}
table#second > tbody
{
border-left: red solid 100px;
}
table#second td
{
border-left: green solid 100px;
}
table#third > thead
{
border-left: red solid 100px;
}
table#third td
{
border-left: green solid 100px;
}
table#fourth > tfoot
{
border-left: red solid 100px;
}
table#fourth td
{
border-left: green solid 100px;
}
table#fifth tr
{
border-left: red solid 100px;
}
table#fifth td
{
border-left: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col /><col /></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col /><col /></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

77
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vrl-002.xht Normal file
View file

@ -0,0 +1,77 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vrl-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

77
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vrl-004.xht Normal file
View file

@ -0,0 +1,77 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vrl-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-left-color: green;
border-left-style: solid;
border-left-width: 100px;
}
td#eight
{
border-right-color: red;
border-right-style: solid;
border-right-width: 100px;
height: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

159
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vrl-006.xht Normal file
View file

@ -0,0 +1,159 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vrl-006"; }
@bottom-right { content: counter(page); }
}
</style>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: red red green green;
}
td#seven
{
border-color: red red green green;
}
td#eight
{
border-color: red red green green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: red red green green;
}
td#eleven
{
border-color: red red green green;
}
td#twelve
{
border-color: red red green green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: red red green green;
}
td#fifteen
{
border-color: red red green green;
}
td#sixteen
{
border-color: red red green green;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

160
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vrl-008.xht Normal file
View file

@ -0,0 +1,160 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vrl-008"; }
@bottom-right { content: counter(page); }
}
</style>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

154
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vrl-010.xht Normal file
View file

@ -0,0 +1,154 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vrl-010"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: green red red green;
}
td#seven
{
border-color: green red red green;
}
td#eight
{
border-color: green red red green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: green red red green;
}
td#eleven
{
border-color: green red red green;
}
td#twelve
{
border-color: green red red green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: green red red green;
}
td#fifteen
{
border-color: green red red green;
}
td#sixteen
{
border-color: green red red green;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

195
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/border-conflict-element-vrl-012.xht Normal file
View file

@ -0,0 +1,195 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
@top-right { content: "Test border-conflict-element-vrl-012"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
table#first
{
border-right: red solid 100px;
}
table#first td
{
border-right: green solid 100px;
}
table#second > tbody
{
border-right: red solid 100px;
}
table#second td
{
border-right: green solid 100px;
}
table#third > thead
{
border-right: red solid 100px;
}
table#third td
{
border-right: green solid 100px;
}
table#fourth > tfoot
{
border-right: red solid 100px;
}
table#fourth td
{
border-right: green solid 100px;
}
table#fifth tr
{
border-right: red solid 100px;
}
table#fifth td
{
border-right: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col /><col /></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col /><col /></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

136
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-6.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Abstract Box Terminology (22 tests)</h2>
<h2>Abstract Box Terminology (34 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -115,7 +115,139 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
<!-- 4 tests -->
<!-- 16 tests -->
<tr id="border-conflict-element-vlr-003-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-003.xht">border-conflict-element-vlr-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-005-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-005.xht">border-conflict-element-vlr-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-007-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-007.xht">border-conflict-element-vlr-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-009-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-009.xht">border-conflict-element-vlr-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-011-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-011.xht">border-conflict-element-vlr-011</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-013-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vlr-013.xht">border-conflict-element-vlr-013</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-002-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-002.xht">border-conflict-element-vrl-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-004-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-004.xht">border-conflict-element-vrl-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-006-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-006.xht">border-conflict-element-vrl-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-008-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-008.xht">border-conflict-element-vrl-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-010-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-010.xht">border-conflict-element-vrl-010</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-012-6.2" class="primary">
<td><strong>
<a href="border-conflict-element-vrl-012.xht">border-conflict-element-vrl-012</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="direction-vlr-003-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vlr-003.xht">direction-vlr-003</a></strong></td>

16
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/first-page-vlr-003.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!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>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: first page of a document with vertical-lr writing-mode</title>
<style type="text/css">
@ -14,12 +14,12 @@
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" title="13.2.2 Page selectors: selecting left, right, and first pages"/>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" title="13.2.2 Page selectors: selecting left, right, and first pages" />
<meta content="paged" name="flags"/>
<meta content="When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page." name="assert"/>
<meta content="paged" name="flags" />
<meta content="When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page." name="assert" />
<style type="text/css" media="print"><![CDATA[
html
@ -49,7 +49,7 @@
<body>
<p><img src="support/pass-cdts-first-page-vlr-003.png" alt="Image download support must be enabled"/></p>
<p><img src="support/pass-cdts-first-page-vlr-003.png" alt="Image download support must be enabled" /></p>
<!--
The image says:

12
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-new-002-ref.xht
View file

@ -19,9 +19,13 @@
vertical-align: top;
}
img#blue
{
padding-left: 60px; /* = the position of blue square */
}
img#orange
{
padding-top: 60px; /* = the height of first character */
padding-left: 120px; /* = the position of orange square */
}
@ -31,11 +35,11 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div>
<img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><!--
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled" />
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!--
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled" />
</div>

6
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-new-004-ref.xht
View file

@ -21,12 +21,12 @@
img
{
padding-left: 15px; /* = the position of first orange square */
padding-left: 60px; /* = the position of first orange square */
}
img + br + img
{
padding-left: 45px; /* = the position of second orange square*/
padding-left: 60px; /* = the position of second orange square*/
}
]]></style>
@ -34,7 +34,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div>
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!--

96
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
View file

@ -3336,6 +3336,102 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-003" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-003.xht">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-005" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-005.xht">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-007" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-007.xht">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-009" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-009.xht">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-011" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vlr-011.xht">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-013" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vlr-013.xht">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-002" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-002.xht">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-004" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-004.xht">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-006" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-006.xht">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-008" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-008.xht">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-010" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vrl-010.xht">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-012" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vrl-012.xht">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-spacing-vlr-003" class="ahem">
<tr>
<td rowspan="1" title="border-spacing - first value is specified and non-zero in 'vertical-lr' table">

12
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list
View file

@ -413,6 +413,18 @@ block-plaintext-001.xht == reference/block-plaintext-001.xht
block-plaintext-002.xht == reference/block-plaintext-002.xht
block-plaintext-003.xht == reference/block-plaintext-003.xht
block-plaintext-004.xht == reference/block-plaintext-004.xht
border-conflict-element-vlr-003.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-005.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-007.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-009.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-011.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-013.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-002.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-004.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-006.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-008.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-010.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-012.xht == reference/ref-filled-green-100px-square.xht
border-spacing-vlr-003.xht == reference/border-spacing-vrl-002-ref.xht
border-spacing-vlr-005.xht == reference/border-spacing-vrl-002-ref.xht
border-spacing-vrl-002.xht == reference/border-spacing-vrl-002-ref.xht

2
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht
View file

@ -47,7 +47,7 @@
<tbody id="s6">
<tr><th><a href="chapter-6.xht">Chapter 6 -
Abstract Box Terminology</a></th>
<td>(22 Tests)</td></tr>
<td>(34 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.xht">Chapter 7 -

7
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-new-002.xht
View file

@ -20,17 +20,16 @@
<style type="text/css"><![CDATA[
div#rl
{
border-right: blue solid 2em;
writing-mode: vertical-rl;
font: 3.75em/3 Ahem; /* computes to 60px/180px */
color: white;
color: blue;
}
span#orange
{
font-size: 0.5em;
color: orange;
vertical-align: top;
line-height: 1;
}
]]></style>
@ -38,7 +37,7 @@
<body>
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
<div id="rl">A<span id="orange">O</span></div>

5
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-new-004.xht
View file

@ -21,7 +21,7 @@
div#rl
{
color: orange;
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
font: 3.75em/3 Ahem; /* computes to 60px/90px */
writing-mode: vertical-rl;
}
@ -29,7 +29,6 @@
{
font-size: 0.5em; /* computes to 30px */
vertical-align: text-top;
line-height: 1;
}
]]></style>
@ -38,7 +37,7 @@
<body>
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
<div id="rl">A<span id="orange30">O</span></div>

68
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vlr-003.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vlr-005.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-right-color: green;
border-right-style: solid;
border-right-width: 100px;
}
td#eight
{
border-left-color: red;
border-left-style: solid;
border-left-width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vlr-007.htm Normal file
View file

@ -0,0 +1,150 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: red green green red;
}
td#seven
{
border-color: red green green red;
}
td#eight
{
border-color: red green green red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: red green green red;
}
td#eleven
{
border-color: red green green red;
}
td#twelve
{
border-color: red green green red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: red green green red;
}
td#fifteen
{
border-color: red green green red;
}
td#sixteen
{
border-color: red green green red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vlr-009.htm Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vlr-011.htm Normal file
View file

@ -0,0 +1,145 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: green green red red;
}
td#seven
{
border-color: green green red red;
}
td#eight
{
border-color: green green red red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: green green red red;
}
td#eleven
{
border-color: green green red red;
}
td#twelve
{
border-color: green green red red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: green green red red;
}
td#fifteen
{
border-color: green green red red;
}
td#sixteen
{
border-color: green green red red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vlr-013.htm Normal file
View file

@ -0,0 +1,186 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
table#first
{
border-left: red solid 100px;
}
table#first td
{
border-left: green solid 100px;
}
table#second > tbody
{
border-left: red solid 100px;
}
table#second td
{
border-left: green solid 100px;
}
table#third > thead
{
border-left: red solid 100px;
}
table#third td
{
border-left: green solid 100px;
}
table#fourth > tfoot
{
border-left: red solid 100px;
}
table#fourth td
{
border-left: green solid 100px;
}
table#fifth tr
{
border-left: red solid 100px;
}
table#fifth td
{
border-left: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col><col></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col><col></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

68
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vrl-002.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vrl-004.htm Normal file
View file

@ -0,0 +1,68 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-left-color: green;
border-left-style: solid;
border-left-width: 100px;
}
td#eight
{
border-right-color: red;
border-right-style: solid;
border-right-width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vrl-006.htm Normal file
View file

@ -0,0 +1,150 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: red red green green;
}
td#seven
{
border-color: red red green green;
}
td#eight
{
border-color: red red green green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: red red green green;
}
td#eleven
{
border-color: red red green green;
}
td#twelve
{
border-color: red red green green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: red red green green;
}
td#fifteen
{
border-color: red red green green;
}
td#sixteen
{
border-color: red red green green;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vrl-008.htm Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vrl-010.htm Normal file
View file

@ -0,0 +1,145 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: green red red green;
}
td#seven
{
border-color: green red red green;
}
td#eight
{
border-color: green red red green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: green red red green;
}
td#eleven
{
border-color: green red red green;
}
td#twelve
{
border-color: green red red green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: green red red green;
}
td#fifteen
{
border-color: green red red green;
}
td#sixteen
{
border-color: green red red green;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css21_dev/html4/border-conflict-element-vrl-012.htm Normal file
View file

@ -0,0 +1,186 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta content="" name="flags">
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert">
<style type="text/css">
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
table#first
{
border-right: red solid 100px;
}
table#first td
{
border-right: green solid 100px;
}
table#second > tbody
{
border-right: red solid 100px;
}
table#second td
{
border-right: green solid 100px;
}
table#third > thead
{
border-right: red solid 100px;
}
table#third td
{
border-right: green solid 100px;
}
table#fourth > tfoot
{
border-right: red solid 100px;
}
table#fourth td
{
border-right: green solid 100px;
}
table#fifth tr
{
border-right: red solid 100px;
}
table#fifth td
{
border-right: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col><col></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col><col></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col><col></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

136
tests/wpt/css-tests/css21_dev/html4/chapter-17.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>Tables (1141 tests)</h2>
<h2>Tables (1153 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -9886,7 +9886,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s17.6.2.1">+</a>
<a href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution">17.6.2.1 Border conflict resolution</a></th></tr>
<!-- 359 tests -->
<!-- 371 tests -->
<tr id="border-conflict-element-001-17.6.2.1" class="primary">
<td><strong>
<a href="border-conflict-element-001.htm">border-conflict-element-001</a></strong></td>
@ -10382,6 +10382,138 @@
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-003-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-005-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-007-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-009-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-011-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-013-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-002-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-004-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-006-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-008-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-010-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-012-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-example-001-17.6.2.1" class="primary image">
<td><strong>
<a href="border-conflict-example-001.htm">border-conflict-example-001</a></strong></td>

96
tests/wpt/css-tests/css21_dev/html4/reftest-toc.htm
View file

@ -11859,6 +11859,102 @@
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-003" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-005" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-007" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-009" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-011" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-013" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-002" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-004" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-006" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-008" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-010" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-012" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-style-101" class="">
<tr>
<td rowspan="1" title="border conflict resolution - border-style: hidden applied to table-row">

12
tests/wpt/css-tests/css21_dev/html4/reftest.list
View file

@ -1515,6 +1515,18 @@ border-conflict-element-001b.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-001c.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-001d.htm == reference/border-conflict-element-001d-ref.htm
border-conflict-element-001e.htm == reference/border-conflict-element-001e-ref.htm
border-conflict-element-vlr-003.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-005.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-007.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-009.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-011.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vlr-013.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-002.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-004.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-006.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-008.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-010.htm == reference/ref-filled-green-100px-square.htm
border-conflict-element-vrl-012.htm == reference/ref-filled-green-100px-square.htm
border-conflict-style-101.htm == reference/border-conflict-style-101-ref.htm
border-conflict-style-102.htm == reference/border-conflict-style-101-ref.htm
border-conflict-style-103.htm == reference/border-conflict-style-101-ref.htm

2
tests/wpt/css-tests/css21_dev/html4/toc.htm
View file

@ -102,7 +102,7 @@
<tbody id="s17">
<tr><th><a href="chapter-17.htm">Chapter 17 -
Tables</a></th>
<td>(1141 Tests)</td></tr>
<td>(1153 Tests)</td></tr>
</tbody>
<tbody id="s18">
<tr><th><a href="chapter-18.htm">Chapter 18 -

28
tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data
View file

@ -4235,6 +4235,30 @@ html4/border-conflict-element-038.htm a68336894c2cebd5216fe792d3a92d4d2bf56c44 ?
xhtml1/border-conflict-element-038.xht a68336894c2cebd5216fe792d3a92d4d2bf56c44 ?
html4/border-conflict-element-039.htm 51bc0a4bfdf16fea51daaf10effbdbae74b9b0ab ?
xhtml1/border-conflict-element-039.xht 51bc0a4bfdf16fea51daaf10effbdbae74b9b0ab ?
html4/border-conflict-element-vlr-003.htm 56ca8356bc1caf2ffb689c0e15d857178d297e79 ?
xhtml1/border-conflict-element-vlr-003.xht 56ca8356bc1caf2ffb689c0e15d857178d297e79 ?
html4/border-conflict-element-vlr-005.htm 446d84cc6bacc628f53003a138c0147e15a1fa16 ?
xhtml1/border-conflict-element-vlr-005.xht 446d84cc6bacc628f53003a138c0147e15a1fa16 ?
html4/border-conflict-element-vlr-007.htm 315c6576eb445dc8e2b2d863345253c2847ca2dc ?
xhtml1/border-conflict-element-vlr-007.xht 315c6576eb445dc8e2b2d863345253c2847ca2dc ?
html4/border-conflict-element-vlr-009.htm 37129eecc80074e0f3a4e6d9b74b41d0635a932e ?
xhtml1/border-conflict-element-vlr-009.xht 37129eecc80074e0f3a4e6d9b74b41d0635a932e ?
html4/border-conflict-element-vlr-011.htm c8f52e8961fe71196470a3c53a696c1f9d071cae ?
xhtml1/border-conflict-element-vlr-011.xht c8f52e8961fe71196470a3c53a696c1f9d071cae ?
html4/border-conflict-element-vlr-013.htm 03fde3800840d2d24059b98a8a2939b12655da84 ?
xhtml1/border-conflict-element-vlr-013.xht 03fde3800840d2d24059b98a8a2939b12655da84 ?
html4/border-conflict-element-vrl-002.htm e0cf70e734a10c474ee4cfbfe4fbcc9ee4c578b6 ?
xhtml1/border-conflict-element-vrl-002.xht e0cf70e734a10c474ee4cfbfe4fbcc9ee4c578b6 ?
html4/border-conflict-element-vrl-004.htm b2b78afcda698c1ccbb34aafab05cbc347f9dcde ?
xhtml1/border-conflict-element-vrl-004.xht b2b78afcda698c1ccbb34aafab05cbc347f9dcde ?
html4/border-conflict-element-vrl-006.htm bc2dda16e190719018652d9f06a8f7bf80117141 ?
xhtml1/border-conflict-element-vrl-006.xht bc2dda16e190719018652d9f06a8f7bf80117141 ?
html4/border-conflict-element-vrl-008.htm 8c6ff43d69fdc2a61eca427404747564b8f60675 ?
xhtml1/border-conflict-element-vrl-008.xht 8c6ff43d69fdc2a61eca427404747564b8f60675 ?
html4/border-conflict-element-vrl-010.htm f3c495ee97eeac5bc4c8d400d8a5da49ec126cdf ?
xhtml1/border-conflict-element-vrl-010.xht f3c495ee97eeac5bc4c8d400d8a5da49ec126cdf ?
html4/border-conflict-element-vrl-012.htm 4f1623e87639f6fb72457cf515c867dc7ac618d2 ?
xhtml1/border-conflict-element-vrl-012.xht 4f1623e87639f6fb72457cf515c867dc7ac618d2 ?
html4/border-conflict-example-001.htm 24e03edc3097b6132c1f4dc5c29e5f6b8ccc02c3 ?
xhtml1/border-conflict-example-001.xht 24e03edc3097b6132c1f4dc5c29e5f6b8ccc02c3 ?
html4/border-conflict-example-002.htm a74c28feafcb56ac7c102850ff6c95235180f291 ?
@ -10989,8 +11013,8 @@ html4/first-page-selectors-003.htm 08f613e061ab08c5a071a50d2c7e37dddb914254 ?
xhtml1/first-page-selectors-003.xht 08f613e061ab08c5a071a50d2c7e37dddb914254 ?
html4/first-page-selectors-004.htm a5c1fb528f5b5f17a57c65056d00504d3813cbef ?
xhtml1/first-page-selectors-004.xht a5c1fb528f5b5f17a57c65056d00504d3813cbef ?
html4/first-page-vlr-003.htm 66c5f6f6770b4a63ab7936fc40da35a075237c0f ?
xhtml1/first-page-vlr-003.xht 66c5f6f6770b4a63ab7936fc40da35a075237c0f ?
html4/first-page-vlr-003.htm ba9f62a92fda53555211ee1de1a17cb08e124dd6 ?
xhtml1/first-page-vlr-003.xht ba9f62a92fda53555211ee1de1a17cb08e124dd6 ?
html4/first-page-vrl-002.htm 0e3999276064df4aff359983d7a6cb2977a7a19b ?
xhtml1/first-page-vrl-002.xht 0e3999276064df4aff359983d7a6cb2977a7a19b ?
html4/fixed-table-layout-001.htm 72b5ea78d6b5c107cbee06057efd23f277284710 ?

14
tests/wpt/css-tests/css21_dev/testinfo.data
View file

@ -2137,6 +2137,18 @@ border-conflict-element-036 Border Conflict Resolution (by element): column gro
border-conflict-element-037 Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution cf0eb20fca42a5654e3c1eb121fb61d951b90d15 `Microsoft`<http://www.microsoft.com/> With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the left (in a 'ltr' table).
border-conflict-element-038 Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border (rtl table) http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution a68336894c2cebd5216fe792d3a92d4d2bf56c44 `Microsoft`<http://www.microsoft.com/> With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the right in a 'right-to-left' table.
border-conflict-element-039 Border Conflict Resolution (by element): column group vs. table - element with highest priority is the dominant border http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 51bc0a4bfdf16fea51daaf10effbdbae74b9b0ab `Microsoft`<http://www.microsoft.com/> With embedded elements (column group, table) of same border-style and width, border collapsing favors the column group.
border-conflict-element-vlr-003 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 56ca8356bc1caf2ffb689c0e15d857178d297e79 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-005 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 446d84cc6bacc628f53003a138c0147e15a1fa16 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-007 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 315c6576eb445dc8e2b2d863345253c2847ca2dc `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-009 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 37129eecc80074e0f3a4e6d9b74b41d0635a932e `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-011 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution c8f52e8961fe71196470a3c53a696c1f9d071cae `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vlr-013 reference/ref-filled-green-100px-square Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 03fde3800840d2d24059b98a8a2939b12655da84 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
border-conflict-element-vrl-002 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution e0cf70e734a10c474ee4cfbfe4fbcc9ee4c578b6 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-004 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution b2b78afcda698c1ccbb34aafab05cbc347f9dcde `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-006 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution bc2dda16e190719018652d9f06a8f7bf80117141 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-008 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 8c6ff43d69fdc2a61eca427404747564b8f60675 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-010 reference/ref-filled-green-100px-square Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution f3c495ee97eeac5bc4c8d400d8a5da49ec126cdf `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.
border-conflict-element-vrl-012 reference/ref-filled-green-100px-square Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound) http://www.w3.org/TR/css-writing-modes-3/#logical-directions,http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 4f1623e87639f6fb72457cf515c867dc7ac618d2 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).
border-conflict-example-001 Border conflict resolution - borders are collapsed according to precdence rules (example 1) image http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution 24e03edc3097b6132c1f4dc5c29e5f6b8ccc02c3 `Microsoft`<http://www.microsoft.com/> Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1).
border-conflict-example-002 Border conflict resolution - borders are collapsed according to the precedence rules (example 2) image http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution a74c28feafcb56ac7c102850ff6c95235180f291 `Microsoft`<http://www.microsoft.com/> Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1).
border-conflict-resolution-001 Cell borders are set by a cell http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution a9cbce2c698cb4e5f9e4122866e3caee7b7f2689 `Microsoft`<http://www.microsoft.com/> Borders on every edge (top, right, bottom, left) of a cell can be set by the cell's border properties, which can vary in width, style and color.
@ -5519,7 +5531,7 @@ first-page-selectors-001 Page Selectors - First Page in LTR paged http://www.w3
first-page-selectors-002 Page Selectors - First Page in RTL paged http://www.w3.org/TR/CSS21/page.html#page-selectors 1e28f820bbed8e8e108a006a72b23c16c46ce7da `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> The first page of a right-to-left document is a :left page.
first-page-selectors-003 Page Selectors - First Page in LTR Forced :left may,paged http://www.w3.org/TR/CSS21/page.html#page-selectors 08f613e061ab08c5a071a50d2c7e37dddb914254 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> The first page of a left-to-right document can be forced as :left by inserting a page break.
first-page-selectors-004 Page Selectors - First Page in RTL Forced :right may,paged http://www.w3.org/TR/CSS21/page.html#page-selectors a5c1fb528f5b5f17a57c65056d00504d3813cbef `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> The first page of a right-to-left document can be forced as :right by inserting a page break.
first-page-vlr-003 first page of a document with vertical-lr writing-mode paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/CSS21/page.html#page-selectors 66c5f6f6770b4a63ab7936fc40da35a075237c0f `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page.
first-page-vlr-003 first page of a document with vertical-lr writing-mode paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/CSS21/page.html#page-selectors ba9f62a92fda53555211ee1de1a17cb08e124dd6 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page.
first-page-vrl-002 first page of a document with vertical-rl writing-mode image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/CSS21/page.html#page-selectors 0e3999276064df4aff359983d7a6cb2977a7a19b `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-rl' is the :left page.
fixed-table-layout-001 Fixed table layout when 'width' property is 'auto' ahem http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout 72b5ea78d6b5c107cbee06057efd23f277284710 `Microsoft`<http://www.microsoft.com/> If a browser supports fixed table layout when 'width' is 'auto', a table will size to its containing block, minus any margin space (modified example from spec section 17.5.2.1).
fixed-table-layout-002 Value other than 'auto' for column width sets width of cells in the column http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout ec1814f346b834600c51b0b4ca6b0b761d13ba96 `Microsoft`<http://www.microsoft.com/> A column element with a value other than 'auto' for the 'width' property sets the width for the column of cells it contains.

68
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vlr-003.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vlr-005.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-right-color: green;
border-right-style: solid;
border-right-width: 100px;
}
td#eight
{
border-left-color: red;
border-left-style: solid;
border-left-width: 100px;
height: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vlr-007.xht Normal file
View file

@ -0,0 +1,150 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: red green green red;
}
td#seven
{
border-color: red green green red;
}
td#eight
{
border-color: red green green red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: red green green red;
}
td#eleven
{
border-color: red green green red;
}
td#twelve
{
border-color: red green green red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: red green green red;
}
td#fifteen
{
border-color: red green green red;
}
td#sixteen
{
border-color: red green green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vlr-009.xht Normal file
View file

@ -0,0 +1,151 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vlr-011.xht Normal file
View file

@ -0,0 +1,145 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-lr;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green green green red;
}
td#six
{
border-color: green green red red;
}
td#seven
{
border-color: green green red red;
}
td#eight
{
border-color: green green red red;
}
td#nine
{
border-color: green green green red;
}
td#ten
{
border-color: green green red red;
}
td#eleven
{
border-color: green green red red;
}
td#twelve
{
border-color: green green red red;
}
td#thirteen
{
border-color: green green green red;
}
td#fourteen
{
border-color: green green red red;
}
td#fifteen
{
border-color: green green red red;
}
td#sixteen
{
border-color: green green red red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vlr-013.xht Normal file
View file

@ -0,0 +1,186 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
table#first
{
border-left: red solid 100px;
}
table#first td
{
border-left: green solid 100px;
}
table#second > tbody
{
border-left: red solid 100px;
}
table#second td
{
border-left: green solid 100px;
}
table#third > thead
{
border-left: red solid 100px;
}
table#third td
{
border-left: green solid 100px;
}
table#fourth > tfoot
{
border-left: red solid 100px;
}
table#fourth td
{
border-left: green solid 100px;
}
table#fifth tr
{
border-left: red solid 100px;
}
table#fifth td
{
border-left: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col /><col /></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col /><col /></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

68
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vrl-002.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

68
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vrl-004.xht Normal file
View file

@ -0,0 +1,68 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
td#five
{
border-left-color: green;
border-left-style: solid;
border-left-width: 100px;
}
td#eight
{
border-right-color: red;
border-right-style: solid;
border-right-width: 100px;
height: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td></td>
</tr>
<tr>
<td></td> <td id="eight"></td> <td></td>
</tr>
</table>
</body>
</html>

150
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vrl-006.xht Normal file
View file

@ -0,0 +1,150 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: red green green green;
}
td#three
{
border-color: red green green green;
}
td#four
{
border-color: red green green green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: red red green green;
}
td#seven
{
border-color: red red green green;
}
td#eight
{
border-color: red red green green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: red red green green;
}
td#eleven
{
border-color: red red green green;
}
td#twelve
{
border-color: red red green green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: red red green green;
}
td#fifteen
{
border-color: red red green green;
}
td#sixteen
{
border-color: red red green green;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

151
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vrl-008.xht Normal file
View file

@ -0,0 +1,151 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
<!--
Original (and horizontal-tb) test is
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
-->
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-rl;
}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px; /* height of each logical row */
}
td#one
{
border-color: green red green red;
}
td#two
{
border-color: red red green red;
}
td#three
{
border-color: red red green red;
}
td#four
{
border-color: red red green red;
}
td#five
{
border-color: green red green red;
}
td#six
{
border-color: red red green red;
}
td#seven
{
border-color: red red green red;
}
td#eight
{
border-color: red red green red;
}
td#nine
{
border-color: green red green red;
}
td#ten
{
border-color: red red green red;
}
td#eleven
{
border-color: red red green red;
}
td#twelve
{
border-color: red red green red;
}
td#thirteen
{
border-color: green red green red;
}
td#fourteen
{
border-color: red red green red;
}
td#fifteen
{
border-color: red red green red;
}
td#sixteen
{
border-color: red red green red;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

145
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vrl-010.xht Normal file
View file

@ -0,0 +1,145 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: rtl;
writing-mode: vertical-rl;
}
td
{
border-style: solid solid solid solid;
border-width: 20px 20px 20px 20px;
padding: 0px;
}
td#one
{
border-color: green green green green;
}
td#two
{
border-color: green green red green;
}
td#three
{
border-color: green green red green;
}
td#four
{
border-color: green green red green;
}
td#five
{
border-color: green red green green;
}
td#six
{
border-color: green red red green;
}
td#seven
{
border-color: green red red green;
}
td#eight
{
border-color: green red red green;
}
td#nine
{
border-color: green red green green;
}
td#ten
{
border-color: green red red green;
}
td#eleven
{
border-color: green red red green;
}
td#twelve
{
border-color: green red red green;
}
td#thirteen
{
border-color: green red green green;
}
td#fourteen
{
border-color: green red red green;
}
td#fifteen
{
border-color: green red red green;
}
td#sixteen
{
border-color: green red red green;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
</tr>
<tr>
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
</tr>
<tr>
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
</tr>
<tr>
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
</tr>
</table>
</body>
</html>

186
tests/wpt/css-tests/css21_dev/xhtml1/border-conflict-element-vrl-012.xht Normal file
View file

@ -0,0 +1,186 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
height: 20px;
writing-mode: vertical-rl;
}
td
{
padding: 0px;
}
table#first
{
border-right: red solid 100px;
}
table#first td
{
border-right: green solid 100px;
}
table#second > tbody
{
border-right: red solid 100px;
}
table#second td
{
border-right: green solid 100px;
}
table#third > thead
{
border-right: red solid 100px;
}
table#third td
{
border-right: green solid 100px;
}
table#fourth > tfoot
{
border-right: red solid 100px;
}
table#fourth td
{
border-right: green solid 100px;
}
table#fifth tr
{
border-right: red solid 100px;
}
table#fifth td
{
border-right: green solid 100px;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table id="first">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="second">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<table id="third">
<colgroup><col /><col /></colgroup>
<thead>
<tr>
<td></td> <td></td>
</tr>
</thead>
</table>
<table id="fourth">
<colgroup><col /><col /></colgroup>
<tfoot>
<tr>
<td></td> <td></td>
</tr>
</tfoot>
</table>
<table id="fifth">
<colgroup><col /><col /></colgroup>
<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody>
</table>
<div id="reference-overlapped-red"></div>
</body>
</html>

136
tests/wpt/css-tests/css21_dev/xhtml1/chapter-17.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>Tables (1141 tests)</h2>
<h2>Tables (1153 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -9879,7 +9879,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s17.6.2.1">+</a>
<a href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution">17.6.2.1 Border conflict resolution</a></th></tr>
<!-- 359 tests -->
<!-- 371 tests -->
<tr id="border-conflict-element-001-17.6.2.1" class="primary">
<td><strong>
<a href="border-conflict-element-001.xht">border-conflict-element-001</a></strong></td>
@ -10375,6 +10375,138 @@
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-003-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-003.xht">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-005-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-005.xht">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-007-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-007.xht">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-009-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-009.xht">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-011-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-011.xht">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vlr-013-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vlr-013.xht">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-002-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-002.xht">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-004-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-004.xht">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-006-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-006.xht">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-008-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-008.xht">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-010-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-010.xht">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
<ul class="assert">
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
</ul>
</td>
</tr>
<tr id="border-conflict-element-vrl-012-17.6.2.1" class="">
<td>
<a href="border-conflict-element-vrl-012.xht">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
<ul class="assert">
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
</ul>
</td>
</tr>
<tr id="border-conflict-example-001-17.6.2.1" class="primary image">
<td><strong>
<a href="border-conflict-example-001.xht">border-conflict-example-001</a></strong></td>

16
tests/wpt/css-tests/css21_dev/xhtml1/first-page-vlr-003.xht
View file

@ -1,16 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!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>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: first page of a document with vertical-lr writing-mode</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" title="13.2.2 Page selectors: selecting left, right, and first pages"/>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors" title="13.2.2 Page selectors: selecting left, right, and first pages" />
<meta content="paged" name="flags"/>
<meta content="When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page." name="assert"/>
<meta content="paged" name="flags" />
<meta content="When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page." name="assert" />
<style type="text/css" media="print"><![CDATA[
html
@ -40,7 +40,7 @@
<body>
<p><img src="support/pass-cdts-first-page-vlr-003.png" alt="Image download support must be enabled"/></p>
<p><img src="support/pass-cdts-first-page-vlr-003.png" alt="Image download support must be enabled" /></p>
<!--
The image says:

96
tests/wpt/css-tests/css21_dev/xhtml1/reftest-toc.xht
View file

@ -12091,6 +12091,102 @@
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-003" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-003.xht">border-conflict-element-vlr-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-005" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vlr-005.xht">border-conflict-element-vlr-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-007" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-007.xht">border-conflict-element-vlr-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-009" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vlr-009.xht">border-conflict-element-vlr-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-011" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vlr-011.xht">border-conflict-element-vlr-011</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vlr-013" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vlr-013.xht">border-conflict-element-vlr-013</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-002" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-002.xht">border-conflict-element-vrl-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-004" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
<a href="border-conflict-element-vrl-004.xht">border-conflict-element-vrl-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-006" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-006.xht">border-conflict-element-vrl-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-008" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
<a href="border-conflict-element-vrl-008.xht">border-conflict-element-vrl-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-010" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)">
<a href="border-conflict-element-vrl-010.xht">border-conflict-element-vrl-010</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-element-vrl-012" class="">
<tr>
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
<a href="border-conflict-element-vrl-012.xht">border-conflict-element-vrl-012</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="border-conflict-style-101" class="">
<tr>
<td rowspan="1" title="border conflict resolution - border-style: hidden applied to table-row">

12
tests/wpt/css-tests/css21_dev/xhtml1/reftest.list
View file

@ -1515,6 +1515,18 @@ border-conflict-element-001b.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-001c.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-001d.xht == reference/border-conflict-element-001d-ref.xht
border-conflict-element-001e.xht == reference/border-conflict-element-001e-ref.xht
border-conflict-element-vlr-003.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-005.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-007.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-009.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-011.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vlr-013.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-002.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-004.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-006.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-008.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-010.xht == reference/ref-filled-green-100px-square.xht
border-conflict-element-vrl-012.xht == reference/ref-filled-green-100px-square.xht
border-conflict-style-101.xht == reference/border-conflict-style-101-ref.xht
border-conflict-style-102.xht == reference/border-conflict-style-101-ref.xht
border-conflict-style-103.xht == reference/border-conflict-style-101-ref.xht

2
tests/wpt/css-tests/css21_dev/xhtml1/toc.xht
View file

@ -102,7 +102,7 @@
<tbody id="s17">
<tr><th><a href="chapter-17.xht">Chapter 17 -
Tables</a></th>
<td>(1141 Tests)</td></tr>
<td>(1153 Tests)</td></tr>
</tbody>
<tbody id="s18">
<tr><th><a href="chapter-18.xht">Chapter 18 -

77
tests/wpt/css-tests/css21_dev/xhtml1print/border-conflict-element-vlr-003.xht Normal file
View file

@ -0,0 +1,77 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test border-conflict-element-vlr-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
direction: ltr;
writing-mode: vertical-lr;
}
td
{
padding: 0px;
}
td#five
{
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 100px;
}
td#six
{
border-top-color: red;
border-top-style: solid;
border-top-width: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<table>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td id="five"></td> <td id="six"></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
</body>
</html>

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