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

Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

Browse source
This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 • committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
Download patch file Download diff file Expand all files Collapse all files

70
tests/wpt/web-platform-tests/css/CSS2/tables/anonymous-table-box-width-001.xht Normal file
View file

@ -0,0 +1,70 @@
<!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>
<title>CSS Test: Width of anonymous table box versus caption box in the automatic table layout</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" title="17.5.2.2 Automatic table layout" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" />
<link rel="bookmark" title="Issue 172: table-caption content overflows" href="http://wiki.csswg.org/spec/css2.1#issue-172" />
<link rel="bookmark" title="Anonymous table box is as wide as max(table-width, table-caption-min-intrinsic-width)" href="http://lists.w3.org/Archives/Public/www-style/2010Sep/0186.html" />
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta content="" name="flags" />
<meta content="Anonymous table box should be as wide as max(table-width, table-caption-min-intrinsic-width)." name="assert" />
<style type="text/css"><![CDATA[
p
{
font: 1em/1.25 serif;
margin: 1em 0;
}
strong {vertical-align: bottom;}
div#overlapped-red
{
background-color: red;
height: 100px;
position: absolute;
top: 3.25em;
/*
16px : max(8px, 16px): maximum of body's margin-top and p's margin-top
+ 20px : p's line-height
+ 16px : p's margin-bottom
---------
52px == 3.25em
*/
width: 100px;
z-index: -1;
}
table#overlapping-green
{
border-bottom: green solid 100px;
border-spacing: 0;
}
caption {width: 100px;}
td {padding: 0;}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="overlapped-red"></div>
<table id="overlapping-green">
<caption></caption>
<tr><td></td></tr>
</table>
</body>
</html>

18
tests/wpt/web-platform-tests/css/CSS2/tables/background-table-001.xht Normal file
View file

@ -0,0 +1,18 @@
<!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>
<title>CSS Test: background-repeat on table rows</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/001.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
<style type="text/css">
table { background: green; color: white; }
tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */
</style>
</head>
<body>
<table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table>
</body>
</html>

19
tests/wpt/web-platform-tests/css/CSS2/tables/background-table-002.xht Normal file
View file

@ -0,0 +1,19 @@
<!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>
<title>CSS Test: background-repeat on table rows</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/002.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
<style type="text/css">
table { background: green; color: white; }
tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */
td { background-repeat: repeat; }
</style>
</head>
<body>
<table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table>
</body>
</html>

19
tests/wpt/web-platform-tests/css/CSS2/tables/background-table-003.xht Normal file
View file

@ -0,0 +1,19 @@
<!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>
<title>CSS Test: background-repeat on table rows</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/003.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/>
<style type="text/css">
table { background: green; color: white; }
tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */
td { background-repeat: no-repeat; }
</style>
</head>
<body>
<table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table>
</body>
</html>

5
tests/wpt/web-platform-tests/css/CSS2/tables/background-table-README Normal file
View file

@ -0,0 +1,5 @@
See also:
http://fantasai.tripod.com/www-style/2002/table-backgrounds/tests/
https://dbaron.org/css/test/sec170501
https://dbaron.org/css/test/sec170501a
https://dbaron.org/css/test/sec170501b

86
tests/wpt/web-platform-tests/css/CSS2/tables/basic-css-table-001.xht Normal file
View file

@ -0,0 +1,86 @@
<!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>
<title>CSS Test: CSS table display types</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
<meta name="flags" content="" />
<meta name="assert" content="CSS display table types are supported." />
<style type="text/css">
.table
{
display: table;
border: 1px solid gray;
}
.caption
{
display: table-caption;
background: black;
}
.colgroup
{
display: table-column-group;
}
.col
{
display: table-column;
}
.thead
{
display: table-header-group;
}
.tfoot
{
display: table-footer-group;
}
.tbody
{
display: table-row-group;
}
.tr
{
display: table-row;
}
.td
{
background: black;
border: 1px solid gray;
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p>
<div class="table">
<div class="caption">X</div>
<div class="colgroup">
<div class="col"></div>
<div class="col"></div>
</div>
<div class="colgroup">
<div class="col"></div>
</div>
<div class="thead">
<div class="tr">
<div class="td">XXXXX</div>
<div class="td">XXXXX</div>
<div class="td">XXXXX</div>
</div>
</div>
<div class="tfoot">
<div class="tr">
<div class="td">XXXXX</div>
<div class="td">XXXXX</div>
<div class="td">XXXXX</div>
</div>
</div>
<div class="tbody">
<div class="tr">
<div class="td">XXXXX</div>
<div class="td">XXXXX</div>
<div class="td">XXXXX</div>
</div>
</div>
</div>
</body>
</html>

50
tests/wpt/web-platform-tests/css/CSS2/tables/basic-html-table-001.xht Normal file
View file

@ -0,0 +1,50 @@
<!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>
<title>CSS Test: HTML table with every table element</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
<link rel="help" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2" />
<meta name="assert" content="HTML table elements are supported." />
<style type="text/css">
caption, td, th
{
background: black;
}
</style>
</head>
<body>
<p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p>
<table border="1">
<caption>X</caption>
<colgroup>
<col />
<col />
</colgroup>
<colgroup>
<col />
</colgroup>
<thead>
<tr>
<th>XXXXX</th>
<th>XXXXX</th>
<th>XXXXX</th>
</tr>
</thead>
<tfoot>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
</tbody>
</table>
</body>
</html>

49
tests/wpt/web-platform-tests/css/CSS2/tables/bidi-border-collapse-001.xht Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
<meta name="flags" content=""/>
<meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
<title>CSS Test: border-collapse in bidi context - border-right</title>
<style type="text/css"><![CDATA[
table {
border-collapse:collapse;
margin-bottom: 1em;
}
tr {
border-left: 5px solid fuchsia;
border-right: 5px solid purple;
}
td.right {
background-color: yellow;
border-right: 5px solid orange;
}
td.left {
background-color: aqua;
border-right: 5px solid teal;
}
]]></style>
</head>
<body>
<p>The two tables should be identical:</p>
<table dir="rtl">
<tr>
<td class="right">XX XX XX</td>
<td class="left">XX</td>
</tr>
</table>
<table dir="ltr">
<tr>
<td class="left">XX</td>
<td class="right">XX XX XX</td>
</tr>
</table>
</body>
</html>

48
tests/wpt/web-platform-tests/css/CSS2/tables/bidi-border-collapse-002.xht Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
<meta name="flags" content=""/>
<meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
<title>CSS Test: border-collapse in bidi context - border-left</title>
<style type="text/css"><![CDATA[
table {
border-collapse:collapse;
margin-bottom: 1em;
}
tr {
border-left: 5px solid fuchsia;
border-right: 5px solid purple;
}
td.right {
background-color: yellow;
border-left: 5px solid orange;
}
td.left {
background-color: aqua;
border-left: 5px solid teal;
}
]]></style>
</head>
<body>
<p>The two tables should be identical:</p>
<table dir="rtl">
<tr>
<td class="right">XX XX XX</td>
<td class="left">XX</td>
</tr>
</table>
<table dir="ltr">
<tr>
<td class="left">XX</td>
<td class="right">XX XX XX</td>
</tr>
</table>
</body>
</html>

48
tests/wpt/web-platform-tests/css/CSS2/tables/bidi-border-collapse-003.xht Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
<meta name="flags" content=""/>
<meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
<title>CSS Test: border-collapse in bidi context - border-top</title>
<style type="text/css"><![CDATA[
table {
border-collapse:collapse;
margin-bottom: 1em;
}
tr {
border-left: 5px solid fuchsia;
border-right: 5px solid purple;
}
td.right {
background-color: yellow;
border-top: 5px solid orange;
}
td.left {
background-color: aqua;
border-top: 5px solid teal;
}
]]></style>
</head>
<body>
<p>The two tables should be identical:</p>
<table dir="rtl">
<tr>
<td class="right">XX XX XX</td>
<td class="left">XX</td>
</tr>
</table>
<table dir="ltr">
<tr>
<td class="left">XX</td>
<td class="right">XX XX XX</td>
</tr>
</table>
</body>
</html>

48
tests/wpt/web-platform-tests/css/CSS2/tables/bidi-border-collapse-004.xht Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/>
<meta name="flags" content=""/>
<meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/>
<title>CSS Test: border-collapse in bidi context - border-bottom</title>
<style type="text/css"><![CDATA[
table {
border-collapse:collapse;
margin-bottom: 1em;
}
tr {
border-left: 5px solid fuchsia;
border-right: 5px solid purple;
}
td.right {
background-color: yellow;
border-bottom: 5px solid orange;
}
td.left {
background-color: aqua;
border-bottom: 5px solid teal;
}
]]></style>
</head>
<body>
<p>The two tables should be identical:</p>
<table dir="rtl">
<tr>
<td class="right">XX XX XX</td>
<td class="left">XX</td>
</tr>
</table>
<table dir="ltr">
<tr>
<td class="left">XX</td>
<td class="right">XX XX XX</td>
</tr>
</table>
</body>
</html>

36
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-001.xht Normal file
View file

@ -0,0 +1,36 @@
<!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>
<title>CSS Test: Border-collapse set to 'collapse'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="A table with 'border-collapse' set to 'collapse' collapses the borders between its cells." />
<style type="text/css">
table
{
border-collapse: collapse;
border-spacing: 5px;
}
td
{
background: black;
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if a single box appears below this line.</p>
<table>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
</table>
</body>
</html>

36
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-002.xht Normal file
View file

@ -0,0 +1,36 @@
<!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>
<title>CSS Test: Border-collapse set to 'separate'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="A table with 'border-collapse' set to 'separate' separates the borders between its cells." />
<style type="text/css">
table
{
border-collapse: separate;
border-spacing: 5px;
}
td
{
background: black;
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if four separate boxes appear below this line.</p>
<table>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
</table>
</body>
</html>

43
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-003.xht Normal file
View file

@ -0,0 +1,43 @@
<!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>
<title>CSS Test: Border-collapse set to 'inherit'</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="A table can inherit its 'border-collapse' behavior from its parent container." />
<style type="text/css">
#parent
{
border-collapse: collapse;
}
table
{
border-collapse: inherit;
border-spacing: 3px;
border-style: none;
}
td
{
background: black;
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if a single box appears below this line.</p>
<div id="parent">
<table>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
</table>
</div>
</body>
</html>

25
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-004.xht Normal file
View file

@ -0,0 +1,25 @@
<!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>
<title>CSS Test: overflow: hidden and border-collapse: collapse</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/border-collapse/collapse/001.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<style type="text/css">
table { border-collapse: collapse; }
div { margin-top: 0.25em; }
td, div {
border-left: 2em solid;
overflow: hidden;
padding-left: 0.25em;
font: 4em sans-serif;
color: navy;
}
</style>
</head>
<body>
<p>There should be two identical blocks below, each with the word "Test" to the right.</p>
<table><tr><td>Test</td></tr></table>
<div>Test</div>
</body>
</html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-005-ref.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS (Tables) Reference File</title>
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
<style>
table {
border-collapse: collapse;
border: 2px solid blue;
}
th {
font-weight: normal;
text-align: left;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>One</td>
<td>Two</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</tfoot>
</table>
<p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
</body>
</html>

42
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-005.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS Test (Tables): collapsing borders with empty tbody</title>
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
<link rel="help" href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders" />
<link rel="help" href="https://drafts.csswg.org/css2/tables.html#collapsing-borders" />
<link rel="help" href="https://drafts.csswg.org/css3-tables/#collapsing-borders" />
<link rel="match" href="border-collapse-005-ref.html " />
<meta name="flags" content="" />
<meta name="assert" content="border-collapse should work correctly when a table has an empty tbody" />
<style>
table {
border-collapse: collapse;
border: 2px solid blue;
}
th {
font-weight: normal;
text-align: left;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>One</th>
<th>Two</th>
</tr>
</thead>
<tbody></tbody>
<tfoot>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</tfoot>
</table>
<p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
</body>
</html>

33
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-001.xht Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Border-collapse and 'display: inline' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: inline' elements." />
<style type="text/css">
div
{
border-collapse: collapse;
color: white;
display: inline;
font-size: 4em;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="left">X</div>
<div id="right">X</div>
</body>
</html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-002.xht Normal file
View file

@ -0,0 +1,35 @@
<!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>
<title>CSS Test: Border-collapse and 'display: block' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: block' elements." />
<style type="text/css">
#bottom, span
{
border-collapse: collapse;
display: block;
height: 100px;
width: 100px;
}
span
{
border-bottom: 10px solid blue;
}
#bottom
{
border-top: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
<div>
<span></span>
</div>
<div id="bottom"></div>
</body>
</html>

34
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-003.xht Normal file
View file

@ -0,0 +1,34 @@
<!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>
<title>CSS Test: Border-collapse and 'display: list-item' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse and 'display: list-item' elements." />
<style type="text/css">
div
{
border-collapse: collapse;
display: list-item;
height: 100px;
margin-left: 2em;
width: 100px;
}
#top
{
border-bottom: 10px solid blue;
}
#bottom
{
border-top: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line and there are two marker bullets on the left-hand side of the lines. (Note the marker bullets do not need to be aligned with the lines.)</p>
<div id="top"></div>
<div id="bottom"></div>
</body>
</html>

33
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-005.xht Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Border-collapse and 'display: inline-block' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: inline-block' elements." />
<style type="text/css">
div
{
border-collapse: collapse;
display: inline-block;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="left"></div>
<div id="right"></div>
</body>
</html>

45
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-006.xht Normal file
View file

@ -0,0 +1,45 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse applies to 'display: table' elements." />
<style type="text/css">
#test
{
border-collapse: collapse;
display: table;
}
#tr
{
display: table-row;
}
#left, #right
{
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid black;
}
#right
{
border-left: 10px dotted red;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="test">
<div id="tr">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
</body>
</html>

45
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-007.xht Normal file
View file

@ -0,0 +1,45 @@
<!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>
<title>CSS Test: Border-collapse and 'display: inline-table' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse applies to 'display: inline-table' elements." />
<style type="text/css">
#test
{
border-collapse: collapse;
display: inline-table;
}
#tr
{
display: table-row;
}
#left, #right
{
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid black;
}
#right
{
border-left: 10px dotted red;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div id="test">
<div id="tr">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
</body>
</html>

51
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-008.xht Normal file
View file

@ -0,0 +1,51 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-row-group' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-row-group' elements." />
<style type="text/css">
#table
{
display: table;
}
#test
{
border-collapse: collapse;
display: table-row-group;
}
#tr
{
display: table-row;
}
#left, #right
{
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="table">
<div id="test">
<div id="tr">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
</div>
</body>
</html>

51
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-009.xht Normal file
View file

@ -0,0 +1,51 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-header-group' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-header-group' elements." />
<style type="text/css">
#table
{
display: table;
}
#test
{
border-collapse: collapse;
display: table-header-group;
}
#tr
{
display: table-row;
}
#left, #right
{
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="table">
<div id="test">
<div id="tr">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
</div>
</body>
</html>

51
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-010.xht Normal file
View file

@ -0,0 +1,51 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-footer-group' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-footer-group' elements." />
<style type="text/css">
#table
{
display: table;
}
#test
{
border-collapse: collapse;
display: table-footer-group;
}
#tr
{
display: table-row;
}
#left, #right
{
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="table">
<div id="test">
<div id="tr">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
</div>
</body>
</html>

45
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-011.xht Normal file
View file

@ -0,0 +1,45 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-row' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-row' elements." />
<style type="text/css">
#table
{
display: table;
}
#test
{
border-collapse: collapse;
display: table-row;
}
#left, #right
{
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="table">
<div id="test">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
</body>
</html>

52
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-012.xht Normal file
View file

@ -0,0 +1,52 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-column' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-column' elements." />
<style type="text/css">
#table
{
display: table;
}
#test
{
border-collapse: collapse;
display: table-column;
}
.tr
{
display: table-row;
}
#top, #bottom
{
display: table-cell;
height: 100px;
width: 100px;
}
#top
{
border-bottom: 10px solid blue;
}
#bottom
{
border-top: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
<div id="table">
<div id="test"></div>
<div class="tr">
<div id="top"></div>
</div>
<div class="tr">
<div id="bottom"></div>
</div>
</div>
</body>
</html>

52
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-013.xht Normal file
View file

@ -0,0 +1,52 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-column-group' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-column-group' elements." />
<style type="text/css">
#table
{
display: table;
}
#test
{
border-collapse: collapse;
display: table-column-group;
}
.tr
{
display: table-row;
}
#top, #bottom
{
display: table-cell;
height: 100px;
width: 100px;
}
#top
{
border-bottom: 10px solid blue;
}
#bottom
{
border-top: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
<div id="table">
<div id="test"></div>
<div class="tr">
<div id="top"></div>
</div>
<div class="tr">
<div id="bottom"></div>
</div>
</div>
</body>
</html>

45
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-014.xht Normal file
View file

@ -0,0 +1,45 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-cell' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-cell' elements." />
<style type="text/css">
#table
{
display: table;
}
#tr
{
display: table-row;
}
.test
{
border-collapse: collapse;
display: table-cell;
height: 100px;
width: 100px;
}
#left
{
border-right: 10px solid blue;
}
#right
{
border-left: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p>
<div id="table">
<div id="tr">
<div id="left" class="test"></div>
<div id="right" class="test"></div>
</div>
</div>
</body>
</html>

49
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-015.xht Normal file
View file

@ -0,0 +1,49 @@
<!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>
<title>CSS Test: Border-collapse and 'display: table-caption' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: table-caption' elements." />
<style type="text/css">
#table
{
display: table;
height: 100px;
width: 100px;
}
.test
{
border-collapse: collapse;
display: table-caption;
height: 100px;
width: 100px;
}
#top
{
border-bottom: 10px solid blue;
}
#tr
{
display: table-row;
}
#bottom
{
display: table-cell;
border-top: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
<div id="table">
<div id="top" class="test"></div>
<div id="tr">
<div id="bottom"></div>
</div>
</div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-016.xht Normal file
View file

@ -0,0 +1,27 @@
<!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>
<title>CSS Test: Border-collapse and 'display: none' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: none' elements." />
<style type="text/css">
div
{
border: 10px solid red;
border-collapse: collapse;
display: none;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div></div>
<div></div>
</body>
</html>

39
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-applies-to-017.xht Normal file
View file

@ -0,0 +1,39 @@
<!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>
<title>CSS Test: Border-collapse and 'display: inherit' elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'." />
<style type="text/css">
#container
{
display: block;
}
.test
{
border-collapse: collapse;
display: inherit;
height: 100px;
width: 100px;
}
#top
{
border-bottom: 10px solid blue;
}
#bottom
{
border-top: 10px dotted orange;
}
</style>
</head>
<body>
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
<div id="container">
<div id="top" class="test"></div>
<div id="bottom" class="test"></div>
</div>
</body>
</html>

14
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht Normal file
View file

@ -0,0 +1,14 @@
<!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><title>border collapse dynamic change to cell style</title>
<style type="text/css">
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-style:solid">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>CSS Test: border collapse dynamic change to cell style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-cell-001-ref.xht"/>
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css">
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest();">
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-style:none" id="target">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

15
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht Normal file
View file

@ -0,0 +1,15 @@
<!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><title>border collapse dynamic change to cell color</title>
<style type="text/css">
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-width:11px;border-color:yellow">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>CSS Test: border collapse dynamic change to cell color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-cell-002-ref.xht"/>
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style type="text/css">
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest();">
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-width:11px" id="target">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

14
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht Normal file
View file

@ -0,0 +1,14 @@
<!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><title>border collapse dynamic change to cell border width</title>
<style type="text/css">
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-width:20px">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>CSS Test: border collapse dynamic change to cell border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-cell-003-ref.xht"/>
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style type="text/css">
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest();">
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td id="target">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

14
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht Normal file
View file

@ -0,0 +1,14 @@
<!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><title>border collapse dynamic change to colspan cell style</title>
<style type="text/css">
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td colspan="3" style="border-style:solid;">c21</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>CSS Test: border collapse dynamic change to colspan cell style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-cell-004-ref.xht"/>
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css">
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest();">
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td colspan="3" style="border-style:none" id="target">c21</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

14
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht Normal file
View file

@ -0,0 +1,14 @@
<!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><title>border collapse dynamic change to rowspan cell style </title>
<style type="text/css">
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td style="border-style:solid" rowspan="3">c12</td><td>c13</td></tr>
<tr><td>c21</td><td>c23</td></tr>
<tr><td>c31</td><td>c33</td></tr>
</tbody></table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>CSS Test: border collapse dynamic change to rowspan cell style </title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-cell-005-ref.xht"/>
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css">
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest();">
<table style="border-collapse:collapse">
<tbody><tr><td>c11</td><td style="border-style:none" rowspan="3" id="target">c12</td><td>c13</td></tr>
<tr><td>c21</td><td>c23</td></tr>
<tr><td>c31</td><td>c33</td></tr>
</tbody></table>
</body></html>

27
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht Normal file
View file

@ -0,0 +1,27 @@
<!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><title>border collapse dynamic change to colgroup border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
colgroup#reference {border:solid yellow 11px}
]]></style>
</head>
<body>
<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p>
<table>
<colgroup><col /></colgroup>
<colgroup id="reference"><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

38
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht Normal file
View file

@ -0,0 +1,38 @@
<!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><title>CSS Test: border collapse dynamic change to colgroup border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-colgroup-001-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
colgroup#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p>
<table>
<colgroup><col /></colgroup>
<colgroup id="target"><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

27
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht Normal file
View file

@ -0,0 +1,27 @@
<!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><title>border collapse dynamic change to colgroup border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
colgroup#reference {border:solid green 20px}
]]></style>
</head>
<body>
<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p>
<table>
<colgroup><col /></colgroup>
<colgroup id="reference"><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

38
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht Normal file
View file

@ -0,0 +1,38 @@
<!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><title>CSS Test: border collapse dynamic change to colgroup border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-colgroup-002-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
colgroup#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p>
<table>
<colgroup><col /></colgroup>
<colgroup id="target"><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

27
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht Normal file
View file

@ -0,0 +1,27 @@
<!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><title>border collapse dynamic change to colgroup border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse}
colgroup#reference {border:solid green 10px}
]]></style>
</head>
<body>
<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p>
<table>
<colgroup><col /></colgroup>
<colgroup id="reference"><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

38
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht Normal file
View file

@ -0,0 +1,38 @@
<!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><title>CSS Test: border collapse dynamic change to colgroup border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-colgroup-003-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse}
colgroup#target {border:outset green 10px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p>
<table>
<colgroup><col /></colgroup>
<colgroup id="target"><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

38
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht Normal file
View file

@ -0,0 +1,38 @@
<!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><title>CSS Test: border collapse dynamic change to col border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-colgroup-001-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
col#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p>
<table>
<colgroup><col /></colgroup>
<colgroup><col id="target" /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

38
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht Normal file
View file

@ -0,0 +1,38 @@
<!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><title>CSS Test: border collapse dynamic change to col border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-colgroup-002-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
col#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p>
<table>
<colgroup><col /></colgroup>
<colgroup><col id="target" /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

38
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht Normal file
View file

@ -0,0 +1,38 @@
<!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><title>CSS Test: border collapse dynamic change to col border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-colgroup-003-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse}
col#target {border:outset green 10px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p>
<table>
<colgroup><col /></colgroup>
<colgroup><col id="target" /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

30
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht Normal file
View file

@ -0,0 +1,30 @@
<!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><title>CSS Test: border collapse dynamic change to row border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-rowgroup-001-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
tr#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

30
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht Normal file
View file

@ -0,0 +1,30 @@
<!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><title>CSS Test: border collapse dynamic change to row border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-rowgroup-002-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
tr#target {border:solid green 2px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

30
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht Normal file
View file

@ -0,0 +1,30 @@
<!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><title>CSS Test: border collapse dynamic change to row border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-rowgroup-003-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse}
tr#target {border:outset green 10px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody></table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>border collapse dynamic change to rowgroup border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
tbody#reference {border:solid yellow 11px}
]]></style>
</head>
<body>
<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="reference">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht Normal file
View file

@ -0,0 +1,35 @@
<!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><title>CSS Test: border collapse dynamic change to rowgroup border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-rowgroup-001-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
tbody#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="target">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>border collapse dynamic change to rowgroup border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
tbody#reference {border:solid green 20px}
]]></style>
</head>
<body>
<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="reference">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht Normal file
View file

@ -0,0 +1,35 @@
<!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><title>CSS Test: border collapse dynamic change to rowgroup border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-rowgroup-002-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse}
tbody#target {border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="target">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

24
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht Normal file
View file

@ -0,0 +1,24 @@
<!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><title>border collapse dynamic change to rowgroup border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse}
tbody#reference {border:solid green 10px}
]]></style>
</head>
<body>
<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="reference">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht Normal file
View file

@ -0,0 +1,35 @@
<!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><title>CSS Test: border collapse dynamic change to rowgroup border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-rowgroup-003-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse}
tbody#target {border:outset green 10px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p>
<table>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="target">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

26
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht Normal file
View file

@ -0,0 +1,26 @@
<!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><title>border collapse dynamic change to table border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse; border:solid yellow 11px}
]]></style>
</head>
<body>
<p>There should be a continuous solid yellow border around a grid of 3 rows and 3 columns. All borders inside the grid should be continuous solid green.</p>
<table>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

37
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht Normal file
View file

@ -0,0 +1,37 @@
<!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><title>CSS Test: border collapse dynamic change to table border color</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-table-001-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse; border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid yellow border around a grid of 3 rows and 3 columns. All borders inside the grid should be continuous solid green.</p>
<table id="target">
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

26
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht Normal file
View file

@ -0,0 +1,26 @@
<!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><title>border collapse dynamic change to table border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse; border:solid green 20px}
]]></style>
</head>
<body>
<p>There should be a continuous solid thick border around a grid of 3 rows and 3 columns. The borders inside the grid should be half the thickness of the outside border of the grid.</p>
<table>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

37
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht Normal file
View file

@ -0,0 +1,37 @@
<!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><title>CSS Test: border collapse dynamic change to table border width</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-table-002-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green solid;}
table {margin: 30px; border-collapse:collapse; border:solid green 11px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid thick border around a grid of 3 rows and 3 columns. The borders inside the grid should be half the thickness of the outside border of the grid.</p>
<table id="target">
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

26
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht Normal file
View file

@ -0,0 +1,26 @@
<!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><title>border collapse dynamic change to table border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse; border:solid green 10px}
]]></style>
</head>
<body>
<p>There should be a continuous solid green border around the outside of a grid of 3 rows and 3 columns. The borders inside the grid should look as though they are coming out of the canvas.</p>
<table>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

37
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht Normal file
View file

@ -0,0 +1,37 @@
<!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><title>CSS Test: border collapse dynamic change to table border style</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-dynamic-table-003-ref.xht"/>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="flags" content="dom" />
<script type="text/javascript">
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style type="text/css"><![CDATA[
td { border: 10px green outset;}
table {margin: 30px; border-collapse:collapse; border:none green 10px}
]]></style>
</head>
<body onload="doTest();">
<p>There should be a continuous solid green border around the outside of a grid of 3 rows and 3 columns. The borders inside the grid should look as though they are coming out of the canvas.</p>
<table id="target">
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>
</body></html>

49
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-inherited-001.xht Normal file
View file

@ -0,0 +1,49 @@
<!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>
<title>CSS Test: Border-collapse is inherited by default</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="Border-collapse is inherited by default." />
<style type="text/css">
#container
{
border-collapse: collapse;
}
#table
{
background: red;
border-spacing: 10px;
border-style: none;
display: table;
}
.row
{
display: table-row;
}
.cell
{
background: black;
border: 3px solid black;
display: table-cell;
}
</style>
</head>
<body>
<p>Test passes if there is a single box below and there is no red visible on the page.</p>
<div id="container">
<div id="table">
<div class="row">
<div class="cell">XXXXX</div>
<div class="cell">XXXXX</div>
</div>
<div class="row">
<div class="cell">XXXXX</div>
<div class="cell">XXXXX</div>
</div>
</div>
</div>
</body>
</html>

36
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-initial-001.xht Normal file
View file

@ -0,0 +1,36 @@
<!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>
<title>CSS Test: Initial value of border-collapse</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
<meta name="flags" content="" />
<meta name="assert" content="The initial value of border-collapse is 'separate'." />
<style type="text/css">
table
{
border-spacing: 3px;
border-style: none;
}
td
{
background: black;
border: 3px solid black;
}
</style>
</head>
<body>
<p>Test passes if there are four boxes below.</p>
<table>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
<tr>
<td>XXXXX</td>
<td>XXXXX</td>
</tr>
</table>
</body>
</html>

18
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-offset-001-ref.xht Normal file
View file

@ -0,0 +1,18 @@
<!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>
<style type="text/css">
td {width: 100px; text-align:center}
div {position:absolute; border:green 4px solid}
</style>
</head>
<body>
<!-- the height for table cells includes the border -->
<div>
<table cellspacing="0">
<tbody><tr><td style="border:solid 4px orange; height:34px">cell 1</td></tr>
</tbody></table>
</div>
</body></html>

22
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-offset-001.xht Normal file
View file

@ -0,0 +1,22 @@
<!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>
<title>CSS Test: border collapse</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-offset-001-ref.xht"/>
<meta name="flags" content="" />
<style type="text/css">
td {width: 100px; text-align:center}
div {position:absolute; border:green 4px solid}
</style>
</head>
<body>
<div>
<table style="border-collapse:collapse;">
<tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
</tbody></table>
</div>
</body></html>

19
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-offset-002-ref.xht Normal file
View file

@ -0,0 +1,19 @@
<!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>
<style type="text/css">
td {width: 100px; text-align:center}
caption {border:solid 4px green}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0"><caption>caption</caption>
<tbody><tr>
<td style="border:solid 4px orange; width:102px; height:34px">cell 1</td>
</tr>
</tbody></table>
</body></html>

22
tests/wpt/web-platform-tests/css/CSS2/tables/border-collapse-offset-002.xht Normal file
View file

@ -0,0 +1,22 @@
<!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>
<title>CSS Test: border collapse</title>
<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="border-collapse-offset-002-ref.xht"/>
<meta name="flags" content="" />
<style type="text/css">
td {width: 100px; text-align:center}
caption {border:solid 4px green}
</style>
</head>
<body>
<table style="border-collapse:collapse;"><caption>caption</caption>
<tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr>
</tbody></table>
</body></html>

50
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001.xht Normal file
View file

@ -0,0 +1,50 @@
<!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>
<title>CSS Test: Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top and left (in a 'left-to-right' table)." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
td
{
border: 5px solid black;
}
.collapsing1
{
border-left: red;
}
#collapsing2
{
border-top: red;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="collapsing1"></td>
<td class="collapsing1"></td>
</tr>
<tr>
<td></td>
<td id="collapsing2"></td>
<td></td>
</tr>
</table>
</body>
</html>

74
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001a.xht Normal file
View file

@ -0,0 +1,74 @@
<!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>
<title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<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 and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins." name="assert" />
<style type="text/css"><![CDATA[
table {border-collapse: collapse;}
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 green red;}
td#three {border-color: green green green red;}
td#four {border-color: green green green red;}
td#five {border-color: red green green green;}
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: red green green green;}
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: red green green green;}
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>

75
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001b.xht Normal file
View file

@ -0,0 +1,75 @@
<!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>
<title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<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 and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost cell wins." name="assert" />
<style type="text/css"><![CDATA[
table {border-collapse: collapse;}
td
{
border-style: solid none solid none;
border-width: 20px 0px 20px 0px;
padding: 0px;
width: 25px;
}
td#one {border-color: green red green red;}
td#two {border-color: green red green red;}
td#three {border-color: green red green red;}
td#four {border-color: green red green red;}
td#five {border-color: red 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: red 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: red 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>

75
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001c.xht Normal file
View file

@ -0,0 +1,75 @@
<!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>
<title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<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 and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; rightmost, if it is 'rtl')." name="assert" />
<style type="text/css"><![CDATA[
table {border-collapse: collapse;}
td
{
border-style: none solid none solid;
border-width: 0px 20px 0px 20px;
height: 25px;
padding: 0px;
}
td#one {border-color: red green red green;}
td#two {border-color: red green red red;}
td#three {border-color: red green red red;}
td#four {border-color: red green red red;}
td#five {border-color: red green red green;}
td#six {border-color: red green red red;}
td#seven {border-color: red green red red;}
td#eight {border-color: red green red red;}
td#nine {border-color: red green red green;}
td#ten {border-color: red green red red;}
td#eleven {border-color: red green red red;}
td#twelve {border-color: red green red red;}
td#thirteen {border-color: red green red green;}
td#fourteen {border-color: red green red red;}
td#fifteen {border-color: red green red red;}
td#sixteen {border-color: red 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>

122
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001d-ref.xht Normal file
View file

@ -0,0 +1,122 @@
<!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>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
color: white;
font: 1.25em/1 Ahem;
margin: auto auto 2em 2em;
}
td {padding: 0px;}
img
{
height: 1em;
vertical-align: bottom;
/*
With 'vertical-align: bottom', swatch-[color] images "sit"
at the bottom of the cell's line box and not on its baseline
*/
width: 1em;
}
]]></style>
</head>
<body>
<p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
<table>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-green.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
</tr>
</table>
<table>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-green.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td>
</tr>
</table>
</body>
</html>

133
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001d.xht Normal file
View file

@ -0,0 +1,133 @@
<!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>
<title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<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="border-conflict-element-001d-ref.xht" />
<meta content="ahem image" name="flags" />
<meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins." name="assert" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
color: white;
font: 1.25em/1 Ahem;
margin: auto auto 2em 2em;
}
td {padding: 0px;}
table#test td
{
border-style: solid;
border-width: 1em;
}
td#one {border-color: blue blue blue blue;}
td#two {border-color: yellow yellow yellow red;}
td#three {border-color: green green green red;}
td#four {border-color: orange orange orange red;}
td#five {border-color: red yellow yellow yellow;}
td#six {border-color: red green green red;}
td#seven {border-color: red orange orange red;}
td#eight {border-color: red blue blue red;}
td#nine {border-color: red green green green;}
td#ten {border-color: red orange orange red;}
td#eleven {border-color: red blue blue red;}
td#twelve {border-color: red yellow yellow red;}
td#thirteen {border-color: red orange orange orange;}
td#fourteen {border-color: red blue blue red;}
td#fifteen {border-color: red yellow yellow red;}
td#sixteen {border-color: red green green red;}
img
{
height: 1em;
vertical-align: bottom;
/*
With 'vertical-align: bottom', swatch-[color] images "sit"
at the bottom of the cell's line box and not on its baseline
*/
width: 1em;
}
]]></style>
</head>
<body>
<p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
<table id="test">
<tr>
<td id="one">B</td> <td id="two">Y</td> <td id="three">G</td> <td id="four">O</td>
</tr>
<tr>
<td id="five">Y</td> <td id="six">G</td> <td id="seven">O</td> <td id="eight">B</td>
</tr>
<tr>
<td id="nine">G</td> <td id="ten">O</td> <td id="eleven">B</td> <td id="twelve">Y</td>
</tr>
<tr>
<td id="thirteen">O</td> <td id="fourteen">B</td> <td id="fifteen">Y</td> <td id="sixteen">G</td>
</tr>
</table>
<table id="reference">
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-green.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /></td>
</tr>
</table>
</body>
</html>

107
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001e-ref.xht Normal file
View file

@ -0,0 +1,107 @@
<!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>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
table
{
border-collapse: collapse;
color: white;
font: 1.25em/1 Ahem;
margin: auto auto 2em 2em;
}
td {padding: 0px;}
img
{
height: 1em;
vertical-align: bottom;
/*
With 'vertical-align: bottom', swatch-[color] images "sit"
at the bottom of the cell's line box and not on its baseline
*/
width: 1em;
}
]]></style>
</head>
<body>
<p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
<table>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
</table>
<table>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
</table>
</body>
</html>

112
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-001e.xht Normal file
View file

@ -0,0 +1,112 @@
<!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>
<title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<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="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" title="8.5.2 Border color" />
<link rel="match" href="border-conflict-element-001e-ref.xht" />
<meta content="image" name="flags" />
<meta content="If a table cell's border color is not specified with a border property, then user agents must use the value of the element's 'color' property as the computed value for the border color. When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl')." name="assert" />
<style type="text/css"><![CDATA[
table#test
{
border: red solid 1em;
}
table
{
border-collapse: collapse;
font: 1.25em/1 serif;
margin: auto auto 2em 2em;
}
table#test td
{
border: solid 1em;
padding: 0.5em;
}
td.blue {color: blue;}
td.yellow {color: yellow;}
td.orange {color: orange;}
table#reference td {padding: 0em;}
img
{
height: 1em;
vertical-align: bottom;
/*
With 'vertical-align: bottom', swatch-[color] images "sit"
at the bottom of the cell's line box and not on its baseline
*/
width: 1em;
}
]]></style>
</head>
<body>
<p>Test passes if both grids are <strong>perfectly identical</strong>.</p>
<table id="test">
<tr>
<td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td>
</tr>
<tr>
<td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td>
</tr>
<tr>
<td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td>
</tr>
</table>
<table id="reference">
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
<tr>
<td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td>
</tr>
</table>
</body>
</html>

52
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-002.xht Normal file
View file

@ -0,0 +1,52 @@
<!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>
<title>CSS Test: Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border (rtl table)</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top right for a 'right-to-left' table." />
<style type="text/css">
table
{
border-collapse: collapse;
direction: rtl;
height: 2in;
width: 2in;
}
td
{
border: 5px solid black;
direction: ltr;
}
.collapsing1
{
border-right: red;
}
#collapsing2
{
border-top: red;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="collapsing1"></td>
<td class="collapsing1"></td>
</tr>
<tr>
<td></td>
<td id="collapsing2"></td>
<td></td>
</tr>
</table>
</body>
</html>

34
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-003.xht Normal file
View file

@ -0,0 +1,34 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell in row - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (cell, row) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
tr
{
border: 5px solid red;
}
td
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

52
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-004.xht Normal file
View file

@ -0,0 +1,52 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell vs. row - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (cell, row) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
#collapsing1
{
border-bottom: 5px solid red;
border-top: 5px solid black;
}
#collapsing2
{
border-bottom: 5px solid black;
border-top: 5px solid red;
}
td
{
border-left: 5px solid black;
border-right: 5px solid black;
}
#test
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr id="collapsing1">
<td></td>
</tr>
<tr>
<td id="test"></td>
</tr>
<tr id="collapsing2">
<td></td>
</tr>
</table>
</body>
</html>

36
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-005.xht Normal file
View file

@ -0,0 +1,36 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell in row group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (cell, row group) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
tbody
{
border: 5px solid red;
}
td
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

57
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-006.xht Normal file
View file

@ -0,0 +1,57 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell vs. row group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (cell, row group) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
tbody
{
border-left: 5px solid black;
border-right: 5px solid black;
}
#collapsing1
{
border-bottom: 5px solid red;
border-top: 5px solid black;
}
#collapsing2
{
border-bottom: 5px solid black;
border-top: 5px solid red;
}
#test
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tbody id="collapsing1">
<tr>
<td></td>
</tr>
</tbody>
<tbody>
<tr>
<td id="test"></td>
</tr>
</tbody>
<tbody id="collapsing2">
<tr>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-007.xht Normal file
View file

@ -0,0 +1,35 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell in column - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (cell, column) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
col
{
border: 5px solid red;
}
td
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<col />
<tr>
<td></td>
</tr>
</table>
</body>
</html>

50
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-008.xht Normal file
View file

@ -0,0 +1,50 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell vs. column - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (cell, column) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
col
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
#collapsing1
{
border-left: 5px solid black;
border-right: 5px solid red;
}
#collapsing2
{
border-left: 5px solid red;
border-right: 5px solid black;
}
#test
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<col id="collapsing1" />
<col />
<col id="collapsing2" />
<tr>
<td></td>
<td id="test"></td>
<td></td>
</tr>
</table>
</body>
</html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-009.xht Normal file
View file

@ -0,0 +1,35 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell in column group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (cell, column group) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
colgroup
{
border: 5px solid red;
}
td
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<colgroup></colgroup>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

50
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-010.xht Normal file
View file

@ -0,0 +1,50 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell vs. column group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (cell, column group) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
colgroup
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
#collapsing1
{
border-left: 5px solid black;
border-right: 5px solid red;
}
#collapsing2
{
border-left: 5px solid red;
border-right: 5px solid black;
}
#test
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<colgroup id="collapsing1"></colgroup>
<colgroup></colgroup>
<colgroup id="collapsing2"></colgroup>
<tr>
<td></td>
<td id="test"></td>
<td></td>
</tr>
</table>
</body>
</html>

31
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-011.xht Normal file
View file

@ -0,0 +1,31 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): cell vs. table - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (cell, table) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border: 5px solid red;
border-collapse: collapse;
height: 2in;
width: 2in;
}
td
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

53
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-012.xht Normal file
View file

@ -0,0 +1,53 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row vs. cell - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (row, cell) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
#test
{
border-bottom: 5px solid red;
border-top: 5px solid red;
}
td
{
border-left: 5px solid black;
border-right: 5px solid black;
}
.winning
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td class="winning"></td>
<td class="winning"></td>
<td class="winning"></td>
</tr>
<tr id="test">
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="winning"></td>
<td class="winning"></td>
<td class="winning"></td>
</tr>
</table>
</body>
</html>

52
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-013.xht Normal file
View file

@ -0,0 +1,52 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row vs. row - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (row, row) of same border-style and width, border collapsing favors the row furthest to the top." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
tr
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
.collapsing
{
border-top: 5px solid red;
}
td
{
border-left: 5px solid black;
border-right: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="collapsing">
<td></td>
<td></td>
<td></td>
</tr>
<tr class="collapsing">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

36
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-014.xht Normal file
View file

@ -0,0 +1,36 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row in row group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (row, row group) of same border-style and width, border collapsing favors the row." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
tbody
{
border: 5px solid red;
}
tr
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

57
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-015.xht Normal file
View file

@ -0,0 +1,57 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row vs. row group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (row, row group) of same border-style and width, border collapsing favors the row." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
tbody
{
border-left: 5px solid black;
border-right: 5px solid black;
}
#collapsing1
{
border-bottom: 5px solid red;
border-top: 5px solid black;
}
#collapsing2
{
border-bottom: 5px solid black;
border-top: 5px solid red;
}
#test
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tbody id="collapsing1">
<tr>
<td></td>
</tr>
</tbody>
<tbody>
<tr id="test">
<td></td>
</tr>
</tbody>
<tbody id="collapsing2">
<tr>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-016.xht Normal file
View file

@ -0,0 +1,35 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row vs. column - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (row, column) of same border-style and width, border collapsing favors the row." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
col
{
border: 5px solid red;
}
tr
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<col />
<tr>
<td></td>
</tr>
</table>
</body>
</html>

35
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-017.xht Normal file
View file

@ -0,0 +1,35 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row vs. column group - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (row, column group) of same border-style and width, border collapsing favors the row." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
colgroup
{
border: 5px solid red;
}
tr
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<colgroup></colgroup>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

31
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-018.xht Normal file
View file

@ -0,0 +1,31 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row vs. table - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (row, table) of same border-style and width, border collapsing favors the row." />
<style type="text/css">
table
{
border: 5px solid red;
border-collapse: collapse;
height: 2in;
width: 2in;
}
tr
{
border: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

59
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-019.xht Normal file
View file

@ -0,0 +1,59 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row group vs. cell - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With embedded elements (row group, cell) of same border-style and width, border collapsing favors the cell." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
#test
{
border-bottom: 5px solid red;
border-top: 5px solid red;
}
td
{
border-left: 5px solid black;
border-right: 5px solid black;
}
.winning
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tbody>
<tr>
<td class="winning"></td>
<td class="winning"></td>
<td class="winning"></td>
</tr>
</tbody>
<tbody id="test">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tbody>
<tr>
<td class="winning"></td>
<td class="winning"></td>
<td class="winning"></td>
</tr>
</tbody>
</table>
</body>
</html>

53
tests/wpt/web-platform-tests/css/CSS2/tables/border-conflict-element-020.xht Normal file
View file

@ -0,0 +1,53 @@
<!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>
<title>CSS Test: Border Conflict Resolution (by element): row group vs. row - element with highest priority is the dominant border</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" />
<meta name="flags" content="" />
<meta name="assert" content="With adjacent elements (row group, row) of same border-style and width, border collapsing favors the row." />
<style type="text/css">
table
{
border-collapse: collapse;
height: 2in;
width: 2in;
}
#test
{
border-bottom: 5px solid red;
border-top: 5px solid red;
}
.winning
{
border-bottom: 5px solid black;
border-top: 5px solid black;
}
td
{
border-left: 5px solid black;
border-right: 5px solid black;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<table>
<tbody>
<tr class="winning">
<td></td>
</tr>
</tbody>
<tbody id="test">
<tr>
<td></td>
</tr>
</tbody>
<tbody>
<tr class="winning">
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

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