Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-09 07:25:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse source
This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

97
tests/wpt/css-tests/css-page-3_dev/xhtml1/allowed-page-breaks-001a.xht Normal file
View file

@ -0,0 +1,97 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: allowed page breaks between blocks</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="assert" content="Unforced breaking in the vertical margin between sibling block boxes is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'."/>
<meta name="flags" content="paged"/>
<style type="text/css">
html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
.spacer { height: 50%; }
.backup { margin-top: -1em; }
.start { page-break-before: always; }
p {
margin: 0;
color: blue;
}
.avoidBefore { page-break-before: avoid; }
.avoidAfter { page-break-after: avoid; }
.avoidInside { page-break-inside: avoid; }
.allowInside { page-break-inside: auto; }
</style>
</head>
<body>
<div class="spacer">
Lines A-Z must appear on the 18 pages of this test. The blue text
must accurately describe the page numbers.
</div><div class="spacer backup"/>
<div class="avoidInside">
<p>Page&nbsp;2&nbsp;Line&nbsp;A</p>
<p>Page&nbsp;2&nbsp;Line&nbsp;B</p>
</div>
<div class="spacer start">
<p>Page&nbsp;3&nbsp;Line&nbsp;C</p>
</div><div class="spacer backup"/>
<div class="avoidInside"><div><div><div><div><div><div class="allowInside">
<p>Page&nbsp;4&nbsp;Line&nbsp;D</p>
<p>Page&nbsp;4&nbsp;Line&nbsp;E</p>
</div></div></div></div></div></div></div>
<div class="spacer start">
<p>Page&nbsp;5&nbsp;Line&nbsp;F</p>
</div><div class="spacer backup"/>
<div class="allowInside">
<p>Page&nbsp;5&nbsp;Line&nbsp;G</p>
<p>Page&nbsp;6&nbsp;Line&nbsp;H</p>
</div>
<div class="spacer start">
<p>Page&nbsp;7&nbsp;Line&nbsp;I</p>
</div><div class="spacer backup"/>
<p class="avoidAfter">Page&nbsp;8&nbsp;Line&nbsp;J</p>
<p>Page&nbsp;8&nbsp;Line&nbsp;K</p>
<div class="spacer start">
<p>Page&nbsp;9&nbsp;Line&nbsp;L</p>
</div><div class="spacer backup"/>
<p>Page&nbsp;10&nbsp;Line&nbsp;M</p>
<p class="avoidBefore">Page&nbsp;10&nbsp;Line&nbsp;N</p>
<div class="spacer start">
<p>Page&nbsp;11&nbsp;Line&nbsp;O</p>
</div><div class="spacer backup"/>
<div class="avoidAfter"><div>
<p>Page&nbsp;12&nbsp;Line&nbsp;P</p>
</div></div>
<p>Page&nbsp;12&nbsp;Line&nbsp;Q</p>
<div class="spacer start">
<p>Page&nbsp;13&nbsp;Line&nbsp;R</p>
</div><div class="spacer backup"/>
<p>Page&nbsp;14&nbsp;Line&nbsp;S</p>
<div class="avoidBefore"><div>
<p>Page&nbsp;14&nbsp;Line&nbsp;T</p>
</div></div>
<div class="spacer start">
<p>Page&nbsp;15&nbsp;Line&nbsp;U</p>
</div><div class="spacer backup"/>
<div><div>
<p class="avoidAfter">Page&nbsp;16&nbsp;Line&nbsp;V</p>
</div></div>
<p>Page&nbsp;16&nbsp;Line&nbsp;W</p>
<div class="spacer start">
<p>Page&nbsp;17&nbsp;Line&nbsp;X</p>
</div><div class="spacer backup"/>
<p>Page&nbsp;18&nbsp;Line&nbsp;Y</p>
<div><div>
<p class="avoidBefore">Page&nbsp;18&nbsp;Line&nbsp;Z</p>
</div></div>
</body>
</html>

72
tests/wpt/css-tests/css-page-3_dev/xhtml1/allowed-page-breaks-001b.xht Normal file
View file

@ -0,0 +1,72 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: allowed page breaks between table rows</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="assert" content="Unforced breaking in the vertical margin between sibling table rows is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'."/>
<meta name="flags" content="may paged"/>
<style type="text/css">
html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
.spacer { height: 50%; }
.backup { margin-top: -1em; }
.start { page-break-before: always; }
.avoidBefore { page-break-before: avoid; }
.avoidAfter { page-break-after: avoid; }
.avoidInside { page-break-inside: avoid; }
.allowInside { page-break-inside: auto; }
table, tbody, tr, td {
border-collapse: collapse;
margin: 0; padding: 0;
border-spacing: 0;
color: blue;
}
table, tbody { page-break-inside: avoid; /* override any UA settings */ }
</style>
</head>
<body>
<div class="spacer">
Lines A-N must appear on the 10 pages of this test. The blue text
must accurately describe the page numbers.
</div><div class="spacer backup"/>
<table><tbody class="avoidInside">
<tr><td>Page&nbsp;2&nbsp;Line&nbsp;A</td></tr>
<tr><td>Page&nbsp;2&nbsp;Line&nbsp;B</td></tr>
</tbody></table>
<div class="spacer start">
<tr><td>Page&nbsp;3&nbsp;Line&nbsp;C</td></tr>
</div><div class="spacer backup"/>
<div class="avoidInside"><div><div><div><div><table><tbody class="allowInside">
<tr><td>Page&nbsp;4&nbsp;Line&nbsp;D</td></tr>
<tr><td>Page&nbsp;4&nbsp;Line&nbsp;E</td></tr>
</tbody></table></div></div></div></div></div>
<div class="spacer start">
<tr><td>Page&nbsp;5&nbsp;Line&nbsp;F</td></tr>
</div><div class="spacer backup"/>
<table><tbody class="allowInside">
<tr><td>Page&nbsp;5&nbsp;Line&nbsp;G</td></tr>
<tr><td>Page&nbsp;6&nbsp;Line&nbsp;H</td></tr>
</tbody></table>
<div class="spacer start">
<tr><td>Page&nbsp;7&nbsp;Line&nbsp;I</td></tr>
</div><div class="spacer backup"/>
<table><tbody>
<tr class="avoidAfter"><td>Page&nbsp;8&nbsp;Line&nbsp;J</td></tr>
<tr><td>Page&nbsp;8&nbsp;Line&nbsp;K</td></tr>
</tbody></table>
<div class="spacer start">
<tr><td>Page&nbsp;9&nbsp;Line&nbsp;L</td></tr>
</div><div class="spacer backup"/>
<table><tbody>
<tr><td>Page&nbsp;10&nbsp;Line&nbsp;M</td></tr>
<tr class="avoidBefore"><td>Page&nbsp;10&nbsp;Line&nbsp;N</td></tr>
</tbody></table>
</body>
</html>

117
tests/wpt/css-tests/css-page-3_dev/xhtml1/allowed-page-breaks-001c.xht Normal file
View file

@ -0,0 +1,117 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: allowed page breaks between blocks within table cells</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="assert" content="Unforced breaking in the vertical margin between sibling block boxes is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'."/>
<meta name="flags" content="may paged"/>
<style type="text/css">
html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
.spacer { height: 50%; }
.backup { margin-top: -1em; }
.start { page-break-before: always; }
p {
margin: 0;
color: blue;
}
.avoidBefore { page-break-before: avoid; }
.avoidAfter { page-break-after: avoid; }
.avoidInside { page-break-inside: avoid; }
.allowInside { page-break-inside: auto; }
table, tbody, tr, td {
border-collapse: collapse;
margin: 0; padding: 0;
border-spacing: 0;
color: blue;
}
</style>
</head>
<body>
<div class="spacer">
Lines A-T must appear on the 18 pages of this test. The blue text
must accurately describe the page numbers.
</div><div class="spacer backup"/>
<table><tbody><tr class="avoidInside">
<p>Page&nbsp;2&nbsp;Line&nbsp;A</p>
<p>Page&nbsp;2&nbsp;Line&nbsp;B</p>
</tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;3&nbsp;Line&nbsp;C</p>
</div><div class="spacer backup"/>
<div class="avoidInside"><div><div><div><table><tbody><tr><td class="allowInside">
<p>Page&nbsp;4&nbsp;Line&nbsp;D</p>
<p>Page&nbsp;4&nbsp;Line&nbsp;E</p>
</td></tr></tbody></table></div></div></div></div>
<div class="spacer start">
<p>Page&nbsp;5&nbsp;Line&nbsp;F</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td class="allowInside">
<p>Page&nbsp;5&nbsp;Line&nbsp;G</p>
<p>Page&nbsp;6&nbsp;Line&nbsp;H</p>
</td></tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;7&nbsp;Line&nbsp;I</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td>
<p class="avoidAfter">Page&nbsp;8&nbsp;Line&nbsp;J</p>
<p>Page&nbsp;8&nbsp;Line&nbsp;K</p>
</td></tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;9&nbsp;Line&nbsp;L</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td>
<p>Page&nbsp;10&nbsp;Line&nbsp;M</p>
<p class="avoidBefore">Page&nbsp;10&nbsp;Line&nbsp;N</p>
</td></tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;11&nbsp;Line&nbsp;O</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td>
<div class="avoidAfter"><div>
<p>Page&nbsp;12&nbsp;Line&nbsp;P</p>
</div></div>
<p>Page&nbsp;12&nbsp;Line&nbsp;Q</p>
</td></tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;13&nbsp;Line&nbsp;R</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td>
<p>Page&nbsp;14&nbsp;Line&nbsp;S</p>
<div class="avoidBefore"><div>
<p>Page&nbsp;14&nbsp;Line&nbsp;T</p>
</div></div>
</td></tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;15&nbsp;Line&nbsp;O</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td>
<div><div>
<p class="avoidAfter">Page&nbsp;16&nbsp;Line&nbsp;P</p>
</div></div>
<p>Page&nbsp;16&nbsp;Line&nbsp;Q</p>
</td></tr></tbody></table>
<div class="spacer start">
<p>Page&nbsp;17&nbsp;Line&nbsp;R</p>
</div><div class="spacer backup"/>
<table><tbody><tr><td>
<p>Page&nbsp;18&nbsp;Line&nbsp;S</p>
<div><div>
<p class="avoidBefore">Page&nbsp;18&nbsp;Line&nbsp;T</p>
</div></div>
</td></tr></tbody></table>
</body>
</html>

22
tests/wpt/css-tests/css-page-3_dev/xhtml1/at-page-rule-002-a.xht Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page margins on top and right using percentages</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box."/>
<style type="text/css"><![CDATA[
@page {
margin-top: 50%;
margin-right: 50%;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<div>When printed, this paragraph must appear inside a grey box. The box should appear in the lower-left quadrant of the page. The top edge of the box should be exactly halfway down the page, and the right edge of the box should be exactly half way across the page (You can test this by folding the page in half).</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/at-page-rule-002-b.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page margins shorthand using fixed physical units</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
<style type="text/css"><![CDATA[
@page {
margin: 3cm;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<div>When printed, this paragraph must appear inside a grey box. There should be a three centimeter margin between the grey edge and paper edge on all sides.</div>
</body>
</html>

25
tests/wpt/css-tests/css-page-3_dev/xhtml1/at-page-rule-002-c.xht Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Margins: bottom and left (percent)</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
<meta name="assert" content="Percentage values on right and left margins are relative to the page box width."/>
<meta name="assert" content="Percentage values on top and bottom margins are relative to the page box height."/>
<style type="text/css"><![CDATA[
@page {
margin-bottom: 50%;
margin-left: 50%;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<div>When printed, this paragraph appears inside a grey box in the upper-right quadrant of the page. The bottom edge of the box should be exactly 1/2 way down the page, and the left edge of the box should be exactly half way across the page (You can test this by folding the page in half).
</div>
</body>
</html>

39
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-1.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Introduction - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Introduction (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css3-page/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

102
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-10.xht Normal file
View file

@ -0,0 +1,102 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Image Properties - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Image Properties (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css3-page/#image-properties">10 Image Properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS-DEVICE-ADAPT">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3-BREAK">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3-IMAGES">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3-SIZING">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3-WRITING-MODES">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3BG">
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS3VAL">
<!-- 0 tests -->
</tbody>
<tbody id="s.#JLREQ">
<!-- 0 tests -->
</tbody>
<tbody id="s.#MEDIAQ">
<!-- 0 tests -->
</tbody>
<tbody id="s.#PWGMSN">
<!-- 0 tests -->
</tbody>
<tbody id="s.#RFC2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#SELECT">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative-references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative-references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c-working">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

39
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-2.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Conformance - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Conformance (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css3-page/#conformance">2 Conformance</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

69
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-3.xht Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page Terminology - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Page Terminology (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-terms">3 Page Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.#binding-edge">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#duplex-printing">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#facing-pages">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#landscape">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#left-page">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#page-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#page-sheet">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#portrait">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#printable-area">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#right-page">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

105
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-4.xht Normal file
View file

@ -0,0 +1,105 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Page Model - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>The Page Model (3 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-model">4 The Page Model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.#page-area">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#page-box">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#page-margin-boxes">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#painting">4.1 Page Backgrounds and Painting Order</a></th></tr>
<!-- 2 tests -->
<tr id="page-container-008-4.1" class="paged">
<td>
<a href="page-container-008.xht">page-container-008</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged Media Canvas Background
<ul class="assert">
<li>For documents in the html namespace, a background on 'html' will cover the page area but not the margin area.</li>
</ul>
</td>
</tr>
<tr id="page-container-009-4.1" class="paged">
<td>
<a href="page-container-009.xht">page-container-009</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged Media Body Background
<ul class="assert">
<li>For documents in the html namespace, a background on 'body' will cover the page area.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#content-outside-box">4.2 Content outside the page box</a></th></tr>
<!-- 1 tests -->
<tr id="page-box-000-4.2" class="paged should">
<td>
<a href="page-box-000.xht">page-box-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
<td>Page bleed
<ul class="assert">
<li>Content should be allowed slightly beyond the page box to allow pages to 'bleed'.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.2.#content-empty">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#progression">4.3 Page Progression</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#page-progression">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

466
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-5.xht Normal file
View file

@ -0,0 +1,466 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page Selectors and the Page Context - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Page Selectors and the Page Context (29 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-selector-and-context">5 Page Selectors and the Page Context</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#at-page-rule">5.1 The @page Rule</a></th></tr>
<!-- 3 tests -->
<tr id="page-props-100-a-5.1" class="paged">
<td>
<a href="page-props-100-a.xht">page-props-100-a</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Unqualified Page Contexts (first, right)
<ul class="assert">
<li>A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).</li>
</ul>
</td>
</tr>
<tr id="page-props-100-b-5.1" class="paged">
<td>
<a href="page-props-100-b.xht">page-props-100-b</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Unqualified Page Contexts (first, left)
<ul class="assert">
<li>A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).</li>
</ul>
</td>
</tr>
<tr id="page-selectors-001-5.1" class="paged">
<td>
<a href="page-selectors-001.xht">page-selectors-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page selector is optional in @page rules
<ul class="assert">
<li>An @page rule consists of the keyword '@page', followed by an optional page selector, followed by a block of declarations.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#page-box-page-rule">
<!-- 17 tests -->
<tr id="at-page-rule-002-a-5.1.#page-box-page-rule" class="paged">
<td>
<a href="at-page-rule-002-a.xht">at-page-rule-002-a</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins on top and right using percentages
<ul class="assert">
<li>A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.</li>
</ul>
</td>
</tr>
<tr id="at-page-rule-002-b-5.1.#page-box-page-rule" class="paged">
<td>
<a href="at-page-rule-002-b.xht">at-page-rule-002-b</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins shorthand using fixed physical units
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="at-page-rule-002-c-5.1.#page-box-page-rule" class="paged">
<td>
<a href="at-page-rule-002-c.xht">at-page-rule-002-c</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Margins: bottom and left (percent)
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
<li>Percentage values on right and left margins are relative to the page box width.</li>
<li>Percentage values on top and bottom margins are relative to the page box height.</li>
</ul>
</td>
</tr>
<tr id="page-borders-000-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-borders-000.xht">page-borders-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page border shorthand (absolute units)
<ul class="assert">
<li>A border declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="page-container-000-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-container-000.xht">page-container-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged Media root container
<ul class="assert">
<li>For a single-page document, the containing box for the root element is the page area.</li>
</ul>
</td>
</tr>
<tr id="page-container-001-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-container-001.xht">page-container-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>paged media abspos containing block
<ul class="assert">
<li>For a single-page document, the containing box for positioned content with no positioned ancestor is the page area.</li>
</ul>
</td>
</tr>
<tr id="page-container-002-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-container-002.xht">page-container-002</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>paged media root percent height
<ul class="assert">
<li>A percentage height on the root element is relative to the page area height.</li>
</ul>
</td>
</tr>
<tr id="page-container-003-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-container-003.xht">page-container-003</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>paged media position fixed
<ul class="assert">
<li>Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document.</li>
</ul>
</td>
</tr>
<tr id="page-container-004-5.1.#page-box-page-rule" class="may paged">
<td>
<a href="page-container-004.xht">page-container-004</a></td>
<td></td>
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged Media root container (float)
<ul class="assert">
<li>The root element when floated abuts the left or right edge of the page area.</li>
</ul>
</td>
</tr>
<tr id="page-container-005-5.1.#page-box-page-rule" class="image paged">
<td>
<a href="page-container-005.xht">page-container-005</a></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged content
<ul class="assert">
<li>The page area includes the boxes laid out on that page. The content of the document is flowed into the page area of one or more page sheets.</li>
</ul>
</td>
</tr>
<tr id="page-container-006-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-container-006.xht">page-container-006</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged media - percent on root
<ul class="assert">
<li>A percentage width on the root element is relative to the page area width.</li>
</ul>
</td>
</tr>
<tr id="page-container-010-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-container-010.xht">page-container-010</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged Media Height (percent)
<ul class="assert">
<li>For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.</li>
</ul>
</td>
</tr>
<tr id="page-margin-000-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-margin-000.xht">page-margin-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins shorthand using fixed physical units
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-001-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-margin-001.xht">page-margin-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins on top and right using percentages
<ul class="assert">
<li>A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-002-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-margin-002.xht">page-margin-002</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins on bottom and left using percentages
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-003-5.1.#page-box-page-rule" class="paged">
<td>
<a href="page-margin-003.xht">page-margin-003</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margin shorthand using ems
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
<li>A margin expressed in ems uses the page context's font.</li>
</ul>
</td>
</tr>
<tr id="page-properties-000-5.1.#page-box-page-rule" class="primary paged">
<td><strong>
<a href="page-properties-000.xht">page-properties-000</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page width and height
<ul class="assert">
<li>The 'width' and 'height' properties do not apply to a page box.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#page-context">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-selectors">5.2 Page selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#match">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#page-pseudo-class">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#page-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#page-selector-syntax-restrict">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#page-type-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#spread-pseudos">5.2.1 Spread pseudo-classes: &#8216;:left&#8217;, &#8216;:right&#8217;</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.1.#left">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.1.#left-right-first">
<!-- 3 tests -->
<tr id="page-props-101-5.2.1.#left-right-first" class="paged">
<td>
<a href="page-props-101.xht">page-props-101</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Right and Left Pages (page area equal)
<ul class="assert">
<li>The right and left pages of a document may use differing margin styles that yield equivalent page area heights.</li>
</ul>
</td>
</tr>
<tr id="page-props-103-5.2.1.#left-right-first" class="paged">
<td>
<a href="page-props-103.xht">page-props-103</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Right and Left Pages (page area equal)
<ul class="assert">
<li>The right and left pages of a document may use differing margin styles that yield different page area heights.</li>
</ul>
</td>
</tr>
<tr id="page-selectors-002-5.2.1.#left-right-first" class="paged">
<td>
<a href="page-selectors-002.xht">page-selectors-002</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Selectors: first, right, and left pages
<ul class="assert">
<li>In CSS 2.1, page selectors may designate the first page, all left pages, or all right pages.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.2.1.#right">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#first-pseudo">5.2.2 First-page pseudo-class: &#8216;:first&#8217;</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.2.#first">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#blank-pseudo">5.2.3 Blank-page pseudo-class: &#8216;:blank&#8217;</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.3.#blank">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#syntax-page-selector">5.3 @page rule grammar</a></th></tr>
<!-- 3 tests -->
<tr id="page-grammar-001-5.3" class="paged">
<td>
<a href="page-grammar-001.xht">page-grammar-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page grammar: white space allowed around pseudo
<ul class="assert">
<li>White space before and after a pseudo-page selector is allowed.</li>
</ul>
</td>
</tr>
<tr id="page-grammar-002-5.3" class="paged">
<td>
<a href="page-grammar-002.xht">page-grammar-002</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page grammar: white space not required around pseudo
<ul class="assert">
<li>White space before and after a pseudo-page selector is not required.</li>
</ul>
</td>
</tr>
<tr id="page-name-000-5.3" class="primary invalid paged">
<td><strong>
<a href="page-name-000.xht">page-name-000</a></strong></td>
<td></td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Selector Grammar - @page auto
</td>
</tr>
</tbody>
<tbody id="s5.3.#media">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#page_body">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#page_selector">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#page_selector_list">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#specializatons-of-ATKEYWORD">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#syntax-prod-margin">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#syntax-prod-margin-sym">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#syntax-prod-page">
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#syntax-prod-pseudo-page">
<!-- 0 tests -->
</tbody>
<tbody id="s5.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.4">+</a>
<a href="http://www.w3.org/TR/css3-page/#cascading-and-page-context">5.4 Cascading in the page context</a></th></tr>
<!-- 3 tests -->
<tr id="page-selectors-003-5.4" class="paged">
<td>
<a href="page-selectors-003.xht">page-selectors-003</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page cascade (right/left)
<ul class="assert">
<li>Properties specified in a :left or :right @page rule override those specified in an @page rule that has no pseudo-class specified.</li>
</ul>
</td>
</tr>
<tr id="page-selectors-004-5.4" class="paged">
<td>
<a href="page-selectors-004.xht">page-selectors-004</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page cascade (first trumps right)
<ul class="assert">
<li>Properties specified in a :first @page context override those specified in :right @page contexts.</li>
</ul>
</td>
</tr>
<tr id="page-selectors-006-5.4" class="paged">
<td>
<a href="page-selectors-006.xht">page-selectors-006</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page cascade (first trumps no pseudo-class)
<ul class="assert">
<li>Properties specified in a :first @page rule override those specified in an @page rule with no pseudo-class specified.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.4.#specificity">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

221
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-6.xht Normal file
View file

@ -0,0 +1,221 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page-Margin Boxes - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Page-Margin Boxes (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css3-page/#margin-boxes">6 Page-Margin Boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom-center-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom-left-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom-left-corner-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom-margin-boxes-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom-right-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom-right-corner-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#left-bottom-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#left-margin-boxes-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#left-middle-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#left-top-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#margin-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#page-footer">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#page-header">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#right-bottom-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#right-margin-boxes-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#right-middle-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#right-top-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top-center-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top-left-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top-left-corner-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top-margin-boxes-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top-right-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top-right-corner-box-def">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#margin-at-rules">6.1 At-rules for page-margin boxes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#margin-at-rule">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#margin-context">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#populating-margin-boxes">6.2 Populating page-margin boxes</a></th></tr>
<!-- 1 tests -->
<tr id="page-counters-000-6.2" class="primary paged">
<td><strong>
<a href="page-counters-000.xht">page-counters-000</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>margin box referencing document counters
<ul class="assert">
<li>The value of the counter at the beginning of page processing must be used by default.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.2.#generated">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#margin-dimension">6.3 Computing Page-margin Box Dimensions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#margin-box-terms">6.3.1 Page-Margin Box Layout Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.#available-height">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.#available-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.#max-margin-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.#outer-max-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.#outer-min-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.#outer-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#variable-sizing">6.3.2 Page-Margin Box Variable Dimension Computation Rules</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#variable-auto-margins">6.3.2.1 Margins</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#variable-auto-sizing">6.3.2.2 Resolving &#8216;auto&#8217; widths</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.2.#flex-fit">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#variable-minmax">6.3.2.3 Handling &#8216;min-width&#8217; and &#8216;max-width&#8217;</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2.4">+</a>
<a href="http://www.w3.org/TR/css3-page/#variable-position">6.3.2.4 Positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2.5">+</a>
<a href="http://www.w3.org/TR/css3-page/#variable-mapping">6.3.2.5 Boxes on other sides</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#fixed-sizing">6.3.3 Page-Margin Box Fixed Dimension Computation Rules</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.4">+</a>
<a href="http://www.w3.org/TR/css3-page/#margin-box-ex">6.4 Page-margin box examples</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

167
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-7.xht Normal file
View file

@ -0,0 +1,167 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page Properties - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Page Properties (10 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-properties">7 Page Properties</a></th></tr>
<!-- 10 tests -->
<tr id="at-page-rule-002-a-7" class="paged">
<td>
<a href="at-page-rule-002-a.xht">at-page-rule-002-a</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins on top and right using percentages
<ul class="assert">
<li>A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.</li>
</ul>
</td>
</tr>
<tr id="at-page-rule-002-b-7" class="paged">
<td>
<a href="at-page-rule-002-b.xht">at-page-rule-002-b</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins shorthand using fixed physical units
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="at-page-rule-002-c-7" class="paged">
<td>
<a href="at-page-rule-002-c.xht">at-page-rule-002-c</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Margins: bottom and left (percent)
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
<li>Percentage values on right and left margins are relative to the page box width.</li>
<li>Percentage values on top and bottom margins are relative to the page box height.</li>
</ul>
</td>
</tr>
<tr id="page-background-000-7" class="primary paged">
<td><strong>
<a href="page-background-000.xht">page-background-000</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Box Background Coverage
<ul class="assert">
<li>The page background covers the entire page box, including the page margins.</li>
</ul>
</td>
</tr>
<tr id="page-borders-000-7" class="primary paged">
<td><strong>
<a href="page-borders-000.xht">page-borders-000</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page border shorthand (absolute units)
<ul class="assert">
<li>A border declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-000-7" class="paged">
<td>
<a href="page-margin-000.xht">page-margin-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins shorthand using fixed physical units
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-001-7" class="paged">
<td>
<a href="page-margin-001.xht">page-margin-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins on top and right using percentages
<ul class="assert">
<li>A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-002-7" class="paged">
<td>
<a href="page-margin-002.xht">page-margin-002</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margins on bottom and left using percentages
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
</ul>
</td>
</tr>
<tr id="page-margin-003-7" class="primary paged">
<td><strong>
<a href="page-margin-003.xht">page-margin-003</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page margin shorthand using ems
<ul class="assert">
<li>A margin declaration within the @page context applies to the page box.</li>
<li>A margin expressed in ems uses the page context's font.</li>
</ul>
</td>
</tr>
<tr id="page-properties-000-7" class="paged">
<td>
<a href="page-properties-000.xht">page-properties-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page width and height
<ul class="assert">
<li>The 'width' and 'height' properties do not apply to a page box.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-based-counters">7.1 Page-based counters</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#margin-text-alignment">7.2 Page-margin boxes and default values</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#margin-values">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

194
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-8.xht Normal file
View file

@ -0,0 +1,194 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page Size - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Page Size (11 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-size">8 Page Size</a></th></tr>
<!-- 3 tests -->
<tr id="page-size-000-8" class="primary paged">
<td><strong>
<a href="page-size-000.xht">page-size-000</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Size - landscape
<ul class="assert">
<li>The 'landscape' value of the 'size' property specifies that the page's content be printed in landscape orientation: the longer sides of the page box are horizontal.</li>
</ul>
</td>
</tr>
<tr id="page-size-001-8" class="primary paged">
<td><strong>
<a href="page-size-001.xht">page-size-001</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Size - portrait
<ul class="assert">
<li>The 'portrait' value of the 'size' property specifies that the page's content be printed in portrait orientation: the shorter sides of the page box are horizontal.</li>
</ul>
</td>
</tr>
<tr id="page-size-010-8" class="primary paged">
<td><strong>
<a href="page-size-010.xht">page-size-010</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size smaller than paper
<ul class="assert">
<li>The computed value of the 'size' property is its specified value.</li>
<li>If the page box is smaller than the page size the user agent SHOULD either center the page box on the sheet or position the page box in the upper left corner of the page sheet.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s8.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-size-prop">8.1 Page size: the &#8216;size&#8217; property</a></th></tr>
<!-- 8 tests -->
<tr id="page-size-002-8.1" class="primary paged">
<td><strong>
<a href="page-size-002.xht">page-size-002</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size A5
<ul class="assert">
<li>The 'A5' value of the 'size' property specifies that the page box's width be 148mm and its height 210mm.</li>
</ul>
</td>
</tr>
<tr id="page-size-003-8.1" class="primary paged">
<td><strong>
<a href="page-size-003.xht">page-size-003</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size A4
<ul class="assert">
<li>The 'A4' value of the 'size' property specifies that the page box's width be 210m and its height 297mm.</li>
</ul>
</td>
</tr>
<tr id="page-size-004-8.1" class="primary paged">
<td><strong>
<a href="page-size-004.xht">page-size-004</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size A3
<ul class="assert">
<li>The 'A3' value of the 'size' property specifies that the page box's width be 297mm and its height 420mm.</li>
</ul>
</td>
</tr>
<tr id="page-size-005-8.1" class="primary paged">
<td><strong>
<a href="page-size-005.xht">page-size-005</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size B5
<ul class="assert">
<li>The 'B5' value of the 'size' property specifies that the page box's width be 176mm and its height 250mm.</li>
</ul>
</td>
</tr>
<tr id="page-size-006-8.1" class="primary paged">
<td><strong>
<a href="page-size-006.xht">page-size-006</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size B4
<ul class="assert">
<li>The 'B4' value of the 'size' property specifies that the page box's width be 250mm and its height 353mm.</li>
</ul>
</td>
</tr>
<tr id="page-size-007-8.1" class="primary paged">
<td><strong>
<a href="page-size-007.xht">page-size-007</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size Letter
<ul class="assert">
<li>The 'letter' value of the 'size' property specifies that the page box's width be 8.5in and its height 11in.</li>
</ul>
</td>
</tr>
<tr id="page-size-008-8.1" class="primary paged">
<td><strong>
<a href="page-size-008.xht">page-size-008</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size Legal
<ul class="assert">
<li>The 'legal' value of the 'size' property specifies that the page box's width be 8.5in and its height 14in.</li>
</ul>
</td>
</tr>
<tr id="page-size-009-8.1" class="primary paged">
<td><strong>
<a href="page-size-009.xht">page-size-009</a></strong></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page size Ledger
<ul class="assert">
<li>The 'ledger' value of the 'size' property specifies that the page box's width be 11in and its height 17in.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s8.1.#size">
<!-- 0 tests -->
</tbody>
<tbody id="s8.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.1.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#some-examples">8.1.1 Some examples:</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.1.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-size-media-query">8.1.2 Media Queries</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.2">+</a>
<a href="http://www.w3.org/TR/css3-page/#renderingpages">8.2 Rendering page boxes that do not fit a page sheet</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.3">+</a>
<a href="http://www.w3.org/TR/css3-page/#positioning-page-box">8.3 Positioning the page box on the sheet</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

459
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-9.xht Normal file
View file

@ -0,0 +1,459 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page Breaks - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Page Breaks (33 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="http://www.w3.org/TR/css3-page/#page-breaks">9 Page Breaks</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.#allowed-pg-brk">
<!-- 7 tests -->
<tr id="allowed-page-breaks-001a-9.#allowed-pg-brk" class="paged">
<td>
<a href="allowed-page-breaks-001a.xht">allowed-page-breaks-001a</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>allowed page breaks between blocks
<ul class="assert">
<li>Unforced breaking in the vertical margin between sibling block boxes is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'.</li>
</ul>
</td>
</tr>
<tr id="allowed-page-breaks-001b-9.#allowed-pg-brk" class="may paged">
<td>
<a href="allowed-page-breaks-001b.xht">allowed-page-breaks-001b</a></td>
<td></td>
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>allowed page breaks between table rows
<ul class="assert">
<li>Unforced breaking in the vertical margin between sibling table rows is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'.</li>
</ul>
</td>
</tr>
<tr id="allowed-page-breaks-001c-9.#allowed-pg-brk" class="may paged">
<td>
<a href="allowed-page-breaks-001c.xht">allowed-page-breaks-001c</a></td>
<td></td>
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>allowed page breaks between blocks within table cells
<ul class="assert">
<li>Unforced breaking in the vertical margin between sibling block boxes is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'.</li>
</ul>
</td>
</tr>
<tr id="page-break-margins-003-9.#allowed-pg-brk" class="paged">
<td>
<a href="page-break-margins-003.xht">page-break-margins-003</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page break margin handling
<ul class="assert">
<li>When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-bottom' and 'margin-top' properties are set to '0'.</li>
</ul>
</td>
</tr>
<tr id="page-break-margins-004-9.#allowed-pg-brk" class="paged">
<td>
<a href="page-break-margins-004.xht">page-break-margins-004</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page break margin handling
<ul class="assert">
<li>When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-top' property is set to '0'.</li>
</ul>
</td>
</tr>
<tr id="page-breaks-100-9.#allowed-pg-brk" class="paged">
<td>
<a href="page-breaks-100.xht">page-breaks-100</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page breaks: clearing bottom margin
<ul class="assert">
<li>When an element would span a page break solely to satisfy a descendant's bottom margin, that margin is instead truncated and the element does not span pages.</li>
</ul>
</td>
</tr>
<tr id="page-breaks-101-9.#allowed-pg-brk" class="paged">
<td>
<a href="page-breaks-101.xht">page-breaks-101</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Page Breaks and Bottom Margin (with bg/border)
<ul class="assert">
<li>Page breaks are not allowed between the last child of a block and its parent.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.#best-pg-brk">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#breaks-inside">
<!-- 5 tests -->
<tr id="orphans-001-9.#breaks-inside" class="paged">
<td>
<a href="orphans-001.xht">orphans-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>breaks inside elements: orphans initial value
<ul class="assert">
<li>The initial value of the 'orphans' property is 2.</li>
</ul>
</td>
</tr>
<tr id="orphans-004a-9.#breaks-inside" class="invalid paged">
<td>
<a href="orphans-004a.xht">orphans-004a</a></td>
<td></td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>orphans property syntax - integer
<ul class="assert">
<li>The syntax of the 'orphans' property is integer.</li>
</ul>
</td>
</tr>
<tr id="orphans-004b-9.#breaks-inside" class="invalid paged">
<td>
<a href="orphans-004b.xht">orphans-004b</a></td>
<td></td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>orphans property syntax - one
<ul class="assert">
<li>The 'orphans' property accepts the integer one.</li>
</ul>
</td>
</tr>
<tr id="widows-004a-9.#breaks-inside" class="paged">
<td>
<a href="widows-004a.xht">widows-004a</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>widows property syntax - positive integer
<ul class="assert">
<li>The syntax of the 'widows' property is positive integer.</li>
</ul>
</td>
</tr>
<tr id="widows-004b-9.#breaks-inside" class="paged">
<td>
<a href="widows-004b.xht">widows-004b</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>widows property syntax - one
<ul class="assert">
<li>The 'widows' property accepts the integer one.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.#brk-btw-blocks">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#brk-btw-lines">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#brk-end-block">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#forced-pg-brk">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#orphans">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#page-break-after">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#page-break-before">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#page-break-inside">
<!-- 0 tests -->
</tbody>
<tbody id="s9.#pg-br-before-after">
<!-- 21 tests -->
<tr id="page-break-after-002-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-after-002.xht">page-break-after-002</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-after applies to blocks
<ul class="assert">
<li>The 'page-break-after' property must be applied to block-level elements and may be applied to other elements.</li>
</ul>
</td>
</tr>
<tr id="page-break-after-005-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-after-005.xht">page-break-after-005</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-after: initial value
<ul class="assert">
<li>The initial value of the 'page-break-after' property is 'auto'.</li>
</ul>
</td>
</tr>
<tr id="page-break-after-006-9.#pg-br-before-after" class="">
<td>
<a href="page-break-after-006.xht">page-break-after-006</a></td>
<td></td>
<td></td>
<td>page-break-after applies to paged media
<ul class="assert">
<li>The 'page-break-after' property applies to paged media only</li>
</ul>
</td>
</tr>
<tr id="page-break-after-007-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-after-007.xht">page-break-after-007</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-after: auto
<ul class="assert">
<li>The 'auto' value of the 'page-break-after' property neither forces nor forbids a page break after the box.</li>
</ul>
</td>
</tr>
<tr id="page-break-after-008-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-after-008.xht">page-break-after-008</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-after: right
<ul class="assert">
<li>The 'right' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a right page</li>
</ul>
</td>
</tr>
<tr id="page-break-after-009-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-after-009.xht">page-break-after-009</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-after: avoid
<ul class="assert">
<li>The 'avoid' value of the 'page-break-after' property inhibits a page break after the element when possible.</li>
</ul>
</td>
</tr>
<tr id="page-break-after-010-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-after-010.xht">page-break-after-010</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-after: left
<ul class="assert">
<li>The 'left' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a left page</li>
</ul>
</td>
</tr>
<tr id="page-break-before-000-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-000.xht">page-break-before-000</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before: always
<ul class="assert">
<li>The 'always' value of the 'page-break-before' property forces a page break before the box.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-003-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-003.xht">page-break-before-003</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before: left
<ul class="assert">
<li>- The 'left' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a left page.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-004-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-004.xht">page-break-before-004</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before (no inherit)
<ul class="assert">
<li>The 'page-break-before' property is not inherited.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-005-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-005.xht">page-break-before-005</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before: right
<ul class="assert">
<li>- The 'right' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a right page.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-006-9.#pg-br-before-after" class="invalid paged">
<td>
<a href="page-break-before-006.xht">page-break-before-006</a></td>
<td></td>
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before (invalid syntax)
<ul class="assert">
<li>The syntax of the 'page-break-before' property is auto | always | avoid | left | right.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-007-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-007.xht">page-break-before-007</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before initial value
<ul class="assert">
<li>The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-007-b-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-007-b.xht">page-break-before-007-b</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before explicit auto test
<ul class="assert">
<li>The initial value of the 'page-break-before' property is 'auto'.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-008-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-008.xht">page-break-before-008</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before paged media
<ul class="assert">
<li>The 'page-break-before' property applies to paged media only</li>
</ul>
</td>
</tr>
<tr id="page-break-before-009-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-009.xht">page-break-before-009</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before avoid
<ul class="assert">
<li>The 'avoid' value of the 'page-break-before' property prevents a page break before the element when possible</li>
</ul>
</td>
</tr>
<tr id="page-break-before-010-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-010.xht">page-break-before-010</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before :auto
<ul class="assert">
<li>The 'auto' value of the 'page-break-before' property neither forces nor forbids a page break before the box.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-011-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-011.xht">page-break-before-011</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-before initial value
<ul class="assert">
<li>The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes.</li>
</ul>
</td>
</tr>
<tr id="page-break-before-020-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-before-020.xht">page-break-before-020</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>Paged media - page-break-before on floats
<ul class="assert">
<li>The 'page-break-before' property applies to floated block-level elements in normal flow.</li>
</ul>
</td>
</tr>
<tr id="page-break-inside-001-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-inside-001.xht">page-break-inside-001</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>page-break-inside: avoid (basic)
<ul class="assert">
<li>The 'avoid' value of the 'page-break-inside' property causes the UA to avoid breaking inside the element.</li>
</ul>
</td>
</tr>
<tr id="page-break-inside-004-9.#pg-br-before-after" class="paged">
<td>
<a href="page-break-inside-004.xht">page-break-inside-004</a></td>
<td></td>
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>@page page-break-inside:auto
<ul class="assert">
<li>The initial value of the 'page-break-inside' property is 'auto'.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.#widows">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="http://www.w3.org/TR/css3-page/#using-named-pages">9.1 Using named pages: &#8216;page&#8217;</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#end-page-value">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#named-page">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#page">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#start-page-value">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

45
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-A.xht Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Applicable CSS2.1 Properties - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Applicable CSS2.1 Properties (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="sA">
<tr><th colspan="4" scope="rowgroup">
<a href="#sA">+</a>
<a href="http://www.w3.org/TR/css3-page/#properties-list">A Applicable CSS2.1 Properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sA.#margin-property-list">
<!-- 0 tests -->
</tbody>
<tbody id="sA.#page-property-list">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

45
tests/wpt/css-tests/css-page-3_dev/xhtml1/chapter-B.xht Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Transfer Possibilities - CSS Paged Media Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
<h2>Transfer Possibilities (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="sB">
<tr><th colspan="4" scope="rowgroup">
<a href="#sB">+</a>
<a href="http://www.w3.org/TR/css3-page/#transfer-possibilities">B Transfer Possibilities</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sB.#complex-usecases">
<!-- 0 tests -->
</tbody>
<tbody id="sB.#signature">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

48
tests/wpt/css-tests/css-page-3_dev/xhtml1/orphans-001.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>
<title>CSS Test: breaks inside elements: orphans initial value</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The initial value of the 'orphans' property is 2."/>
<style type="text/css">
html, body {
height: 100%;
line-height: 1;
font-size: 20px;
}
* {
margin:0;
padding:0;
}
div.spacer {
height:50%;
}
div.backup {
margin-top: -1em;
}
.test {
color: blue;
width: 1em;
}
</style>
</head>
<body>
<div class="spacer">This test requires 2 pages. The blue text must
denote accurate page numbers. Lines A-E must appear on the next page.</div>
<div class="spacer backup"/>
<div class="test">
Page&nbsp;2&nbsp;Line&nbsp;A
Page&nbsp;2&nbsp;Line&nbsp;B
Page&nbsp;2&nbsp;Line&nbsp;C
Page&nbsp;2&nbsp;Line&nbsp;D
Page&nbsp;2&nbsp;Line&nbsp;E
</div>
</body>
</html>

56
tests/wpt/css-tests/css-page-3_dev/xhtml1/orphans-004a.xht Normal file
View file

@ -0,0 +1,56 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: orphans property syntax - integer</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
<meta name="flags" content="invalid paged"/>
<meta name="assert" content="The syntax of the 'orphans' property is integer."/>
<style type="text/css">
html, body {
height: 100%;
line-height: 1;
font-size: 20px;
}
* {
margin:0;
padding:0;
}
div.spacer {
height:50%;
}
div.backup {
margin-top: -5em;
}
.test {
color: blue;
width: 1em;
orphans: 5;
orphans: 2.0;
orphans: 2em;
orphans: -2;
orphans: 0;
}
</style>
</head>
<body>
<div class="spacer">This test requires 2 pages. The blue text must
denote accurate page numbers. Lines F-G must appear on the next
page.</div>
<div class="spacer backup"/>
<div class="test">
Page&nbsp;1&nbsp;Line&nbsp;A
Page&nbsp;1&nbsp;Line&nbsp;B
Page&nbsp;1&nbsp;Line&nbsp;C
Page&nbsp;1&nbsp;Line&nbsp;D
Page&nbsp;1&nbsp;Line&nbsp;E
Page&nbsp;2&nbsp;Line&nbsp;F
Page&nbsp;2&nbsp;Line&nbsp;G
</div>
</body>
</html>

50
tests/wpt/css-tests/css-page-3_dev/xhtml1/orphans-004b.xht Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: orphans property syntax - one</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/>
<meta name="flags" content="invalid paged"/>
<meta name="assert" content="The 'orphans' property accepts the integer one."/>
<style type="text/css">
html, body {
height: 100%;
line-height: 1;
font-size: 20px;
}
* {
margin:0;
padding:0;
}
div.spacer {
height:50%;
}
div.backup {
margin-top: -1.5em;
}
.test {
color: blue;
width: 1em;
orphans: 2;
orphans: 01;
}
</style>
</head>
<body>
<div class="spacer">This test requires 2 pages. The blue text must
denote accurate page numbers. Line A must appear on this page;
lines B-D on the next.</div>
<div class="spacer backup"/>
<div class="test">
Page&nbsp;1&nbsp;Line&nbsp;A
Page&nbsp;2&nbsp;Line&nbsp;B
Page&nbsp;2&nbsp;Line&nbsp;C
Page&nbsp;2&nbsp;Line&nbsp;D
</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-background-000.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Box Background Coverage</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The page background covers the entire page box, including the page margins."/>
<style type="text/css">
@page {
background-color:#ccffcc;
margin:25%;
border: 2pt solid;
}
</style>
</head>
<body>
<div>This page must be covered by a pale green background. The background either completely covers the page, or leaves only a small strip of white where the printer can't reach.</div>
</body>
</html>

20
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-borders-000.xht Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page border shorthand (absolute units)</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A border declaration within the @page context applies to the page box."/>
<style type="text/css"><![CDATA[
@page {
border: 1in solid green;
}
]]></style>
</head>
<body>
<div>This paragraph must appear inside a box with a 1in thick green border.</div>
</body>
</html>

31
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-box-000.xht Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page bleed</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#outside-page-box"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#content-outside-box"/>
<meta name="flags" content="paged should"/>
<meta name="assert" content="Content should be allowed slightly beyond the page box to allow pages to 'bleed'. "/>
<style type="text/css">
@page {
margin: -1em;
}
html {
height: 100%;
background: #dff;
}
div {
padding: 3em;
}
</style>
</head>
<body>
<div>
This test produces one page on paged media. When viewed in a print preview or printed on a printer supporting "full bleed"
(also known as "edge-to-edge" or "borderless" printing), the entire surface of the medium is a pale cyan. There is no white showing around the edges.
</div>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-002.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after applies to blocks</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'page-break-after' property must be applied to block-level elements and may be applied to other elements."/>
<style type="text/css">
p {page-break-after: always;}
p.noBreak {
display: inline;
}
</style>
</head>
<body>
<p>This sentence must be on the first page.</p>
<p class="noBreak">This sentence must be on the second page.</p>
<p>This sentence must be either on the second or on the third page.</p>
</body>
</html>

44
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-005.xht Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after: initial value</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The initial value of the 'page-break-after' property is 'auto'."/>
<style type="text/css">
html, body {
height:100%;
line-height:1;
}
* {
margin:0;
padding:0;
page-break-after: inherit;
}
div {
height: 100%;
margin-bottom: -6em;
}
</style>
</head>
<body>
<div>This test requires two pages. The dummy text below this will flow onto a second page.</div>
<p>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
dummy <br/>
</p>
</body>
</html>

20
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-006.xht Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after applies to paged media</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="assert" content="The 'page-break-after' property applies to paged media only"/>
<style type="text/css">
div {
page-break-after: always;
}
</style>
</head>
<body>
<div>When viewed on paged media, the next line must appear on a second page.</div>
<div>On continuous media, however, this line must appear directly below the line above.</div>
</body>
</html>

34
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-007.xht Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after: auto</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'auto' value of the 'page-break-after' property neither forces nor forbids a page break after the box."/>
<style type="text/css">
html, body {
height:100%;
line-height:1;
margin: 0;
padding: 0;
}
div {
page-break-after: auto;
}
div#first {height: 50%;}
div#second {
height: 50%;
margin-bottom: -4em;
}
div#third {width: 0;}
</style>
</head>
<body>
<div id="first">This test produces two pages. The next paragraph should appear on the same page as this one.</div>
<div id="second">The letters 'a', 'b', 'c', and 'd' may appear below or on the next page. The letters 'e' and 'f' must appear on the next page.</div>
<div id="third">a b c d e f</div>
</body>
</html>

27
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-008.xht Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after: right</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="assert" content="The 'right' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a right page"/>
<meta name="flags" content="paged"/>
<style type="text/css">
@page {margin: 7%;}
@page :left {
@top-center
{
content: "[This page intentionally left blank]";
}
}
p {
page-break-after: right;
}
</style>
</head>
<body>
<p>When printed, this test requires two or three pages. There may be a blank page after this sentence.</p>
<p>If there was a blank page, this content should appear on the third page.</p>
</body>
</html>

57
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-009.xht Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after: avoid</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="assert" content="The 'avoid' value of the 'page-break-after' property inhibits a page break after the element when possible."/>
<meta name="flags" content="paged"/>
<style type="text/css">
html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
.spacer { height: 50%; }
.backup { margin-top: -3em; }
.start { page-break-before: always; }
p {
margin: 0;
color: blue;
orphans: 1;
widows: 1;
white-space: pre;
}
.avoidAfter {
page-break-after: avoid;
}
.avoidInside {
page-break-inside: avoid;
widows: 3;
orphans: 3;
}
</style>
</head>
<body>
<div class="spacer">
Lines A-L must appear on the 6 pages of this test. The blue text
must accurately describe the page numbers.
</div><div class="spacer backup"/>
<p class="avoidAfter">Page&nbsp;1&nbsp;Line&nbsp;A</p>
<p>Page&nbsp;1&nbsp;Line&nbsp;B
Page&nbsp;1&nbsp;Line&nbsp;C
Page&nbsp;2&nbsp;Line&nbsp;D</p>
<div class="spacer start"/><div class="spacer backup"/>
<p class="avoidAfter">Page&nbsp;3&nbsp;Line&nbsp;E
Page&nbsp;3&nbsp;Line&nbsp;F
Page&nbsp;4&nbsp;Line&nbsp;G</p>
<p>Page&nbsp;4&nbsp;Line&nbsp;H</p>
<div class="spacer start">[page 5]</div><div class="spacer backup"/>
<p class="avoidInside avoidAfter">Page&nbsp;6&nbsp;Line&nbsp;I
Page&nbsp;6&nbsp;Line&nbsp;J
Page&nbsp;6&nbsp;Line&nbsp;K</p>
<p>Page&nbsp;6&nbsp;Line&nbsp;L</p>
</body>
</html>

34
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-after-010.xht Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-after: left</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="assert" content="The 'left' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a left page"/>
<meta name="flags" content="paged"/>
<style type="text/css">
@page {margin: 7%;}
@page :right {
@top-center
{
content: "[This page intentionally left blank]";
}
}
@page :first {
@top-center
{
content: "";
}
}
p {
page-break-after: left;
}
</style>
</head>
<body>
<p>When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank.</p>
<p>If the previous page was not blank, there should be a blank page after this sentence.</p>
<p>This content should appear on the fourth page.</p>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-000.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before: always</title>
<link rel="author" title="Michael Turnwall" href="mailto:mturnwall@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'always' value of the 'page-break-before' property forces a page break before the box."/>
<style type="text/css">
div.break {
page-break-before:always;
}
</style>
</head>
<body>
<div>This test should produce two pages of output. This text should be at the top of the first page.</div>
<div class="break">This text should be at the top of the second and final page.</div>
</body>
</html>

40
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-003.xht Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before: left</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content=" - The 'left' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a left page."/>
<style type="text/css">
@page {margin: 7%;}
@page :left {
margin-right: 50%;
}
@page :right {
margin-left: 50%;
@top-center {
content: "[This page intentionally left blank]"
}
}
@page :first {
@top-center {
content: ""
}
border: 1em solid blue;
margin: 7%;
}
p.spacer {page-break-after: always;}
p.goLeft {
page-break-before: left;
}
</style>
</head>
<body>
<p class="spacer">When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank. This content must appear inside a blue box.</p>
<p class="spacer goLeft">When printed, this content should be on the left side of the page. The next page should be blank.</p>
<p class="goLeft">When printed, this content should appear on the fourth or fifth page. All content should be on the left side of the page.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam diam erat, convallis fermentum, volutpat a, dignissim a, est. Proin vel lacus.</p>
</body>
</html>

22
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-004.xht Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before (no inherit)</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'page-break-before' property is not inherited."/>
<style type="text/css">
div.kidsIgnoreMe {
page-break-before: always;
}
</style>
</head>
<body>
<div class="kidsIgnoreMe">
<div>This test produces one or two pages of output on paged media. This sentence must be on the same page as the next sentence.</div>
<p>This sentence must appear on the same page as the text above.</p>
</div>
</body>
</html>

40
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-005.xht Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before: right</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content=" - The 'right' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a right page."/>
<style type="text/css">
@page {margin: 7%;}
@page :left {
margin-right: 50%;
}
@page :right {
margin-left: 50%;
}
@page :first {
@top-center {
content: ""
}
border: 1em solid blue;
margin: 7%;
}
p.spacer {page-break-after: always;}
p.goRight {
page-break-before: right;
}
</style>
</head>
<body>
<!-- Right & 1 blank left page -->
<p class="spacer">When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank. This content must appear inside a blue box.</p>
<!-- Right page -->
<p class="goRight spacer">When printed, this content should be on the right side of the third page.</p>
<p class="spacer">When printed, this content should be on the left side of the page.</p>
<p class="goRight">When printed, this content should appear on the right side of the page.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam diam erat, convallis fermentum, volutpat a, dignissim a, est. Proin vel lacus. Quisque sit amet neque ac quam lacinia varius. In hac habitasse platea dictumst. Phasellus sodales velit vel metus. Ut in tortor dignissim libero elementum mattis. Proin rutrum vehicula lacus. Nunc mi ante, auctor id, vulputate sit amet, lobortis egestas, diam. Phasellus nibh elit, ultricies vitae, dignissim eu, vulputate ut, ante. Praesent interdum, ipsum eget fermentum luctus, enim ligula porttitor erat, id nonummy urna augue non eros. Morbi auctor pharetra tortor. Quisque eu lorem ut ipsum suscipit sollicitudin. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Pellentesque in nisl vitae leo cursus adipiscing. Cras risus nisi, fermentum vulputate, consectetuer a, porttitor et, nibh. Integer vel enim. Donec euismod.</p>
</body>
</html>

48
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-006.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>
<title>CSS Test: page-break-before (invalid syntax)</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged invalid"/>
<meta name="assert" content="The syntax of the 'page-break-before' property is auto | always | avoid | left | right."/>
<style type="text/css">
p.noBreakAuto {
page-break-before: always;
page-break-before: auto auto;
}
p.noBreakLeft {
page-break-before: auto;
page-break-before: left always;
}
p.noBreakAlways {
page-break-before: true;
}
p.breakRight {
page-break-before: right;
page-break-before: 2;
}
p.breakLeft {
page-break-before: left;
page-break-before: avoid always;
}
p.noBreak {
page-break-before: avoid;
page-break-before: always always;
}
</style>
</head>
<body>
<p>When printed, this test requires 4 pages. Page one contains only this
paragraph.</p>
<p class="noBreakAuto">This text is at the top of page two.</p>
<p class="noBreakLeft">This text is also on page two.</p>
<p class="noBreakAlways">And this text is on page two as well.</p>
<p class="breakRight">This paragraph is on page three. A page break follows.</p>
<p class="breakLeft">This text is at the top of page four.</p>
<p class="noBreak">This last paragraph is also on page four.</p>
</body>
</html>

37
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-007-b.xht Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before explicit auto test</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The initial value of the 'page-break-before' property is 'auto'."/>
<style type="text/css">
@page {
margin: 7%;
}
html, body {
height:100%;
line-height:1;
}
* {
margin:0;
padding:0;
page-break-before: always;
page-break-before: auto;
}
div#one {height: 20%;}
div#two {
height: 80%;
margin-bottom: -4em;
}
p {width: 1em;}
</style>
</head>
<body>
<div id="one">This test requires two pages.</div>
<div id="two">This text must appear on the same page as the line above it. The dummy text below this will flow onto a second page.</div>
<p>a b c d e</p>
</body>
</html>

36
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-007.xht Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before initial value</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes."/>
<style type="text/css">
@page {
margin: 7%;
}
html, body {
height:100%;
line-height:1;
}
* {
margin:0;
padding:0;
page-break-before: inherit;
}
div#one {height: 20%;}
div#two {
height: 80%;
margin-bottom: -4em;
}
p {width: 1em;}
</style>
</head>
<body>
<div id="one">This test requires two pages.</div>
<div id="two">This text must appear on the same page as the line above it. The dummy text below this will flow onto a second page.</div>
<p>a b c d e</p>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-008.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before paged media</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="assert" content="The 'page-break-before' property applies to paged media only"/>
<meta name="flags" content="paged"/>
<style type="text/css">
div {
page-break-before: always;
border: 2pt solid black;
}
</style>
</head>
<body>
<div>On screen, the next sentence must appear directly below this one.</div>
<div>When printed, however, this sentence must appear at the top of the next page.</div>
</body>
</html>

58
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-009.xht Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before avoid</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="assert" content="The 'avoid' value of the 'page-break-before' property prevents a page break before the element when possible"/>
<meta name="flags" content="paged"/>
<style type="text/css">
html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
.spacer { height: 50%; }
.backup { margin-top: -3em; }
.start { page-break-before: always; }
p {
margin: 0;
color: blue;
orphans: 1;
widows: 1;
white-space: pre;
}
.avoidBefore {
page-break-before: avoid;
}
.avoidInside {
page-break-inside: avoid;
widows: 3;
orphans: 3;
}
</style>
</head>
<body>
<div class="spacer">
Lines A-L must appear on the 6 pages of this test. The blue text
must accurately describe the page numbers.
</div><div class="spacer backup"/>
<p>Page&nbsp;1&nbsp;Line&nbsp;A</p>
<p class="avoidBefore">Page&nbsp;1&nbsp;Line&nbsp;B
Page&nbsp;1&nbsp;Line&nbsp;C
Page&nbsp;2&nbsp;Line&nbsp;D</p>
<div class="spacer start"/><div class="spacer backup"/>
<p>Page&nbsp;3&nbsp;Line&nbsp;E
Page&nbsp;3&nbsp;Line&nbsp;F
Page&nbsp;4&nbsp;Line&nbsp;G</p>
<p class="avoidBefore">Page&nbsp;4&nbsp;Line&nbsp;H</p>
<div class="spacer start">[page 5]</div><div class="spacer backup"/>
<p class="avoidInside">Page&nbsp;6&nbsp;Line&nbsp;I
Page&nbsp;6&nbsp;Line&nbsp;J
Page&nbsp;6&nbsp;Line&nbsp;K</p>
<p class="avoidBefore">Page&nbsp;6&nbsp;Line&nbsp;L</p>
</body>
</html>

41
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-010.xht Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-before :auto</title>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'auto' value of the 'page-break-before' property neither forces nor forbids a page break before the box."/>
<style type="text/css">
html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; }
.spacer { height: 50%; }
.backup { margin-top: -2em; }
.start { page-break-before: always; }
p {
margin: 0;
color: blue;
orphans: 1;
widows: 1;
white-space: pre;
}
.avoidAuto { page-break-before: auto; }
</style>
</head>
<body>
<div class="spacer">
Lines A-F must appear on the 4 pages of this test. The blue text
must accurately describe the page numbers.
</div><div class="spacer backup"/>
<p>Page&nbsp;1&nbsp;Line&nbsp;A</p>
<p class="avoidAuto">Page&nbsp;1&nbsp;Line&nbsp;B
Page&nbsp;2&nbsp;Line&nbsp;C</p>
<div class="spacer start"/><div class="spacer backup"/>
<p>Page&nbsp;3&nbsp;Line&nbsp;D
Page&nbsp;3&nbsp;Line&nbsp;E</p>
<p class="avoidAuto">Page&nbsp;4&nbsp;Line&nbsp;F</p>
</body>
</html>

49
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-011.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>
<title>CSS Test: page-break-before initial value</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes."/>
<style type="text/css">
@page {
margin: 7%;
}
html, body {
height:100%;
line-height:1;
}
* {
margin:0;
padding:0;
page-break-before: inherit;
}
div#one {height: 20%;}
div#two {
height: 80%;
margin-bottom: -4em;
}
p {
width: 1em;
color: gray;
}
</style>
</head>
<body>
<div id="one">This test produces two pages on paged media.</div>
<div id="two">This text appears on the first page.
<!-- Thus proving that a page break is not forced between boxes -->
The dummy text below this will flow onto a second page.</div>
<!-- Thus proving that a page break is not forbidden before boxes -->
<p>aaa<br/>
bbb<br/>
ccc<br/>
ddd<br/>
eee<br/>
fff<br/>
ggg<br/>
</p>
</body>
</html>

26
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-before-020.xht Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged media - page-break-before on floats</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'page-break-before' property applies to floated block-level elements in normal flow."/>
<style type="text/css">
#floated {
float: right;
page-break-before: always;
width: 50%;
}
</style>
</head>
<body>
<div>
<p>This test produces two pages when displayed on paged media. This paragraph is the only content on page one.</p>
<div id="floated">This paragraph is on page two and is entirely on the right side of the page.</div>
</div>
</body>
</html>

36
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-inside-001.xht Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page-break-inside: avoid (basic)</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'avoid' value of the 'page-break-inside' property causes the UA to avoid breaking inside the element."/>
<style type="text/css">
* {
margin: 0;
padding: 0;
orphans: 1;
widows: 1;
}
html, body {
height:100%;
line-height: 1;
}
div.spacer {
height: 100%;
margin-bottom: -2em;
}
div#noBreak {
page-break-inside: avoid;
width: 0;
}
</style>
</head>
<body>
<div class="spacer">This paragraph must be the only content on this page. The letters a, b, and c are displayed on the next page.</div>
<div id="noBreak">a b c</div>
</body>
</html>

49
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-inside-004.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>
<title>CSS Test: @page page-break-inside:auto</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The initial value of the 'page-break-inside' property is 'auto'."/>
<style type="text/css">
* {
margin: 0;
padding: 0;
orphans: 1;
widows: 1;
}
html, body {
height:100%;
line-height: 1;
font-size: 20px;
}
div.spacers {
height: 50%;
}
div#takeTwo {page-break-before: always}
div.backUp {margin-top: -4em;}
div#break2 {
page-break-inside: avoid;
page-break-inside: auto;
}
.breaker {
width: 0;
font-weight: bold;
color: blue;
}
</style>
</head>
<body>
<div class="spacers">
<p>This test produces four pages of output. The blue numbers must correspond to the page number they appear on.</p>
</div>
<div class="spacers backUp"/>
<div class="breaker" id="break1">1 1 1 1 2 2 2 2</div>
<div class="spacers backup" id="takeTwo"/>
<div class="spacers backUp"/>
<div class="breaker" id="break2">3 3 3 3 4 4 4 4</div>
</body>
</html>

52
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-margins-003.xht Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page break margin handling</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="assert" content="When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-bottom' and 'margin-top' properties are set to '0'."/>
<!-- The portion of this assertion relative to the top margin is also tested by allowed-breaks-000-b. This test uses a tight layout to attempt to prove the bottom margin portion of the assertion and that may mask some defects exposed by allowed-breaks-000-b.
-->
<meta name="flags" content="paged"/>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: red;
}
div {
background: white;
}
#top {
height: 100%;
margin-bottom: -2in;
}
div.one {
page-break-before: avoid;
page-break-after: always;
background: white;
height: 2in;
margin-bottom: 2in;
}
div.two {
background: white;
margin: 2in 0 0 0;
height: 100%;
}
</style>
</head>
<body>
<div id="top">When printed, this test produces two pages of output. The text below must be displayed on the bottom half of the page. </div>
<div class="one">There must be a page break after this paragraph. There must be no red on the page.</div>
<div class="two">This text must be at the top of the second page (right below the top margin, not 2 inches below the top margin). There must be no red on this page.</div>
</body>
</html>

41
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-break-margins-004.xht Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page break margin handling</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="assert" content="When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-top' property is set to '0'."/>
<!-- This test targets just the top margin after the break; allowed-breaks-000-a also tests this, using a tight layout. This test approach using a looser layout shows defects not revealed by allowed-breaks-000-a.
-->
<meta name="flags" content="paged"/>
<style type="text/css">
div {
background: yellow;
border: 1px white solid;
}
p.test {
page-break-after: always;
background: white;
margin-top: 0;
margin-bottom: .5in;
}
div.topper {
margin: 1in 0 0 0;
background: white;
}
</style>
</head>
<body>
<p>When displayed in paged media, this test produces two pages of output.</p>
<div>
<p class="test">There must be a page break after this paragraph. There may or may not be a yellow background below;
however, there must <em>not</em> be a one half inch tall yellow bar below.</p>
<div class="topper">There must be no yellow on this second page.</div>
</div>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-breaks-100.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page breaks: clearing bottom margin</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#allowed-page-breaks"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="When an element would span a page break solely to satisfy a descendant's bottom margin, that margin is instead truncated and the element does not span pages."/>
<style type="text/css">
p {
margin-bottom: 12in;
}
</style>
</head>
<body>
<div>
<p>This test produces only one page on paged media, containing only this paragraph.</p>
</div>
</body>
</html>

34
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-breaks-101.xht Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Breaks and Bottom Margin (with bg/border)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#allowed-page-breaks"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="Page breaks are not allowed between the last child of a block and its parent."/>
<style type="text/css">
div {
background: #eee;
border: thick solid orange;
}
p {
margin-bottom: 15in;
white-space: nowrap;
color: blue;
}
</style>
</head>
<body>
<div>
This test produces multiple pages on paged media. The words
SECOND PAGE TOP below must appear at the top of the second page.
<p>
SECOND PAGE TOP
</p>
</div>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-000.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged Media root container</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="For a single-page document, the containing box for the root element is the page area."/>
<style type="text/css">
@page {
margin: 2cm;
}
html {
background: #fee;
}
</style>
</head>
<body>
<p>There must be a pale pink background covering this page up to the two centimeter margin.</p>
</body>
</html>

58
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-001.xht Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: paged media abspos containing block</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="For a single-page document, the containing box for positioned content with no positioned ancestor is the page area."/>
<style type="text/css">
@page
{
margin: .5in;
}
body
{
padding: 8px;
}
div
{
position: absolute;
width: 40%;
}
.topleft
{
top: 0;
left: 0;
background: blue;
}
.bottomright
{
bottom: 0;
right: 0;
background: fuchsia;
}
.centered
{
height: 20%;
width: 30%;
top: 40%;
left: 35%;
background: yellow;
}
p
{
margin-left: 55%;
}
</style>
</head>
<body>
<p>There must be three boxes containing descriptive text on this page.</p>
<div class="topleft">This blue box must be in the upper-left corner of the page, one half inch below the top of the page and one half inch from the left edge of the page.</div>
<div class="bottomright">This fuchsia box must be in the lower right corner, one half inch from the right and bottom edges of the page.</div>
<div class="centered">This yellow box must be centered on the page.</div>
</body>
</html>

26
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-002.xht Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: paged media root percent height</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A percentage height on the root element is relative to the page area height."/>
<style type="text/css">
html {
height: 50%;
border: blue medium solid;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div>This page must have a blue border edging the top half of the page area. (The bottom border must be halfway down the page.)
</div>
</body>
</html>

39
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-003.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: paged media position fixed</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document."/>
<style type="text/css">
.logo
{
position: fixed;
top: 0;
left: 0;
}
p
{
padding-top: 3cm;
}
.break-before
{
page-break-before: always;
}
</style>
</head>
<body>
<div>
<img class="logo" alt="W3C" src="support/w3c_home.png"/>
<p>This test produces three pages of output on paged media.</p>
<p>The W3C logo appears in the top left corner of each page.</p>
<p class="break-before">Page two.</p>
<p class="break-before">Page three.</p>
</div>
</body>
</html>

29
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-004.xht Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged Media root container (float)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged may"/>
<meta name="assert" content="The root element when floated abuts the left or right edge of the page area."/>
<style type="text/css">
html {
width: 50%;
float: right;
border: medium solid purple;
}
div {
page-break-before: always;
}
</style>
</head>
<body>
<p>This test produces two pages of output.</p>
<p>The text on this page has a left, top, and right purple border which should be entirely on the right
half of the page.&nbsp; (There should be no bottom border.)</p>
<div>The text on this page has a left, bottom, and right purple border which should be entirely on the right
half of the page.&nbsp; (There should be no top border.)</div>
</body>
</html>

126
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-005.xht Normal file
View file

@ -0,0 +1,126 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged content</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged image"/>
<meta name="assert" content="The page area includes the boxes laid out on that page. The content of the document is flowed into the page area of one or more page sheets. "/>
<style type="text/css">
div { page-break-inside: avoid;
}
html { border: thick solid orange;
}
table, td, th {
border: thin solid black;
}
#borders-too {
background: #ff9;
padding: 1em;
border: medium purple solid;
}
.left-aligned {
float: left;
border: solid thick maroon;
}
.right-aligned {
float: right;
border: solid thick teal;
}
img {
width: 25%;
vertical-align:baseline;
}
h2 {
clear: both;
}
.full-width {
width: 100%;
}
body { color: gray; }
.instruct { color: black; }
</style>
</head>
<body>
<p class="instruct">The contents of this document include headings,
"lorem ipsum" paragraphs with a background and a border, a list with
bullets, two images, and a table. This test passes if all these items
appear within an orange border which spans the pages.
</p>
<h2>Lorem Ipsum Text</h2>
<div id="borders-too">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus
hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel,
dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet
viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam
mollis. Ut justo. Suspendisse potenti.</p>
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae
luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing,
commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit
tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices
sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl.
Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</p>
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a
ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero
dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius,
adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque
mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies
ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.</p>
<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit
amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis
massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis,
faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer
sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in
ante. Vivamus imperdiet nibh feugiat est.</p>
<p>Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo,
nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum
posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque
fermentum. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Pellentesque adipiscing eros ut libero. Ut
condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor
gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc.
Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus.
Donec metus. Curabitur gravida.</p>
</div>
<div>
<h2>Unordered List</h2>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
<li>Nunc dignissim risus id metus.</li>
<li>Cras ornare tristique elit.</li>
<li>Vivamus vestibulum nulla nec ante.</li>
<li>Praesent placerat risus quis eros.</li>
<li>Fusce pellentesque suscipit nibh.</li>
<li>Integer vitae libero ac risus egestas placerat.</li>
<li>Vestibulum commodo felis quis tortor.</li>
<li>Ut aliquam sollicitudin leo.</li>
<li>Cras iaculis ultricies nulla.</li>
<li>Donec quis dui at dolor tempor interdum.</li>
<li>Vivamus molestie gravida turpis.</li>
<li>Fusce lobortis lorem at ipsum semper sagittis.</li>
<li>Nam convallis pellentesque nisl.</li>
<li>Integer malesuada commodo nulla.</li>
</ul>
</div>
<h2>Floated images</h2>
<div>
<span>There is an maroon-boxed cat to the left
<img class="left-aligned" alt="FAIL: missing image" src="support/cat.png"/>and
a teal-boxed cat to the right
<img class="right-aligned" alt="FAIL: missing image" src="support/cat.png"/> of this paragraph.
</span>
</div>
<h2>Table</h2>
<table class="full-width">
<tr>
<th>Header1</th><th>Header2</th><th>Header3</th><th>Header4</th>
</tr>
<tr>
<td>Data 100</td><td>Data 200</td><td>Data 300</td><td>Data 400</td>
</tr>
</table>
</body>
</html>

31
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-006.xht Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged media - percent on root</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A percentage width on the root element is relative to the page area width."/>
<style type="text/css">
html {
width: 50%
}
p {
color: silver;
}
</style>
</head>
<body>
<div>This paragraph and the dummy text below are entirely on the left half of the page.
</div>
<p>dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text.
</p>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-008.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged Media Canvas Background</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#painting"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="For documents in the html namespace, a background on 'html' will cover the page area but not the margin area."/>
<style type="text/css">
@page { margin: 7%; }
html {
background-color: #ddffdd;
}
</style>
</head>
<body>
<div>
<p>There is a white margin around the edge of this page. The top and bottom margins are of equal height, and the right and left margins are of equal width. The rest of the page, including this text, has a pale green background.</p>
</div>
</body>
</html>

30
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-009.xht Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Paged Media Body Background</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#painting"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="For documents in the html namespace, a background on 'body' will cover the page area."/>
<style type="text/css">
html {
background-color: inherit;
background-image: inherit;
}
body {
background-color: #ddffdd;
}
</style>
</head>
<body>
<div>
<p>There is a white margin around the edge of this page. The top and
bottom margins are of equal height, and the right and left margins are of
equal width. The rest of the page,
including this text, has a pale green background.
</p>
</div>
</body>
</html>

49
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-container-010.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>
<title>CSS Test: Paged Media Height (percent)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height. "/>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
div {
height: 50%;
border-bottom: medium red solid;
}
.test {
position: absolute;
top: 49.5%;
bottom: 49.5%;
right: 0;
left: 0;
background: blue;
border: 0;
height: auto;
}
p {
margin-top: 0;
}
</style>
</head>
<body>
<div>
<p>
This test produces one page on paged media.
</p>
<p>
There is a horizontal blue line, half way down the page. There is no red on
the page.</p>
<div class="test"/>
</div>
</body>
</html>

28
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-counters-000.xht Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: margin box referencing document counters</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#populating-margin-boxes"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The value of the counter at the beginning of page processing must be used by default. "/>
<style type="text/css"><![CDATA[
body {counter-reset: chapter;}
div.chapter {counter-increment: chapter;}
@page {
@top-center { content: "Chapter " counter(chapter); }
}
div.section {page-break-before: always;}
]]></style>
</head>
<body>
<div class="chapter">This paragaraph should appear on the first page, which should say "Chapter 0" at the top. A second page with "Chapter 4" at the top should also print.</div>
<div class="chapter"/>
<div class="chapter"/>
<div class="section chapter">This paragaraph should appear on the second page, which should say "Chapter 4" at the top.</div>
<div class="chapter"/>
<div class="chapter"/>
</body>
</html>

37
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-grammar-001.xht Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page grammar: white space allowed around pseudo</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/grammar.html#grammar"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#syntax-page-selector"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="White space before and after a pseudo-page selector is allowed."/>
<style type="text/css">
@page {
margin: 10%; /* This makes the header big enough to hold the file name when printed on 4x6 in media. */
}
@page :right {
margin-left: 50%;
}
@page :left {
margin-right: 50%;
}
html {
page-break-before: right;
}
p {
padding: 0.5em;
border: solid blue;
page-break-after: always;
}
</style>
</head>
<body>
<p>This test produces two pages of output on paged media. This box must be entirely on the right half of the page.
</p>
<p>This box must be on a new page and entirely on the left half of the page.
</p>
</body>
</html>

37
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-grammar-002.xht Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page grammar: white space not required around pseudo</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/grammar.html#grammar"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#syntax-page-selector"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="White space before and after a pseudo-page selector is not required."/>
<style type="text/css">
@page {
margin: 10%; /* This makes the header big enough to hold the file name when printed on 4x6 in media. */
}
@page:right{
margin-left: 50%;
}
@page:left{
margin-right: 50%;
}
html {
page-break-before: right;
}
p {
padding: 0.5em;
border: solid blue;
page-break-after: always;
}
</style>
</head>
<body>
<p>This test produces two pages of output on paged media. This box must be entirely on the right half of the page.
</p>
<p>This box must be on a new page and entirely on the left half of the page.
</p>
</body>
</html>

22
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-margin-000.xht Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page margins shorthand using fixed physical units</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
<style type="text/css"><![CDATA[
@page {
margin: 0.5in;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<div>This paragraph must appear inside a grey box. There should be an 0.5 inch margin between the grey edge and paper edge on all sides.</div>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-margin-001.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page margins on top and right using percentages</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box."/>
<style type="text/css"><![CDATA[
@page {
margin-top: 50%;
margin-right: 50%;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<div>This paragraph must appear inside a grey box. The box should appear in the lower-left quadrant of the page. The top edge of the box should be exactly halfway down the page, and the right edge of the box should be exactly half way across the page (You can test this by folding the page in half).</div>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-margin-002.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page margins on bottom and left using percentages</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
<style type="text/css"><![CDATA[
@page {
margin-bottom: 50%;
margin-left: 50%;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<div>This paragraph must appear inside a grey box. The box should appear in the upper-right quadrant of the page. The bottom edge of the box should be exactly 1/2 way up the page, and the left edge of the box should be exactly half way across the page (You can test this by folding the page in half).</div>
</body>
</html>

23
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-margin-003.xht Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page margin shorthand using ems</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within the @page context applies to the page box."/>
<meta name="assert" content="A margin expressed in ems uses the page context's font."/>
<style type="text/css"><![CDATA[
@page {
font-size: 18pt;
margin: 2em;
}
html, body {background: #ccc;}
]]></style>
</head>
<body>
<p>This paragraph must appear inside a grey box. The box should be 0.5in from the page edge on all sides.</p>
</body>
</html>

18
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-name-000.xht Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Selector Grammar - @page auto</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#syntax-page-selector"/>
<meta name="flags" content="paged invalid"/>
<style type="text/css"><![CDATA[
@page { size: portrait; }
@page auto { size: landscape; }
div { page: auto }
]]></style>
</head>
<body>
<div>This paragraph should be printed in portrait layout: the short sides of the page should be top and bottom.</div>
</body>
</html>

28
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-properties-000.xht Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page width and height</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'width' and 'height' properties do not apply to a page box."/>
<style type="text/css"><![CDATA[
@page {
width: 1in;
height: 1in;
border: 2pt solid black;
}
div.biggerBox {
width: 2in;
height: 2in;
border: 1pt solid black;
}
]]></style>
</head>
<body>
<div>This page should have a black border. The area inside the border should be larger than 1in×1in. The box below should be 2in×2in; and fit on the page.</div>
<div class="biggerBox"/>
</body>
</html>

43
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-props-100-a.xht Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Unqualified Page Contexts (first, right)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#at-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier)."/>
<style type="text/css">
@page {
margin: 7%;
}
@page :first {
margin-left: 50%;
}
@page :right {
margin-left: 50%;
}
p {
page-break-after: always;
}
</style>
</head>
<body>
<p>
This test produces four pages on paged media.
<br/>
<br/>
The text on this page is entirely on the right half of the page.
</p>
<p>
This text on page two begins near the left edge of the page.
</p>
<p>
Ths text on page three is entirely on the right half of the page.
</p>
<p>
This text on page four begins near the left edge of the page.
</p>
</body>
</html>

43
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-props-100-b.xht Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Unqualified Page Contexts (first, left)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-margins"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#at-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier)."/>
<style type="text/css">
@page {
margin: 7%;
}
@page :first {
margin-left: 50%;
}
@page :left {
margin-left: 50%;
}
p {
page-break-after: always;
}
</style>
</head>
<body>
<p>
This test produces four pages on paged media.
<br/>
<br/>
The text on this page is entirely on the right half of the page.
</p>
<p>
This text on page two is also entirely on the right half of the page.
</p>
<p>
This text on page three begins near the left edge of the page.
</p>
<p>
This text on page four is entirely on the right half of the page.
</p>
</body>
</html>

50
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-props-101.xht Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Right and Left Pages (page area equal)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#left-right-first"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The right and left pages of a document may use differing margin styles that yield equivalent page area heights."/>
<style type="text/css">
@page :right {
margin-left: 33%;
margin-right: 7%;
}
@page :left {
margin-right: 33%;
margin-left: 7%;
}
span {
color: gray;
}
div {
margin-bottom: 2em;
width: 98%
}
.bordered {
border: medium solid blue;
background: #ececff;
padding: 1%;
page-break-after: always;
}
</style>
</head>
<body>
<div>
This test produces three pages on paged media.
</div>
<div class="bordered">
This page has a wide left margin and a narrow right margin. This content is completely enclosed by a blue border and has a pale blue background. A page break follows.
</div>
<div class="bordered">
This page has a wide right margin and a narrow left margin. This content is completely enclosed by a blue border and has a pale blue background. A page break follows.
</div>
<div class="bordered">
This page again has a wide left margin and narrow right margin. This content has a blue border on all sides and a pale blue background.
</div>
</body>
</html>

53
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-props-103.xht Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Right and Left Pages (page area equal)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#left-right-first"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The right and left pages of a document may use differing margin styles that yield different page area heights."/>
<style type="text/css">
@page :right {
margin-bottom: 66%;
}
@page :left {
margin-bottom: 10%;
}
html, body, div.page {
height: 100%;
margin: 0;
padding: 0;
}
div.page {
position: relative;
page-break-after: always;
}
p {
border-bottom: medium blue solid;
position: absolute;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div class="page">
<div>
This test produces two pages on paged media.
</div>
<div>
There is a horizontal blue line about one third of the way down the page.
</div>
<p/>
</div>
<div class="page">
<div>
There is a horizontal blue line near the bottom of the page.
</div>
<p/>
</div>
</body>
</html>

33
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-selectors-001.xht Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: page selector is optional in @page rules</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#at-page-rule"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="An @page rule consists of the keyword '@page', followed by an optional page selector, followed by a block of declarations."/>
<style type="text/css">
@page {
margin-top: .5in;
margin-bottom: .5in;
}
@page :first {
margin-bottom: 2in;
margin-top: 2in;
}
.break-after {
page-break-after: always;
}
</style>
</head>
<body>
<div>
<p class="break-after">
This text produces two pages on paged media.
This text begins about two inches down from the top of the page.
</p>
<p>This text begins about one half inch down from the top of the page.</p>
</div>
</body>
</html>

45
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-selectors-002.xht Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Selectors: first, right, and left pages</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#left-right-first"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="In CSS 2.1, page selectors may designate the first page, all left pages, or all right pages."/>
<style type="text/css">
@page :first {
margin-top: 50%;
}
@page :right {
margin-left: 50%;
}
@page :left {
margin-right: 50%;
}
div {
page-break-after: always;
}
</style>
</head>
<body>
<div>
This test produces 5 pages on paged media. On this first page, all content is
within the bottom right quadrant of the page.
</div>
<div>
On this second page, all content is on the left side of the page.
</div>
<div>
On this third page, all content is on the right half of the page.
</div>
<div>
On this fourth page, all content is on the left side of the page.
</div>
<div>
On this fifth and last page, all content is on the right side of the page.
</div>
</body>
</html>

41
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-selectors-003.xht Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page cascade (right/left)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="Properties specified in a :left or :right @page rule override those specified in an @page rule that has no pseudo-class specified."/>
<style type="text/css">
@page {
margin: 15%;
}
@page :right {
margin-left: 50%;
}
@page :left {
margin-right: 50%;
}
div {
page-break-after: always;
border: medium solid blue;
padding: 10px;
}
</style>
</head>
<body>
<div>
This test produces three pages on paged media.<br/>
All text on this page is inside a box with a blue border which is entirely on the right side of the page.
</div>
<div>
This text is inside a box with a blue border which is entirely on the left side of the page.
</div>
<div>
This text is again inside a box with a blue border which is entirely on the right side of the page.
</div>
</body>
</html>

30
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-selectors-004.xht Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page cascade (first trumps right)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="Properties specified in a :first @page context override those specified in :right @page contexts."/>
<style type="text/css">
@page :first {
margin: 15% 50% 7% 7%;
}
@page :right {
margin-left: 50%
}
div {
page-break-after: always;
}
</style>
</head>
<body>
<div>
This test produces only this page, containing only this paragraph, which is entirely on the left side of the page.
</div>
</body>
</html>

33
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-selectors-006.xht Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page cascade (first trumps no pseudo-class)</title>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="Properties specified in a :first @page rule override those specified in an @page rule with no pseudo-class specified."/>
<style type="text/css">
@page {
margin: 7%;
margin-right: 2in;
}
@page:first{
margin-top: 2in;
}
div {
page-break-after: always;
border-top: medium blue solid;
border-right: medium orange solid;
padding: .5em;
}
</style>
</head>
<body>
<div>
This test produces just this one page. The blue bar above this text is 2 inches below the top edge of the medium. The orange bar to the right is 2 inches from the right edge of the medium.
</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-000.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Size - landscape</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'landscape' value of the 'size' property specifies that the page's content be printed in landscape orientation: the longer sides of the page box are horizontal."/>
<style type="text/css">
@page {
size:landscape;
}
</style>
</head>
<body>
<div>This page must be printed in landscape orientation: the longer edges of the page must be horizontal.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-001.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Size - portrait</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'portrait' value of the 'size' property specifies that the page's content be printed in portrait orientation: the shorter sides of the page box are horizontal."/>
<style type="text/css">
@page {
size:portait;
}
</style>
</head>
<body>
<div>This page must be printed in portrait orientation: the shorter edges of the page must be horizontal.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-002.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size A5</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'A5' value of the 'size' property specifies that the page box's width be 148mm and its height 210mm."/>
<style type="text/css"><![CDATA[
@page {
size: A5;
border: 2pt solid black;
margin: 20mm;
}
]]></style>
</head>
<body>
<div>If A5 (148mm x 210mm) or larger paper is available, this content should be printed in a black box that has a width of 108mm and a height of 170mm.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-003.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size A4</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'A4' value of the 'size' property specifies that the page box's width be 210m and its height 297mm."/>
<style type="text/css"><![CDATA[
@page {
size: A4;
border: 2pt solid black;
margin: 20mm;
}
]]></style>
</head>
<body>
<div>If A4 (210mm x 297mm) or larger paper is available, this content should be printed in a black box that has a width of 170mm and a height of 257mm.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-004.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size A3</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'A3' value of the 'size' property specifies that the page box's width be 297mm and its height 420mm."/>
<style type="text/css"><![CDATA[
@page {
size: A3;
border: 2pt solid black;
margin: 20mm;
}
]]></style>
</head>
<body>
<div>If A3 (297mm x 420mm) or larger paper is available, this content should be printed in a black box that has a width of 257mm and a height of 380mm.</div>
</body>
</html>

22
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-005.xht Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size B5</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'B5' value of the 'size' property specifies that the page box's width be 176mm and its height 250mm."/>
<style type="text/css"><![CDATA[
@page {
size: B5;
border: 2pt solid black;
margin: 20mm;
}
]]></style>
</head>
<body>
<div>If B5 (176mm x 250mm) or larger paper is available, this content should be printed in a black box that has a width of 136mm and a height of 210mm.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-006.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size B4</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'B4' value of the 'size' property specifies that the page box's width be 250mm and its height 353mm."/>
<style type="text/css"><![CDATA[
@page {
size: B4;
border: 2pt solid black;
margin: 20mm;
}
]]></style>
</head>
<body>
<div>If B4 (250mm x 353mm) or larger paper is available, this content should be printed in a black box that has a width of 210mm and a height of 313mm.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-007.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size Letter</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'letter' value of the 'size' property specifies that the page box's width be 8.5in and its height 11in."/>
<style type="text/css"><![CDATA[
@page {
size: letter;
border: 2pt solid black;
margin: 1in;
}
]]></style>
</head>
<body>
<div>If letter-sized (8.5in x 11in) or larger paper is available, this content should be printed in a black box that has a width of 6.5 inches and a height of 9 inches.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-008.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size Legal</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'legal' value of the 'size' property specifies that the page box's width be 8.5in and its height 14in."/>
<style type="text/css"><![CDATA[
@page {
size: legal;
border: 2pt solid black;
margin: 1in;
}
]]></style>
</head>
<body>
<div>If legal-sized (8.5in x 14in) or larger paper is available, this content should be printed in a black box that has a width of 6.5 inches and a height of 12 inches.</div>
</body>
</html>

21
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-009.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size Ledger</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size-prop"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The 'ledger' value of the 'size' property specifies that the page box's width be 11in and its height 17in."/>
<style type="text/css"><![CDATA[
@page {
size: ledger;
border: 2pt solid black;
margin: 2in;
}
]]></style>
</head>
<body>
<div>If ledger-sized (11in x 17in) or larger paper is available, this content should be printed in a black box that has a width of 7 inches and a height of 13 inches.</div>
</body>
</html>

22
tests/wpt/css-tests/css-page-3_dev/xhtml1/page-size-010.xht Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: @page size smaller than paper</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="The computed value of the 'size' property is its specified value."/>
<meta name="assert" content="If the page box is smaller than the page size the user agent SHOULD either center the page box on the sheet or position the page box in the upper left corner of the page sheet."/>
<style type="text/css">
@page {
margin: 0.5in;
border: 2pt solid black;
size: 3in 3in;
}
</style>
</head>
<body>
<p>When printed on paper 3 inches x 3 inches or larger, this content should appear in a box whose exterior dimensions are 2 inches x 2 inches. The box should either be centered on the page or positioned in the upper left corner.</p>
</body>
</html>

30
tests/wpt/css-tests/css-page-3_dev/xhtml1/reftest-toc.xht Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Paged Media Module Level 3 CR Test Suite Reftest Index</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Paged Media Module Level 3 CR Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column"></col>
<col id="ref-column"></col>
<col id="flags-column"></col>
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
</table>
</body>
</html>

1
tests/wpt/css-tests/css-page-3_dev/xhtml1/reftest.list Normal file
View file

@ -0,0 +1 @@

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/1x1-green.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/1x1-lime.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/1x1-maroon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 109 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/1x1-navy.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 109 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/1x1-red.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/1x1-white.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 109 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/60x60-gg-rr.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 224 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/60x60-green.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 218 B

BIN
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/60x60-red.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 217 B

29
tests/wpt/css-tests/css-page-3_dev/xhtml1/support/README Normal file
View file

@ -0,0 +1,29 @@
CSS Global Support Directory
============================
This directory contains common support files (such as images and external
style sheets). These are sync'ed into the support directories of all our
test suites. If you have test-suite-specific support files, please add
them to the appropriate test-suite-specific support/ directory.
If you add to a support/ directory, please run the tools/supportprop.py
script from the top of the repository to cascade support files into the
lower-level support directories.
Description of the Common Support File Collection
-------------------------------------------------
The 1x1-* images are all exactly one pixel.
The swatch-* images all use 15x15 cells.
The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15
pattern-grg-rrg-rgg.png 15x15

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