eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-29 02:47:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision aac1cd51245c0c469325988a0446985a2f1e476c

Browse Source
This commit is contained in:
Ms2ger
2016-04-07 09:58:26 +02:00
parent 1a6245828a
commit 7deaeea707
540 changed files with 24009 additions and 6637 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
tests/wpt/css-tests/css21_dev/xhtml1print/background-body-001.xht Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Background on body element</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test background-body-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-20 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
<link rel="match" href="reference/background-body-001-ref.xht" />
<meta name="assert" content="Background of the body covers the entire canvas. Adding margin to body element to ensure that canvas background is green, and not just the root since in other cases, margin is not colored. This only applies if HTML element has nothing set for background." />
<style type="text/css">
body
{
background: green;
color: white;
margin: 30px;
}
</style>
</head>
<body>
<p>Test passes if the background of this entire page is green.</p>
</body>
</html>

29
tests/wpt/css-tests/css21_dev/xhtml1print/background-body-002.xht Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Background on body element - background-position</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test background-body-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
<meta name="flags" content="image" />
<meta name="assert" content="Background of the body has the initial background-position of 0,0 and not the canvas. This only applies if HTML element has nothing set for background." />
<style type="text/css">
html
{
background: url("support/green_box.png") repeat-x;
margin: 1in;
}
</style>
</head>
<body>
<p>Test passes if this text is within the green box.</p>
</body>
</html>

29
tests/wpt/css-tests/css21_dev/xhtml1print/background-body-003.xht Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Background position propagation from body element</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test background-body-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
<meta name="flags" content="image" />
<meta name="assert" content="Background-position of the body does not propagate the position to the canvas. This only applies if HTML element has nothing set for background." />
<style type="text/css">
body
{
background: url("support/green_box.png") 1in 1in;
margin: 30px;
}
</style>
</head>
<body>
<p>Test passes if the background of this entire page is green.</p>
</body>
</html>

33
tests/wpt/css-tests/css21_dev/xhtml1print/background-html-body-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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Background on html and body element</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test background-html-body-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-21 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
<meta name="assert" content="Background of the html element is the canvas's background even if body background is set." />
<style type="text/css">
html
{
background: green;
}
body
{
background: blue;
color: white;
}
</style>
</head>
<body>
<p>Test passes if the background of the entire page is green and there is a blue bar.</p>
</body>
</html>

33
tests/wpt/css-tests/css21_dev/xhtml1print/before-after-positioned-002.xht Normal file
View File

@@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>CSS Test: :before/:after pseudo-elements - 'position:fixed'</title>
<link href="mailto:james(at)idreamincode.co.uk" rel="author" title="James Hopkins" />
<link href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" rel="help" />
<link href="reference/before-after-positioned-002-ref.xht" rel="match" />
<meta content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:fixed' can be correctly applied to both pseudo elements." name="assert" />
<style type="text/css">
#test:after,
#test:before{
background:blue;
bottom:0;
content:"";
height:100px;
position:fixed;
right:0;
width:50px;
}
#test:before{
bottom:0;
right:50px;
}
</style>
</head>
<body>
<p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
<div id="test"></div>
</body></html>

33
tests/wpt/css-tests/css21_dev/xhtml1print/before-after-positioned-003.xht Normal file
View File

@@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>CSS Test: :before/:after pseudo-elements - 'position:absolute'</title>
<link href="mailto:james(at)idreamincode.co.uk" rel="author" title="James Hopkins" />
<link href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" rel="help" />
<link href="reference/before-after-positioned-002-ref.xht" rel="match" />
<meta content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:absolute' can be correctly applied to both pseudo elements." name="assert" />
<style type="text/css">
#test:after,
#test:before{
background:blue;
bottom:0;
content:"";
height:100px;
position:absolute;
right:0;
width:50px;
}
#test:before{
bottom:0;
right:50px;
}
</style>
</head>
<body>
<p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
<div id="test"></div>
</body></html>

34
tests/wpt/css-tests/css21_dev/xhtml1print/before-after-positioned-004.xht Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>CSS Test: :before/:after pseudo-elements - 'position:relative'</title>
<link href="mailto:james(at)idreamincode.co.uk" rel="author" title="James Hopkins" />
<link href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" rel="help" />
<link href="reference/before-after-positioned-004-ref.xht" rel="match" />
<meta content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:relative' can be correctly applied to both pseudo elements." name="assert" />
<style type="text/css">
#test:after,
#test:before{
background:blue;
content:"";
display:block;
height:100px;
left:0;
position:relative;
top:-100px;
width:50px;
}
#test:before{
left:50px;
top:0;
}
</style>
</head>
<body>
<p>Test passes if there is a square (four equal sides) below.</p>
<div id="test"></div>
</body></html>

169
tests/wpt/css-tests/css21_dev/xhtml1print/chapter-12.xht
View File

@@ -13,7 +13,7 @@
<body>
<h1>CSS 2.1 Conformance Test Suite</h1>
<h2>Generated content, automatic numbering, and lists (637 tests)</h2>
<h2>Generated content, automatic numbering, and lists (640 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@@ -43,7 +43,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.1">+</a>
<a href="https://www.w3.org/TR/CSS21/generate.html#before-after-content">12.1 The :before and :after pseudo-elements</a></th></tr>
<!-- 58 tests -->
<!-- 61 tests -->
<tr id="after-content-display-001-12.1" class="">
<td>
<a href="after-content-display-001.xht">after-content-display-001</a></td>
@@ -321,6 +321,39 @@
<td>generated content
</td>
</tr>
<tr id="before-after-positioned-002-12.1" class="">
<td>
<a href="before-after-positioned-002.xht">before-after-positioned-002</a></td>
<td><a href="reference/before-after-positioned-002-ref.xht">=</a> </td>
<td></td>
<td>:before/:after pseudo-elements - 'position:fixed'
<ul class="assert">
<li>Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:fixed' can be correctly applied to both pseudo elements.</li>
</ul>
</td>
</tr>
<tr id="before-after-positioned-003-12.1" class="">
<td>
<a href="before-after-positioned-003.xht">before-after-positioned-003</a></td>
<td><a href="reference/before-after-positioned-002-ref.xht">=</a> </td>
<td></td>
<td>:before/:after pseudo-elements - 'position:absolute'
<ul class="assert">
<li>Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:absolute' can be correctly applied to both pseudo elements.</li>
</ul>
</td>
</tr>
<tr id="before-after-positioned-004-12.1" class="">
<td>
<a href="before-after-positioned-004.xht">before-after-positioned-004</a></td>
<td><a href="reference/before-after-positioned-004-ref.xht">=</a> </td>
<td></td>
<td>:before/:after pseudo-elements - 'position:relative'
<ul class="assert">
<li>Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:relative' can be correctly applied to both pseudo elements.</li>
</ul>
</td>
</tr>
<tr id="before-after-table-parts-001-12.1" class="">
<td>
<a href="before-after-table-parts-001.xht">before-after-table-parts-001</a></td>
@@ -1360,6 +1393,17 @@
</ul>
</td>
</tr>
<tr id="content-066-12.2" class="">
<td>
<a href="content-066.xht">content-066</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'compact'
<ul class="assert">
<li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'compact'.</li>
</ul>
</td>
</tr>
<tr id="content-067-12.2" class="">
<td>
<a href="content-067.xht">content-067</a></td>
@@ -1470,6 +1514,17 @@
</ul>
</td>
</tr>
<tr id="content-081-12.2" class="">
<td>
<a href="content-081.xht">content-081</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'height'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'height'.</li>
</ul>
</td>
</tr>
<tr id="content-082-12.2" class="">
<td>
<a href="content-082.xht">content-082</a></td>
@@ -1525,6 +1580,28 @@
</ul>
</td>
</tr>
<tr id="content-090-12.2" class="">
<td>
<a href="content-090.xht">content-090</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'language'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'language'.</li>
</ul>
</td>
</tr>
<tr id="content-091-12.2" class="">
<td>
<a href="content-091.xht">content-091</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'link'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'link'.</li>
</ul>
</td>
</tr>
<tr id="content-096-12.2" class="">
<td>
<a href="content-096.xht">content-096</a></td>
@@ -1954,6 +2031,17 @@
</ul>
</td>
</tr>
<tr id="content-149-12.2" class="">
<td>
<a href="content-149.xht">content-149</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'valign'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'valign'.</li>
</ul>
</td>
</tr>
<tr id="content-150-12.2" class="">
<td>
<a href="content-150.xht">content-150</a></td>
@@ -1987,6 +2075,17 @@
</ul>
</td>
</tr>
<tr id="content-153-12.2" class="">
<td>
<a href="content-153.xht">content-153</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'vlink'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'vlink'.</li>
</ul>
</td>
</tr>
<tr id="content-155-12.2" class="">
<td>
<a href="content-155.xht">content-155</a></td>
@@ -3115,6 +3214,17 @@
</ul>
</td>
</tr>
<tr id="content-066-12.2.#propdef-content" class="">
<td>
<a href="content-066.xht">content-066</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'compact'
<ul class="assert">
<li>The 'content' property correctly handles the 'attr()' function when calling the attribute 'compact'.</li>
</ul>
</td>
</tr>
<tr id="content-067-12.2.#propdef-content" class="">
<td>
<a href="content-067.xht">content-067</a></td>
@@ -3225,6 +3335,17 @@
</ul>
</td>
</tr>
<tr id="content-081-12.2.#propdef-content" class="">
<td>
<a href="content-081.xht">content-081</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'height'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'height'.</li>
</ul>
</td>
</tr>
<tr id="content-082-12.2.#propdef-content" class="">
<td>
<a href="content-082.xht">content-082</a></td>
@@ -3280,6 +3401,28 @@
</ul>
</td>
</tr>
<tr id="content-090-12.2.#propdef-content" class="">
<td>
<a href="content-090.xht">content-090</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'language'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'language'.</li>
</ul>
</td>
</tr>
<tr id="content-091-12.2.#propdef-content" class="">
<td>
<a href="content-091.xht">content-091</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'link'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'link'.</li>
</ul>
</td>
</tr>
<tr id="content-096-12.2.#propdef-content" class="">
<td>
<a href="content-096.xht">content-096</a></td>
@@ -3709,6 +3852,17 @@
</ul>
</td>
</tr>
<tr id="content-149-12.2.#propdef-content" class="">
<td>
<a href="content-149.xht">content-149</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'valign'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'valign'.</li>
</ul>
</td>
</tr>
<tr id="content-150-12.2.#propdef-content" class="">
<td>
<a href="content-150.xht">content-150</a></td>
@@ -3742,6 +3896,17 @@
</ul>
</td>
</tr>
<tr id="content-153-12.2.#propdef-content" class="">
<td>
<a href="content-153.xht">content-153</a></td>
<td></td>
<td></td>
<td>Content with a 'attr()' function as a value selecting 'vlink'
<ul class="assert">
<li>The 'content' property properly handles the 'attr()' function when calling the attribute 'vlink'.</li>
</ul>
</td>
</tr>
<tr id="content-155-12.2.#propdef-content" class="">
<td>
<a href="content-155.xht">content-155</a></td>

44
tests/wpt/css-tests/css21_dev/xhtml1print/chapter-14.xht
View File

@@ -3784,6 +3784,39 @@
<td>Background Position: bottom right and the viewport
</td>
</tr>
<tr id="background-body-001-14.2" class="">
<td>
<a href="background-body-001.xht">background-body-001</a></td>
<td><a href="reference/background-body-001-ref.xht">=</a> </td>
<td></td>
<td>Background on body element
<ul class="assert">
<li>Background of the body covers the entire canvas. Adding margin to body element to ensure that canvas background is green, and not just the root since in other cases, margin is not colored. This only applies if HTML element has nothing set for background.</li>
</ul>
</td>
</tr>
<tr id="background-body-002-14.2" class="image">
<td>
<a href="background-body-002.xht">background-body-002</a></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Background on body element - background-position
<ul class="assert">
<li>Background of the body has the initial background-position of 0,0 and not the canvas. This only applies if HTML element has nothing set for background.</li>
</ul>
</td>
</tr>
<tr id="background-body-003-14.2" class="image">
<td>
<a href="background-body-003.xht">background-body-003</a></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Background position propagation from body element
<ul class="assert">
<li>Background-position of the body does not propagate the position to the canvas. This only applies if HTML element has nothing set for background.</li>
</ul>
</td>
</tr>
<tr id="background-iframes-001-14.2" class="">
<td>
<a href="background-iframes-001.xht">background-iframes-001</a></td>
@@ -9913,6 +9946,17 @@
</ul>
</td>
</tr>
<tr id="background-html-body-001-14.2.1" class="">
<td>
<a href="background-html-body-001.xht">background-html-body-001</a></td>
<td></td>
<td></td>
<td>Background on html and body element
<ul class="assert">
<li>Background of the html element is the canvas's background even if body background is set.</li>
</ul>
</td>
</tr>
<tr id="background-image-001-14.2.1" class="image">
<td>
<a href="background-image-001.xht">background-image-001</a></td>

11
tests/wpt/css-tests/css21_dev/xhtml1print/chapter-8.xht
View File

@@ -7219,6 +7219,17 @@
</ul>
</td>
</tr>
<tr id="margin-collapse-021-8.3.1" class="ahem image">
<td>
<a href="margin-collapse-021.xht">margin-collapse-021</a></td>
<td><a href="reference/margin-collapse-020-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Margin collapsing with the 'body' element
<ul class="assert">
<li>The 'body' element's margins collapse.</li>
</ul>
</td>
</tr>
<tr id="margin-collapse-022-8.3.1" class="ahem image">
<td>
<a href="margin-collapse-022.xht">margin-collapse-022</a></td>

36
tests/wpt/css-tests/css21_dev/xhtml1print/content-066.xht Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Content with a 'attr()' function as a value selecting 'compact'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test content-066"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
<meta name="assert" content="The 'content' property correctly handles the 'attr()' function when calling the attribute 'compact'." />
<style type="text/css">
ul:before
{
content: attr(compact);
color: green;
}
ul
{
border: 2px solid black;
}
</style>
</head>
<body>
<p>Test passes if the word "compact" appears in the box below.</p>
<ul compact="compact">
<li></li>
</ul>
</body>
</html>

38
tests/wpt/css-tests/css21_dev/xhtml1print/content-081.xht Normal file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Content with a 'attr()' function as a value selecting 'height'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test content-081"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
<meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'height'." />
<style type="text/css">
td:before
{
content: attr(height);
color: green;
}
td
{
border: 2px solid black;
}
</style>
</head>
<body>
<p>Test passes if the number "10" appears in the box below.</p>
<table>
<tr>
<td height="10"></td>
</tr>
</table>
</body>
</html>

35
tests/wpt/css-tests/css21_dev/xhtml1print/content-090.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Content with a 'attr()' function as a value selecting 'language'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test content-090"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
<meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'language'." />
<style type="text/css">
script:before
{
content: attr(language);
color: green;
}
script
{
border: 2px solid black;
display: block;
}
</style>
</head>
<body>
<p>Test passes if the word "ecmascript" appears in the box below.</p>
<script language="ecmascript" type="text/ecmascript"></script>
</body>
</html>

29
tests/wpt/css-tests/css21_dev/xhtml1print/content-091.xht Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Content with a 'attr()' function as a value selecting 'link'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test content-091"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
<meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'link'." />
<style type="text/css">
body:before
{
content: attr(link);
color: green;
}
</style>
</head>
<body link="green">
<p>Test passes if the word "green" appears above.</p>
</body>
</html>

38
tests/wpt/css-tests/css21_dev/xhtml1print/content-149.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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Content with a 'attr()' function as a value selecting 'valign'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test content-149"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
<meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'valign'." />
<style type="text/css">
td:before
{
content: attr(valign);
color: green;
}
td
{
border: 2px solid black;
}
</style>
</head>
<body>
<p>Test passes if only the word "baseline" appears in the box below.</p>
<table>
<tr>
<td valign="baseline"></td>
</tr>
</table>
</body>
</html>

29
tests/wpt/css-tests/css21_dev/xhtml1print/content-153.xht Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Content with a 'attr()' function as a value selecting 'vlink'</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test content-153"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
<meta name="assert" content="The 'content' property properly handles the 'attr()' function when calling the attribute 'vlink'." />
<style type="text/css">
body:before
{
content: attr(vlink);
color: green;
}
</style>
</head>
<body vlink="green">
<p>Test passes if the word "green" appears above.</p>
</body>
</html>

48
tests/wpt/css-tests/css21_dev/xhtml1print/margin-collapse-021.xht Normal file
View File

@@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Margin collapsing with the 'body' element</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test margin-collapse-021"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
<!--
http://lists.w3.org/Archives/Public/public-css-testsuite/2016Apr/0000.html
-->
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" />
<link rel="match" href="reference/margin-collapse-020-ref.xht" />
<meta name="flags" content="ahem image" />
<meta name="assert" content="The 'body' element's margins collapse." />
<style type="text/css">
body
{
background: url('support/margin-collapse-020.png') no-repeat;
font: 20px/1em Ahem;
margin: 2em 0 0;
}
div
{
background: green;
margin-top: 2em;
height: 1em;
width: 5em;
}
p
{
font: 12pt serif;
}
</style>
</head>
<body>
<div></div>
<p>Test passes if there is <strong>no red</strong>.</p>
</body>
</html>

16
tests/wpt/css-tests/css21_dev/xhtml1print/reference/before-after-positioned-002-ref.xht Normal file
View File

@@ -0,0 +1,16 @@
<!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 href="mailto:Ms2ger@gmail.com" rel="author" title="Ms2ger" />
<style type="text/css">
#test {
position: absolute;
background: blue;
height: 100px;
width: 100px;
right: 0px;
bottom: 0px;
}
</style>
</head><body><p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
<div id="test"></div>
</body></html>

13
tests/wpt/css-tests/css21_dev/xhtml1print/reference/before-after-positioned-004-ref.xht Normal file
View File

@@ -0,0 +1,13 @@
<!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 href="mailto:Ms2ger@gmail.com" rel="author" title="Ms2ger" />
<style type="text/css">
#test {
background: blue;
height: 100px;
width: 100px;
}
</style>
</head><body><p>Test passes if there is a square (four equal sides) below.</p>
<div id="test"></div>
</body></html>

2
tests/wpt/css-tests/css21_dev/xhtml1print/reference/line-box-height-vlr-003-ref.xht
View File

@@ -16,8 +16,6 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{

2
tests/wpt/css-tests/css21_dev/xhtml1print/reference/line-box-height-vlr-007-ref.xht
View File

@@ -16,8 +16,6 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{

2
tests/wpt/css-tests/css21_dev/xhtml1print/reference/line-box-height-vlr-011-ref.xht
View File

@@ -16,8 +16,6 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{

2
tests/wpt/css-tests/css21_dev/xhtml1print/reference/line-box-height-vrl-002-ref.xht
View File

@@ -16,8 +16,6 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{

2
tests/wpt/css-tests/css21_dev/xhtml1print/reference/line-box-height-vrl-006-ref.xht
View File

@@ -16,8 +16,6 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{

2
tests/wpt/css-tests/css21_dev/xhtml1print/reference/line-box-height-vrl-010-ref.xht
View File

@@ -16,8 +16,6 @@
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{

40
tests/wpt/css-tests/css21_dev/xhtml1print/reftest-toc.xht
View File

@@ -5600,6 +5600,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="background-body-001" class="">
<tr>
<td rowspan="1" title="Background on body element">
<a href="background-body-001.xht">background-body-001</a></td>
<td><a href="reference/background-body-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="background-color-001" class="invalid">
<tr>
<td rowspan="1" title="Background-color set to hex with 5 digits which is invalid">
@@ -8480,6 +8488,30 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="before-after-positioned-002" class="">
<tr>
<td rowspan="1" title=":before/:after pseudo-elements - 'position:fixed'">
<a href="before-after-positioned-002.xht">before-after-positioned-002</a></td>
<td><a href="reference/before-after-positioned-002-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="before-after-positioned-003" class="">
<tr>
<td rowspan="1" title=":before/:after pseudo-elements - 'position:absolute'">
<a href="before-after-positioned-003.xht">before-after-positioned-003</a></td>
<td><a href="reference/before-after-positioned-002-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="before-after-positioned-004" class="">
<tr>
<td rowspan="1" title=":before/:after pseudo-elements - 'position:relative'">
<a href="before-after-positioned-004.xht">before-after-positioned-004</a></td>
<td><a href="reference/before-after-positioned-004-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="before-after-selector-001" class="">
<tr>
<td rowspan="1" title="After and before pseudo-elements">
@@ -37700,6 +37732,14 @@
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="margin-collapse-021" class="ahem image">
<tr>
<td rowspan="1" title="Margin collapsing with the 'body' element">
<a href="margin-collapse-021.xht">margin-collapse-021</a></td>
<td><a href="reference/margin-collapse-020-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="margin-collapse-022" class="ahem image">
<tr>
<td rowspan="1" title="Margin collapsing - adjoining block boxes">

3
tests/wpt/css-tests/css21_dev/xhtml1print/reftest.list
View File

@@ -1063,6 +1063,9 @@ before-after-dynamic-restyle-001.xht == reference/before-after-dynamic-restyle-0
before-after-floated-001.xht == reference/before-after-floated-001-ref.xht
before-after-images-001.xht == reference/before-after-images-001-ref.xht
before-after-positioned-001.xht == reference/before-after-positioned-001-ref.xht
before-after-positioned-002.xht == reference/before-after-positioned-002-ref.xht
before-after-positioned-003.xht == reference/before-after-positioned-002-ref.xht
before-after-positioned-004.xht == reference/before-after-positioned-004-ref.xht
before-after-selector-001.xht == reference/before-after-selector-001-ref.xht
before-after-table-parts-001.xht == reference/before-after-table-parts-001-ref.xht
before-after-table-whitespace-001.xht == reference/before-after-table-whitespace-001-ref.xht

2
tests/wpt/css-tests/css21_dev/xhtml1print/toc.xht
View File

@@ -77,7 +77,7 @@
<tbody id="s12">
<tr><th><a href="chapter-12.xht">Chapter 12 -
Generated content, automatic numbering, and lists</a></th>
<td>(637 Tests)</td></tr>
<td>(640 Tests)</td></tr>
</tbody>
<tbody id="s13">
<tr><th><a href="chapter-13.xht">Chapter 13 -