Update CSS tests to revision d13905941293af83ea8c3c1750dba652e0423fb0

This commit is contained in:
Ms2ger 2015-10-31 14:35:08 +01:00
parent b492a3e8b1
commit 5450053b02
842 changed files with 42936 additions and 27 deletions

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Introduction - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Introduction (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<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/css-pseudo-4/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,126 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Typographic Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Typographic Pseudo-elements (3 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<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/css-pseudo-4/#typographic-pseudos">2 Typographic Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-pseudo">2.1 The ::first-line pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#fictional-tag-sequence">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#selectordef-first-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-text-line">2.1.1 Finding the First Formatted Line</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#first-formatted-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-styling">2.1.2 Styling the First Line Pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.3">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-inheritance">2.1.3 Inheritance and the ::first-line Pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-letter-pseudo">2.2 The ::first-letter pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#issue-703eb1d7">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#application-in-css">2.2.1 Finding the First Letter</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-letter-styling">2.2.2 Styling the ::first-letter Pseudo-element</a></th></tr>
<!-- 3 tests -->
<tr id="first-letter-001-2.2.2" class="primary">
<td><strong>
<a href="first-letter-001.htm">first-letter-001</a></strong></td>
<td><a href="reference/first-letter-001-ref.htm">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter follows the usual formating rules for floats.</li>
</ul>
</td>
</tr>
<tr id="first-letter-002-2.2.2" class="primary">
<td><strong>
<a href="first-letter-002.htm">first-letter-002</a></strong></td>
<td><a href="reference/first-letter-001-ref.htm">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.</li>
</ul>
</td>
</tr>
<tr id="first-letter-003-2.2.2" class="primary">
<td><strong>
<a href="first-letter-003.htm">first-letter-003</a></strong></td>
<td><a href="reference/first-letter-001-ref.htm">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,111 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Highlight Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Highlight Pseudo-elements (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<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/css-pseudo-4/#highlight-pseudos">3 Highlight Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-selectors">3.1 Selecting Highlighted Content: the ::selection, ::spelling-error, and ::grammar-error pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#highlight-pseudo-elements">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#issue-43364a12">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-grammar-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-selection">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-spelling-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-styling">3.2 Styling Highlights</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#issue-7be57116">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.3">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-bounds">3.3 Area of a Highlight</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#issue-271a1b90">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#issue-b6466947">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#root-highlight-overlay">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-cascade">3.4 Cascading and Per-Element Highlight Styles</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#issue-d1a9f919">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.5">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-painting">3.5 Painting the Highlight</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-8f96bd90">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-a5c22c51">
<!-- 0 tests -->
</tbody>
<tbody id="s3.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.6">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-security">3.6 Security Considerations</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,66 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Tree-Abiding Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Tree-Abiding Pseudo-elements (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<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/css-pseudo-4/#treelike">4 Tree-Abiding Pseudo-elements</a></th></tr>
<!-- 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/css-pseudo-4/#generated-content">4.1 Generated Content Pseudo-elements: ::before and ::after</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-after">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-before">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#placeholder-pseudo">4.2 Placeholder Input: the ::placeholder pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-44dd3703">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-68e6c4d7">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#selectordef-placeholder">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Overlapping Pseudo-element Interactions - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Overlapping Pseudo-element Interactions (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<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/css-pseudo-4/#interactions">5 Overlapping Pseudo-element Interactions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.#overlapping-example">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,222 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Additions to the CSS Object Model - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Additions to the CSS Object Model (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<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/css-pseudo-4/#cssom">6 Additions to the CSS Object Model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#issue-116a9e33">
<!-- 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/css-pseudo-4/#CSSPseudoElement-interface">6.1 Interface CSSPseudoElement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#csspseudoelement">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudochild-style">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudochild-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudoelement-style">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudoelement-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-65c50c19">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-b008e095">
<!-- 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/css-pseudo-4/#CSSPseudoElementList-interface">6.2 Interface CSSPseudoElementList</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#csspseudoelementlist">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-getbytype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-item">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-length">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytype-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytypetype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-item-index">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-itemindex">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-length">
<!-- 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/css-pseudo-4/#window-interface">6.3 Addition to the window interface</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudochildren">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-elt">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelementselt-type">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-fonts">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3cascade">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3line">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-cssom">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-dom-level-2-events">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-selectors4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax29">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax44">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#idl-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<link href="reference/first-letter-001-ref.htm" rel="match">
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help">
<meta content="" name="flags">
<meta content="Test checks that a floated ::first-letter follows the usual formating rules for floats." name="assert">
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
background: red;
}
span {
background : white;
}
div::first-letter {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div>a<span>&nbsp;</span></div>
</body></html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<link href="reference/first-letter-001-ref.htm" rel="match">
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help">
<meta content="" name="flags">
<meta content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content." name="assert">
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
#d1 span {
color: red;
background: red;
float: left;
}
#d2::first-letter {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div id="d1"><span>a</span></div>
<div id="d2">a</div>
</body></html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<link href="reference/first-letter-001-ref.htm" rel="match">
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help">
<meta content="" name="flags">
<meta content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content." name="assert">
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
#d1::first-letter {
color: red;
background: red;
float: left;
}
#d2 span {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div id="d1">a</div>
<div id="d2"><span>a</span></div>
</body></html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Reference File</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
div span {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div><span>a</span></div>
</body></html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS Pseudo-Elements Module Level 4 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 Pseudo-Elements Module Level 4 Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column">
<col id="ref-column">
<col id="flags-column">
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="first-letter-001" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-001.htm">first-letter-001</a></td>
<td><a href="reference/first-letter-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-002" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-002.htm">first-letter-002</a></td>
<td><a href="reference/first-letter-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-003" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-003.htm">first-letter-003</a></td>
<td><a href="reference/first-letter-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,4 @@
first-letter-001.htm == reference/first-letter-001-ref.htm
first-letter-002.htm == reference/first-letter-001-ref.htm
first-letter-003.htm == reference/first-letter-001-ref.htm

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite By Chapter</h1>
<p>This index contains both
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
and reftests.
A separate <a href="reftest-toc.htm">alphabetical reftest index</a>
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
<table>
<tbody id="s1">
<tr><th><a href="chapter-1.htm">Chapter 1 -
Introduction</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s2">
<tr><th><a href="chapter-2.htm">Chapter 2 -
Typographic Pseudo-elements</a></th>
<td>(3 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Highlight Pseudo-elements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
Tree-Abiding Pseudo-elements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.htm">Chapter 5 -
Overlapping Pseudo-element Interactions</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
Additions to the CSS Object Model</a></th>
<td>(0 Tests)</td></tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,11 @@
# UA version OS version
# UA string (if applicable)
# http://test.csswg.org/suites/css-pseudo-4_dev/DATESTAMP/
# See http://wiki.csswg.org/test/implementation-report for instructions
testname revision result comment
html/first-letter-001.htm c24641384eb63b2c0aa812b52a527edfbb9055ec ?
xhtml1/first-letter-001.xht c24641384eb63b2c0aa812b52a527edfbb9055ec ?
html/first-letter-002.htm ac116d66971ad3a1f90b755f2e1f787dc438ed3d ?
xhtml1/first-letter-002.xht ac116d66971ad3a1f90b755f2e1f787dc438ed3d ?
html/first-letter-003.htm b88afcc7f30607a8d64f92e9cec01ba9f549fffe ?
xhtml1/first-letter-003.xht b88afcc7f30607a8d64f92e9cec01ba9f549fffe ?

View file

@ -0,0 +1,138 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<title>CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<dt>Test Coordinator:</dt>
<dd>None Yet</dd>
<p>This is a <strong>Development</strong>
version of the CSS Pseudo-Elements Module Level 4 Test Suite.</p>
<p>You can provide test data or review the testing results for this test suite:</p>
<dt><a href="http://test.csswg.org/harness/suite/css-pseudo-4_dev">Enter Data</a></dt>
<dt><a href="http://test.csswg.org/harness/review/css-pseudo-4_dev">Review Results</a></dt>
<p>Some tests in the test suite may contain errors.
Please check the latest version of the
<a href="http://www.w3.org/TR/css-pseudo-4/">CSS Pseudo-Elements 4 specification</a>
<strong>and its errata</strong>
before assuming a failure is due to an implementation bug and
not a test suite bug.</p>
<p>
In time we hope to correct all errors and extend this test suite to
cover all of CSS Pseudo-Elements 4. Your help is welcome in this effort.
The appropriate mailing list for submitting tests and bug reports is
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite@w3.org</a>.
More information on the contribution process and test guidelines is
available on the <a href="http://wiki.csswg.org/test">wiki
page</a>.</p>
<p>Tests are currently available in these formats:</p>
<dl>
<dt><a href="html/toc.htm">HTML 5</a></dt>
<dd>HTML 5 tests sent as <code>text/html</code></dd>
<dt><a href="xhtml1/toc.xht">XHTML 1.1</a></dt>
<dd>XHTML 1.1 tests sent as <code>application/xhtml+xml</code></dd>
<dt><a href="xhtml1print/toc.xht">XHTML 1.1 for Printers</a></dt>
<dd>XHTML 1.1 tests with all images converted from PNG to JPEG
and formatted with headers and footers to ease testing of
embedded printer software. This is not a canonical format,
and some tests may fail due to the format conversion that
would otherwise pass in the above XHTML 1.1 format.</dd>
</dl>
<p>Unless the test instructions explicitly indicate otherwise,
any occurrence of red in a test indicates test failure.</p>
<h2 id="implement">Implementation Reports</h2>
<p>An <a href="implementation-report-TEMPLATE.data">implementation report template</a>
is available to help with creating implementation reports. See also the
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/2010Aug/0020.html">explanation</a>
of its format.</p>
<h2 id="common">Common Assumptions</h2>
<p>Most of the test suite makes the following assumptions:</p>
<ul>
<li>The X/HTML <code>div</code> element is assigned <code>display: block;</code>
and no other property declaration.</li>
<li>The X/HTML <code>span</code> element is assigned <code>display: inline;</code>
and no other property declaration.</li>
<li>The X/HTML <code>p</code> element is assigned <code>display: block;</code></li>
<li>The X/HTML <code>li</code> element is assigned <code>display: list-item;</code></li>
<li>The X/HTML table elements <code>table</code>, <code>tbody</code>,
<code>tr</code>, and <code>td</code> are assigned the <code>display</code>
values <code>table</code>, <code>table-row-group</code>,
<code>table-row</code>, and <code>table-cell</code>, respectively.</li>
<li>The device can display the sixteen color values associated with the color
keywords <code>black</code>, <code>white</code>, <code>gray</code>,
<code>silver</code>, <code>red</code>, <code>green</code>, <code>blue</code>,
<code>purple</code>, <code>yellow</code>, <code>orange</code>, <code>teal</code>,
<code>fuchsia</code>, <code>maroon</code>, <code>navy</code>, <code>aqua</code>,
and <code>lime</code> as distinct colors.</li>
<li>The UA is set to print background colors and, if it supports graphics,
background images.</li>
<li>The UA implements reasonable page-breaking behavior; e.g., it is assumed
that UAs will not break at every opportunity, but only near the end of
a page unless a page break is forced.</li>
<li>The UA implements reasonable line-breaking behavior; e.g., it is assumed
that spaces between alphanumeric characters provide line breaking
opportunities and that UAs will not break at every opportunity, but only
near the end of a line unless a line break is forced.</li>
</ul>
<h2 id="uncommon">Uncommon Assumptions</h2>
<p>In addition, some of the tests make one or more of the following
assumptions:</p>
<ul>
<li>The device is a full-color device.</li>
<li>The device has a viewport width of at least 640px (approx).</li>
<li>The resolution of the device is 96 CSS pixels per inch.</li>
<li>The UA imposes no minimum font size.</li>
<li>The 'medium' font-size computes to 16px.</li>
<li>The initial value of 'color' is black.</li>
<li>The canvas background is white.</li>
<li>The user stylesheet is empty (except where indicated by the tests).</li>
<li>The device is interactive and uses scroll bars.</li>
</ul>
<p>The tests that need these assumptions to be true have not yet been
marked, but it is likely that we will add a way to identify these
tests in due course. Tests should avoid relying on these assumptions
unless necessary.</p>
<h2>License</h2>
<p>This test suite is licensed under both the
<a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-license">W3C
Test Suite License</a> and the <a href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license">W3C
3-clause BSD License</a>. See W3C Legal's <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright">explanation
of the licenses</a>.</p>
<h2>Acknowledgements</h2>
<p>Many thanks to the following for their contributions:</p>
<ul>
<li>Florian Rivoal</li>
</ul>
</body>
</html>

View file

@ -0,0 +1,138 @@
<!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" xml:lang="en">
<head>
<title>CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<dt>Test Coordinator:</dt>
<dd>None Yet</dd>
<p>This is a <strong>Development</strong>
version of the CSS Pseudo-Elements Module Level 4 Test Suite.</p>
<p>You can provide test data or review the testing results for this test suite:</p>
<dt><a href="http://test.csswg.org/harness/suite/css-pseudo-4_dev">Enter Data</a></dt>
<dt><a href="http://test.csswg.org/harness/review/css-pseudo-4_dev">Review Results</a></dt>
<p>Some tests in the test suite may contain errors.
Please check the latest version of the
<a href="http://www.w3.org/TR/css-pseudo-4/">CSS Pseudo-Elements 4 specification</a>
<strong>and its errata</strong>
before assuming a failure is due to an implementation bug and
not a test suite bug.</p>
<p>
In time we hope to correct all errors and extend this test suite to
cover all of CSS Pseudo-Elements 4. Your help is welcome in this effort.
The appropriate mailing list for submitting tests and bug reports is
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite@w3.org</a>.
More information on the contribution process and test guidelines is
available on the <a href="http://wiki.csswg.org/test">wiki
page</a>.</p>
<p>Tests are currently available in these formats:</p>
<dl>
<dt><a href="html/toc.htm">HTML 5</a></dt>
<dd>HTML 5 tests sent as <code>text/html</code></dd>
<dt><a href="xhtml1/toc.xht">XHTML 1.1</a></dt>
<dd>XHTML 1.1 tests sent as <code>application/xhtml+xml</code></dd>
<dt><a href="xhtml1print/toc.xht">XHTML 1.1 for Printers</a></dt>
<dd>XHTML 1.1 tests with all images converted from PNG to JPEG
and formatted with headers and footers to ease testing of
embedded printer software. This is not a canonical format,
and some tests may fail due to the format conversion that
would otherwise pass in the above XHTML 1.1 format.</dd>
</dl>
<p>Unless the test instructions explicitly indicate otherwise,
any occurrence of red in a test indicates test failure.</p>
<h2 id="implement">Implementation Reports</h2>
<p>An <a href="implementation-report-TEMPLATE.data">implementation report template</a>
is available to help with creating implementation reports. See also the
<a href="http://lists.w3.org/Archives/Public/public-css-testsuite/2010Aug/0020.html">explanation</a>
of its format.</p>
<h2 id="common">Common Assumptions</h2>
<p>Most of the test suite makes the following assumptions:</p>
<ul>
<li>The X/HTML <code>div</code> element is assigned <code>display: block;</code>
and no other property declaration.</li>
<li>The X/HTML <code>span</code> element is assigned <code>display: inline;</code>
and no other property declaration.</li>
<li>The X/HTML <code>p</code> element is assigned <code>display: block;</code></li>
<li>The X/HTML <code>li</code> element is assigned <code>display: list-item;</code></li>
<li>The X/HTML table elements <code>table</code>, <code>tbody</code>,
<code>tr</code>, and <code>td</code> are assigned the <code>display</code>
values <code>table</code>, <code>table-row-group</code>,
<code>table-row</code>, and <code>table-cell</code>, respectively.</li>
<li>The device can display the sixteen color values associated with the color
keywords <code>black</code>, <code>white</code>, <code>gray</code>,
<code>silver</code>, <code>red</code>, <code>green</code>, <code>blue</code>,
<code>purple</code>, <code>yellow</code>, <code>orange</code>, <code>teal</code>,
<code>fuchsia</code>, <code>maroon</code>, <code>navy</code>, <code>aqua</code>,
and <code>lime</code> as distinct colors.</li>
<li>The UA is set to print background colors and, if it supports graphics,
background images.</li>
<li>The UA implements reasonable page-breaking behavior; e.g., it is assumed
that UAs will not break at every opportunity, but only near the end of
a page unless a page break is forced.</li>
<li>The UA implements reasonable line-breaking behavior; e.g., it is assumed
that spaces between alphanumeric characters provide line breaking
opportunities and that UAs will not break at every opportunity, but only
near the end of a line unless a line break is forced.</li>
</ul>
<h2 id="uncommon">Uncommon Assumptions</h2>
<p>In addition, some of the tests make one or more of the following
assumptions:</p>
<ul>
<li>The device is a full-color device.</li>
<li>The device has a viewport width of at least 640px (approx).</li>
<li>The resolution of the device is 96 CSS pixels per inch.</li>
<li>The UA imposes no minimum font size.</li>
<li>The 'medium' font-size computes to 16px.</li>
<li>The initial value of 'color' is black.</li>
<li>The canvas background is white.</li>
<li>The user stylesheet is empty (except where indicated by the tests).</li>
<li>The device is interactive and uses scroll bars.</li>
</ul>
<p>The tests that need these assumptions to be true have not yet been
marked, but it is likely that we will add a way to identify these
tests in due course. Tests should avoid relying on these assumptions
unless necessary.</p>
<h2>License</h2>
<p>This test suite is licensed under both the
<a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-license">W3C
Test Suite License</a> and the <a href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license">W3C
3-clause BSD License</a>. See W3C Legal's <a href="http://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright">explanation
of the licenses</a>.</p>
<h2>Acknowledgements</h2>
<p>Many thanks to the following for their contributions:</p>
<ul>
<li>Florian Rivoal</li>
</ul>
</body>
</html>

View file

@ -0,0 +1,96 @@
/* CSS for CSS Conformance Test Indices */
/* Written by fantasai */
/* Test Tables */
table {
border-collapse: collapse;
}
thead {
border-bottom: 0.2em solid;
}
tbody {
border: thin solid;
border-style: solid none;
}
tbody.ch {
border-top: 0.2em solid;
}
tbody.ch th {
font-weight: bold;
}
tbody th {
border-bottom: silver dotted thin;
background: #EEE;
color: black;
font-weight: normal;
font-style: italic;
}
tbody th :link {
color: gray;
background: transparent;
}
tbody th :visited {
color: #333;
background: transparent;
}
th, td {
padding: 0.2em;
text-align: left;
vertical-align: baseline;
}
td {
font-size: 0.9em;
}
/* flags */
td abbr {
border: solid thin gray;
padding: 0 0.1em;
cursor: help;
}
td abbr:hover {
background: #ffa;
color: black;
}
tr:hover {
background: #F9F9F9;
color: navy;
}
th a,
td a {
text-decoration: none;
}
th a:hover,
td a:hover,
th a:focus,
td a:focus {
text-decoration: underline;
}
td a {
display: block;
padding-left: 2em;
text-indent: -1em;
}
.refs {
font-weight: bold;
font-size: larger;
}
.assert, .assert > li {
list-style-type: none;
font-style: italic;
color: gray;
margin: 0;
padding: 0;
text-indent: 0;
}

View file

@ -0,0 +1,4 @@
id references title flags links revision credits assertion
first-letter-001 reference/first-letter-001-ref ::first-letter formatting https://drafts.csswg.org/css-pseudo-4/#first-letter-styling c24641384eb63b2c0aa812b52a527edfbb9055ec `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that a floated ::first-letter follows the usual formating rules for floats.
first-letter-002 reference/first-letter-001-ref ::first-letter formatting https://drafts.csswg.org/css-pseudo-4/#first-letter-styling ac116d66971ad3a1f90b755f2e1f787dc438ed3d `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.
first-letter-003 reference/first-letter-001-ref ::first-letter formatting https://drafts.csswg.org/css-pseudo-4/#first-letter-styling b88afcc7f30607a8d64f92e9cec01ba9f549fffe `Florian Rivoal`<mailto:florian@rivoal.net> Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.

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 Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 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/css-pseudo-4/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

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>Typographic Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Typographic Pseudo-elements (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="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#typographic-pseudos">2 Typographic Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-pseudo">2.1 The ::first-line pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#fictional-tag-sequence">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#selectordef-first-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-text-line">2.1.1 Finding the First Formatted Line</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#first-formatted-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-styling">2.1.2 Styling the First Line Pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.3">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-inheritance">2.1.3 Inheritance and the ::first-line Pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-letter-pseudo">2.2 The ::first-letter pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#issue-703eb1d7">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#application-in-css">2.2.1 Finding the First Letter</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-letter-styling">2.2.2 Styling the ::first-letter Pseudo-element</a></th></tr>
<!-- 3 tests -->
<tr id="first-letter-001-2.2.2" class="primary">
<td><strong>
<a href="first-letter-001.xht">first-letter-001</a></strong></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter follows the usual formating rules for floats.</li>
</ul>
</td>
</tr>
<tr id="first-letter-002-2.2.2" class="primary">
<td><strong>
<a href="first-letter-002.xht">first-letter-002</a></strong></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.</li>
</ul>
</td>
</tr>
<tr id="first-letter-003-2.2.2" class="primary">
<td><strong>
<a href="first-letter-003.xht">first-letter-003</a></strong></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,111 @@
<!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>Highlight Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Highlight Pseudo-elements (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/css-pseudo-4/#highlight-pseudos">3 Highlight Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-selectors">3.1 Selecting Highlighted Content: the ::selection, ::spelling-error, and ::grammar-error pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#highlight-pseudo-elements">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#issue-43364a12">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-grammar-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-selection">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-spelling-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-styling">3.2 Styling Highlights</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#issue-7be57116">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.3">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-bounds">3.3 Area of a Highlight</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#issue-271a1b90">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#issue-b6466947">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#root-highlight-overlay">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-cascade">3.4 Cascading and Per-Element Highlight Styles</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#issue-d1a9f919">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.5">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-painting">3.5 Painting the Highlight</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-8f96bd90">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-a5c22c51">
<!-- 0 tests -->
</tbody>
<tbody id="s3.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.6">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-security">3.6 Security Considerations</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,66 @@
<!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>Tree-Abiding Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Tree-Abiding Pseudo-elements (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="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#treelike">4 Tree-Abiding Pseudo-elements</a></th></tr>
<!-- 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/css-pseudo-4/#generated-content">4.1 Generated Content Pseudo-elements: ::before and ::after</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-after">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-before">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#placeholder-pseudo">4.2 Placeholder Input: the ::placeholder pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-44dd3703">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-68e6c4d7">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#selectordef-placeholder">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!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>Overlapping Pseudo-element Interactions - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Overlapping Pseudo-element Interactions (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="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#interactions">5 Overlapping Pseudo-element Interactions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.#overlapping-example">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,222 @@
<!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>Additions to the CSS Object Model - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Additions to the CSS Object Model (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="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#cssom">6 Additions to the CSS Object Model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#issue-116a9e33">
<!-- 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/css-pseudo-4/#CSSPseudoElement-interface">6.1 Interface CSSPseudoElement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#csspseudoelement">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudochild-style">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudochild-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudoelement-style">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudoelement-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-65c50c19">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-b008e095">
<!-- 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/css-pseudo-4/#CSSPseudoElementList-interface">6.2 Interface CSSPseudoElementList</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#csspseudoelementlist">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-getbytype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-item">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-length">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytype-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytypetype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-item-index">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-itemindex">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-length">
<!-- 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/css-pseudo-4/#window-interface">6.3 Addition to the window interface</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudochildren">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-elt">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelementselt-type">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-fonts">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3cascade">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3line">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-cssom">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-dom-level-2-events">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-selectors4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax29">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax44">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#idl-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="reference/first-letter-001-ref.xht" rel="match" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help" />
<meta content="" name="flags" />
<meta content="Test checks that a floated ::first-letter follows the usual formating rules for floats." name="assert" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
background: red;
}
span {
background : white;
}
div::first-letter {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div>a<span>&#xA0;</span></div>
</body></html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="reference/first-letter-001-ref.xht" rel="match" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help" />
<meta content="" name="flags" />
<meta content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content." name="assert" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
#d1 span {
color: red;
background: red;
float: left;
}
#d2::first-letter {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div id="d1"><span>a</span></div>
<div id="d2">a</div>
</body></html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="reference/first-letter-001-ref.xht" rel="match" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help" />
<meta content="" name="flags" />
<meta content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content." name="assert" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
#d1::first-letter {
color: red;
background: red;
float: left;
}
#d2 span {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div id="d1">a</div>
<div id="d2"><span>a</span></div>
</body></html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reference File</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
div span {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div><span>a</span></div>
</body></html>

View file

@ -0,0 +1,54 @@
<!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 Pseudo-Elements Module Level 4 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 Pseudo-Elements Module Level 4 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>
<tbody id="first-letter-001" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-001.xht">first-letter-001</a></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-002" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-002.xht">first-letter-002</a></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-003" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-003.xht">first-letter-003</a></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,4 @@
first-letter-001.xht == reference/first-letter-001-ref.xht
first-letter-002.xht == reference/first-letter-001-ref.xht
first-letter-003.xht == reference/first-letter-001-ref.xht

View file

@ -0,0 +1,54 @@
<!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 Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite By Chapter</h1>
<p>This index contains both
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
and reftests.
A separate <a href="reftest-toc.xht">alphabetical reftest index</a>
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
<table>
<tbody id="s1">
<tr><th><a href="chapter-1.xht">Chapter 1 -
Introduction</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s2">
<tr><th><a href="chapter-2.xht">Chapter 2 -
Typographic Pseudo-elements</a></th>
<td>(3 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -
Highlight Pseudo-elements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -
Tree-Abiding Pseudo-elements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.xht">Chapter 5 -
Overlapping Pseudo-element Interactions</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.xht">Chapter 6 -
Additions to the CSS Object Model</a></th>
<td>(0 Tests)</td></tr>
</tbody>
</table>
</body>
</html>

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 Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 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/css-pseudo-4/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

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>Typographic Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Typographic Pseudo-elements (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="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#typographic-pseudos">2 Typographic Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-pseudo">2.1 The ::first-line pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#fictional-tag-sequence">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#selectordef-first-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-text-line">2.1.1 Finding the First Formatted Line</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#first-formatted-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-styling">2.1.2 Styling the First Line Pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.3">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-line-inheritance">2.1.3 Inheritance and the ::first-line Pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-letter-pseudo">2.2 The ::first-letter pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#issue-703eb1d7">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#application-in-css">2.2.1 Finding the First Letter</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#first-letter-styling">2.2.2 Styling the ::first-letter Pseudo-element</a></th></tr>
<!-- 3 tests -->
<tr id="first-letter-001-2.2.2" class="primary">
<td><strong>
<a href="first-letter-001.xht">first-letter-001</a></strong></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter follows the usual formating rules for floats.</li>
</ul>
</td>
</tr>
<tr id="first-letter-002-2.2.2" class="primary">
<td><strong>
<a href="first-letter-002.xht">first-letter-002</a></strong></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.</li>
</ul>
</td>
</tr>
<tr id="first-letter-003-2.2.2" class="primary">
<td><strong>
<a href="first-letter-003.xht">first-letter-003</a></strong></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td></td>
<td>::first-letter formatting
<ul class="assert">
<li>Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,111 @@
<!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>Highlight Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Highlight Pseudo-elements (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/css-pseudo-4/#highlight-pseudos">3 Highlight Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-selectors">3.1 Selecting Highlighted Content: the ::selection, ::spelling-error, and ::grammar-error pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#highlight-pseudo-elements">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#issue-43364a12">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-grammar-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-selection">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-spelling-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-styling">3.2 Styling Highlights</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#issue-7be57116">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.3">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-bounds">3.3 Area of a Highlight</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#issue-271a1b90">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#issue-b6466947">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#root-highlight-overlay">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-cascade">3.4 Cascading and Per-Element Highlight Styles</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#issue-d1a9f919">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.5">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-painting">3.5 Painting the Highlight</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-8f96bd90">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-a5c22c51">
<!-- 0 tests -->
</tbody>
<tbody id="s3.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.6">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#highlight-security">3.6 Security Considerations</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,66 @@
<!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>Tree-Abiding Pseudo-elements - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Tree-Abiding Pseudo-elements (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="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#treelike">4 Tree-Abiding Pseudo-elements</a></th></tr>
<!-- 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/css-pseudo-4/#generated-content">4.1 Generated Content Pseudo-elements: ::before and ::after</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-after">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-before">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#placeholder-pseudo">4.2 Placeholder Input: the ::placeholder pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-44dd3703">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-68e6c4d7">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#selectordef-placeholder">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!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>Overlapping Pseudo-element Interactions - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Overlapping Pseudo-element Interactions (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="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#interactions">5 Overlapping Pseudo-element Interactions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.#overlapping-example">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,222 @@
<!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>Additions to the CSS Object Model - CSS Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Additions to the CSS Object Model (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="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-pseudo-4/#cssom">6 Additions to the CSS Object Model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#issue-116a9e33">
<!-- 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/css-pseudo-4/#CSSPseudoElement-interface">6.1 Interface CSSPseudoElement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#csspseudoelement">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudochild-style">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudochild-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudoelement-style">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#dom-csspseudoelement-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-65c50c19">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-b008e095">
<!-- 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/css-pseudo-4/#CSSPseudoElementList-interface">6.2 Interface CSSPseudoElementList</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#csspseudoelementlist">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-getbytype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-item">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudochildlist-length">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytype-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytypetype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-item-index">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-itemindex">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-length">
<!-- 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/css-pseudo-4/#window-interface">6.3 Addition to the window interface</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudochildren">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-elt">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelementselt-type">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-fonts">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3cascade">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3line">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-cssom">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-dom-level-2-events">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-selectors4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax29">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax44">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#idl-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="reference/first-letter-001-ref.xht" rel="match" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help" />
<meta content="" name="flags" />
<meta content="Test checks that a floated ::first-letter follows the usual formating rules for floats." name="assert" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
background: red;
}
span {
background : white;
}
div::first-letter {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div>a<span>&#xA0;</span></div>
</body></html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="reference/first-letter-001-ref.xht" rel="match" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help" />
<meta content="" name="flags" />
<meta content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content." name="assert" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
#d1 span {
color: red;
background: red;
float: left;
}
#d2::first-letter {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div id="d1"><span>a</span></div>
<div id="d2">a</div>
</body></html>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: ::first-letter formatting</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="reference/first-letter-001-ref.xht" rel="match" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling" rel="help" />
<meta content="" name="flags" />
<meta content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content." name="assert" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
#d1::first-letter {
color: red;
background: red;
float: left;
}
#d2 span {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div id="d1">a</div>
<div id="d2"><span>a</span></div>
</body></html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reference File</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<style>
div {
font-size: 50px;
position: absolute;
left: 30px;
top: 50px;
}
div span {
color: green;
background: green;
float: left;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
<div><span>a</span></div>
</body></html>

View file

@ -0,0 +1,54 @@
<!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 Pseudo-Elements Module Level 4 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 Pseudo-Elements Module Level 4 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>
<tbody id="first-letter-001" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-001.xht">first-letter-001</a></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-002" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-002.xht">first-letter-002</a></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-003" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">
<a href="first-letter-003.xht">first-letter-003</a></td>
<td><a href="reference/first-letter-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,4 @@
first-letter-001.xht == reference/first-letter-001-ref.xht
first-letter-002.xht == reference/first-letter-001-ref.xht
first-letter-003.xht == reference/first-letter-001-ref.xht

View file

@ -0,0 +1,54 @@
<!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 Pseudo-Elements Module Level 4 Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite By Chapter</h1>
<p>This index contains both
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
and reftests.
A separate <a href="reftest-toc.xht">alphabetical reftest index</a>
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
<table>
<tbody id="s1">
<tr><th><a href="chapter-1.xht">Chapter 1 -
Introduction</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s2">
<tr><th><a href="chapter-2.xht">Chapter 2 -
Typographic Pseudo-elements</a></th>
<td>(3 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -
Highlight Pseudo-elements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -
Tree-Abiding Pseudo-elements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.xht">Chapter 5 -
Overlapping Pseudo-element Interactions</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.xht">Chapter 6 -
Additions to the CSS Object Model</a></th>
<td>(0 Tests)</td></tr>
</tbody>
</table>
</body>
</html>