Update web-platform-tests and CSS tests.

- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger 2017-02-06 11:06:12 +01:00
parent fb4f421c8b
commit 296fa2512b
21852 changed files with 2080936 additions and 892894 deletions

View file

@ -33,6 +33,9 @@
<a href="https://www.w3.org/TR/css-pseudo-4/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.#ref-for-selectordef-first-line-1">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Pseudo-Elements Module Level 4 Test Suite</h1>
<h2>Typographic Pseudo-elements (3 tests)</h2>
<h2>Typographic Pseudo-elements (5 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -37,11 +37,34 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
<a href="https://www.w3.org/TR/css-pseudo-4/#first-line-pseudo">2.1 The ::first-line pseudo-element</a></th></tr>
<!-- 1 tests -->
<tr id="display-contents-first-line-001-2.1" class="">
<td>
<a href="display-contents-first-line-001.xht">display-contents-first-line-001</a></td>
<td><a href="reference/display-contents-pass-green-no-red-ref.xht">=</a> </td>
<td></td>
<td>CSS Display: display:contents and ::first-line
</td>
</tr>
</tbody>
<tbody id="s2.1.#example-209e7dc9">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#example-a0a743c3">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#example-bac4a557">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#fictional-tag-sequence">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#ref-for-selectordef-first-line-2">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#ref-for-selectordef-first-line-3">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#selectordef-first-line">
<!-- 0 tests -->
</tbody>
@ -51,36 +74,134 @@
<a href="https://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.#example-7018f958">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#example-8dd21d66">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#first-formatted-line">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#ref-for-selectordef-first-line-4">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.1.#ref-for-selectordef-first-line-5">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.2">+</a>
<a href="https://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.2.#ref-for-selectordef-first-line-6">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.2.#ref-for-selectordef-first-line-7">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.2.#ref-for-selectordef-first-line-8">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1.3">+</a>
<a href="https://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.1.3.#ref-for-selectordef-first-line-10">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.3.#ref-for-selectordef-first-line-11">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.3.#ref-for-selectordef-first-line-9">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="https://www.w3.org/TR/css-pseudo-4/#first-letter-pseudo">2.2 The ::first-letter pseudo-element</a></th></tr>
<!-- 1 tests -->
<tr id="display-contents-first-letter-001-2.2" class="">
<td>
<a href="display-contents-first-letter-001.xht">display-contents-first-letter-001</a></td>
<td><a href="reference/display-contents-pass-green-no-red-ref.xht">=</a> </td>
<td></td>
<td>CSS Display: display:contents and ::first-letter
</td>
</tr>
</tbody>
<tbody id="s2.2.#example-e0bd2aa2">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#issue-703eb1d7">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-letter-1">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-letter-2">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-letter-3">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-letter-4">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-letter-5">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-letter-6">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-line-12">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#ref-for-selectordef-first-line-13">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#selectordef-first-letter">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.1">+</a>
<a href="https://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.1.#example-7f507aaf">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#example-c5754cfa">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-after-1">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-before-1">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-first-letter-10">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-first-letter-11">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-first-letter-12">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-first-letter-7">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-first-letter-8">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.1.#ref-for-selectordef-first-letter-9">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2.2">+</a>
@ -120,6 +241,24 @@
</td>
</tr>
</tbody>
<tbody id="s2.2.2.#example-2ae63c8e">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2.#example-9abdab9f">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2.#ref-for-selectordef-first-letter-13">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2.#ref-for-selectordef-first-letter-14">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2.#ref-for-selectordef-first-letter-15">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.2.#ref-for-selectordef-first-letter-16">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -36,18 +36,48 @@
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="https://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>
<a href="https://www.w3.org/TR/css-pseudo-4/#highlight-selectors">3.1 Selecting Highlighted Content: the ::selection, ::inactive-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">
<tbody id="s3.1.#ref-for-selectordef-grammar-error-1">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-grammar-error-2">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-inactive-selection-1">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-inactive-selection-2">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-inactive-selection-3">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-selection-1">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-selection-2">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-selection-3">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-spelling-error-1">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#ref-for-selectordef-spelling-error-2">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-grammar-error">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-inactive-selection">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selectordef-selection">
<!-- 0 tests -->
</tbody>
@ -60,7 +90,10 @@
<a href="https://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">
<tbody id="s3.2.#issue-6ca196f5">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#ref-for-highlight-pseudo-elements-1">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3">
@ -69,13 +102,16 @@
<a href="https://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.#highlight-overlay">
<!-- 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">
<tbody id="s3.3.#ref-for-highlight-pseudo-elements-2">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4">
@ -84,7 +120,28 @@
<a href="https://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">
<tbody id="s3.4.#example-5a0dc496">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#example-e42531d0">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#issue-ff621186">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#ref-for-highlight-overlay-1">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#ref-for-highlight-pseudo-elements-3">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#ref-for-selectordef-selection-4">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#ref-for-selectordef-selection-5">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#ref-for-selectordef-selection-6">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5">
@ -93,16 +150,34 @@
<a href="https://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">
<tbody id="s3.5.#issue-b85c3e18">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#issue-a5c22c51">
<tbody id="s3.5.#ref-for-highlight-overlay-2">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#ref-for-highlight-pseudo-elements-4">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#ref-for-selectordef-grammar-error-3">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#ref-for-selectordef-selection-7">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#ref-for-selectordef-spelling-error-3">
<!-- 0 tests -->
</tbody>
<tbody id="s3.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.6">+</a>
<a href="https://www.w3.org/TR/css-pseudo-4/#highlight-security">3.6 Security Considerations</a></th></tr>
<a href="https://www.w3.org/TR/css-pseudo-4/#highlight-security">3.6 Security and Privacy Considerations</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.6.#ref-for-selectordef-grammar-error-4">
<!-- 0 tests -->
</tbody>
<tbody id="s3.6.#ref-for-selectordef-spelling-error-4">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -39,6 +39,24 @@
<a href="https://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.#example-5af1d6e7">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#ref-for-selectordef-after-2">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#ref-for-selectordef-before-2">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#ref-for-selectordef-before-3">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#ref-for-selectordef-first-letter-17">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#ref-for-selectordef-first-line-14">
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selectordef-after">
<!-- 0 tests -->
</tbody>
@ -48,16 +66,40 @@
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="https://www.w3.org/TR/css-pseudo-4/#placeholder-pseudo">4.2 Placeholder Input: the ::placeholder pseudo-element</a></th></tr>
<a href="https://www.w3.org/TR/css-pseudo-4/#marker-pseudo">4.2 List Markers: the ::marker pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-44dd3703">
<tbody id="s4.2.#ref-for-selectordef-marker-1">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#issue-68e6c4d7">
<tbody id="s4.2.#ref-for-selectordef-marker-2">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#selectordef-placeholder">
<tbody id="s4.2.#selectordef-marker">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="https://www.w3.org/TR/css-pseudo-4/#placeholder-pseudo">4.3 Placeholder Input: the ::placeholder pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#issue-44dd3703">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#issue-68e6c4d7">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#ref-for-selectordef-first-line-15">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#ref-for-selectordef-placeholder-1">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#ref-for-selectordef-placeholder-2">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#selectordef-placeholder">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -36,6 +36,21 @@
<tbody id="s5.#overlapping-example">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#ref-for-selectordef-after-3">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#ref-for-selectordef-before-4">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#ref-for-selectordef-first-letter-18">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#ref-for-selectordef-first-letter-19">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#ref-for-selectordef-first-line-16">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -36,6 +36,9 @@
<tbody id="s6.#issue-116a9e33">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#issue-7135695f">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
@ -57,12 +60,18 @@
<tbody id="s6.1.#dom-csspseudoelement-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-553711b6">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-65c50c19">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#issue-b008e095">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#ref-for-csspseudoelement-1">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
@ -81,21 +90,27 @@
<tbody id="s6.2.#dom-csspseudochildlist-length">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytype-type">
<tbody id="s6.2.#dom-csspseudoelementlist-getbytype">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-getbytypetype">
<tbody id="s6.2.#dom-csspseudoelementlist-getbytype-type-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-item-index">
<tbody id="s6.2.#dom-csspseudoelementlist-item">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-itemindex">
<tbody id="s6.2.#dom-csspseudoelementlist-item-index-index">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#dom-csspseudoelementlist-length">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#ref-for-csspseudoelement-2">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#ref-for-csspseudoelement-3">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3">+</a>
@ -105,13 +120,16 @@
<tbody id="s6.3.#dom-window-getpseudochildren">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-elt">
<tbody id="s6.3.#dom-window-getpseudoelements">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelements-type">
<tbody id="s6.3.#dom-window-getpseudoelements-elt-type-elt">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#dom-window-getpseudoelementselt-type">
<tbody id="s6.3.#dom-window-getpseudoelements-elt-type-type">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#ref-for-csspseudoelementlist-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
@ -120,6 +138,9 @@
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
@ -147,36 +168,57 @@
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#conformance-classes">
<tbody id="schanges.#ref-for-selectordef-first-letter-20">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#conventions">
<tbody id="schanges.#ref-for-selectordef-inactive-selection-4">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#experimental">
<tbody id="schanges.#ref-for-selectordef-marker-3">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#partial">
<tbody id="schanges.#ref-for-selectordef-selection-8">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#testing">
<tbody id="sconform-responsible.#conform-future-proofing">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css21">
<tbody id="sconform-responsible.#conform-partial">
<!-- 0 tests -->
</tbody>
<tbody id="sconform-responsible.#conform-testing">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#conform-classes">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#conform-responsible">
<!-- 0 tests -->
</tbody>
<tbody id="sconformance.#document-conventions">
<!-- 0 tests -->
</tbody>
<tbody id="sdocument-conventions.#example-52448c84">
<!-- 0 tests -->
</tbody>
<tbody id="sindex.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="sindex.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css-inline-3">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css3-fonts">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css3cascade">
<!-- 0 tests -->
</tbody>
<tbody id="sinformative.#biblio-css3color">
<!-- 0 tests -->
</tbody>
@ -189,6 +231,33 @@
<tbody id="sinformative.#biblio-uax29">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css-backgrounds-3">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css-color-3">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css-content-3">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css-lists-3">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css-ui-3">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css3cascade">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-css3text">
<!-- 0 tests -->
</tbody>
@ -198,21 +267,33 @@
<tbody id="snormative.#biblio-dom-level-2-events">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-html">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-selectors-4">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-selectors4">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-uax44">
<!-- 0 tests -->
</tbody>
<tbody id="snormative.#biblio-whatwg-dom">
<!-- 0 tests -->
</tbody>
<tbody id="sreferences.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="sreferences.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="sstatus.#toc">
<!-- 0 tests -->
</tbody>
<tbody id="sstatus.#w3c_process_revision">
<!-- 0 tests -->
</tbody>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Display: display:contents and ::first-letter</title>
<link href="mailto:rune@opera.com" rel="author" title="Rune Lillesveen" />
<link href="https://drafts.csswg.org/css-display-3/#valdef-display-contents" rel="help" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-letter-pseudo" rel="help" />
<link href="reference/display-contents-pass-green-no-red-ref.xht" rel="match" />
<style>
#contents { display: contents }
#contents::first-letter { background-color: red }
#container::first-letter { color: green }
span { color: green }
</style>
</head><body><p>You should see the word PASS in green and no red below.</p>
<div id="container">
<div id="contents">P<span>ASS</span></div>
</div>
</body></html>

View file

@ -0,0 +1,17 @@
<!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 Display: display:contents and ::first-line</title>
<link href="mailto:rune@opera.com" rel="author" title="Rune Lillesveen" />
<link href="https://drafts.csswg.org/css-display-3/#valdef-display-contents" rel="help" />
<link href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo" rel="help" />
<link href="reference/display-contents-pass-green-no-red-ref.xht" rel="match" />
<style>
#contents { display: contents }
#contents::first-line { background-color: red }
#container::first-line { color: green }
</style>
</head><body><p>You should see the word PASS in green and no red below.</p>
<div id="container">
<div id="contents"><span>P</span>ASS</div>
</div>
</body></html>

View file

@ -0,0 +1,7 @@
<!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 Reftest Reference</title>
<link href="mailto:rune@opera.com" rel="author" title="Rune Lillesveen" />
</head><body><p>You should see the word PASS in green and no red below.</p>
<div style="color:green"><span>P</span>ASS</div>
</body></html>

View file

@ -0,0 +1,59 @@
html, body {
color: black;
background-color: white;
font-size: 16px;
padding: 0;
margin: 0;
}
body { color: red; }
.table {
display: table;
border-collapse: collapse;
border: blue solid 1pt;
}
.itable { display: inline-table; }
.caption { display: table-caption; }
.cell {
display: table-cell;
border: inherit;
}
.row {
display: table-row;
border: green dashed 1pt;
}
.rowg { display: table-row-group; }
.head { display: table-header-group; }
.foot { display: table-footer-group; }
.col { display: table-column; }
.colg { display: table-column-group; }
.flex { display: flex; }
.iflex { display: inline-flex; }
.li { display: list-item; }
.ib { display: inline-block; }
.inline { display: inline; }
.columns { columns: 2; height: 4em; }
.contents {
display: contents;
align-items: inherit;
justify-items:inherit;
}
.c1 { color: lime; }
.c2 { background: blue; color: pink; }
.c3 { color: teal; }
.c4 { color: green; }
.c5 { color: silver; }
.c6 { color: cyan; }
.c7 { color: magenta; }
.c8 { color: yellow; }
.c9 { color: grey; }
.c10{ color: black; }
.b { background: inherit; }
/** This is the only difference between references and non-reference styles */
.ref .c2 { background: transparent; }
.ref .b { background:blue; }
.ref div.contents { display: block; }
.ref span.contents { display: inline; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

View file

@ -0,0 +1,23 @@
function eachDisplayContentsElementIn(document, window, callbackDo, callbackUndo) {
var elements = [];
document.body.offsetHeight;
// NOTE: Doing qsa('*') and getComputedStyle is just for the
// test's sake, since it's easier to mess it up when
// getComputedStyle is involved.
var all = document.querySelectorAll('*');
for (var i = 0; i < all.length; ++i) {
if (window.getComputedStyle(all[i]).display === "contents") {
callbackDo(all[i]);
elements.push(all[i]);
}
}
document.body.offsetHeight;
for (var i = 0; i < elements.length; ++i)
callbackUndo(elements[i]);
document.body.offsetHeight;
}

View file

@ -24,6 +24,22 @@
<th>Flags</th>
</tr>
</thead>
<tbody id="display-contents-first-letter-001" class="">
<tr>
<td rowspan="1" title="CSS Display: display:contents and ::first-letter">
<a href="display-contents-first-letter-001.xht">display-contents-first-letter-001</a></td>
<td><a href="reference/display-contents-pass-green-no-red-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="display-contents-first-line-001" class="">
<tr>
<td rowspan="1" title="CSS Display: display:contents and ::first-line">
<a href="display-contents-first-line-001.xht">display-contents-first-line-001</a></td>
<td><a href="reference/display-contents-pass-green-no-red-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="first-letter-001" class="">
<tr>
<td rowspan="1" title="::first-letter formatting">

View file

@ -1,4 +1,6 @@
display-contents-first-letter-001.xht == reference/display-contents-pass-green-no-red-ref.xht
display-contents-first-line-001.xht == reference/display-contents-pass-green-no-red-ref.xht
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,59 @@
html, body {
color: black;
background-color: white;
font-size: 16px;
padding: 0;
margin: 0;
}
body { color: red; }
.table {
display: table;
border-collapse: collapse;
border: blue solid 1pt;
}
.itable { display: inline-table; }
.caption { display: table-caption; }
.cell {
display: table-cell;
border: inherit;
}
.row {
display: table-row;
border: green dashed 1pt;
}
.rowg { display: table-row-group; }
.head { display: table-header-group; }
.foot { display: table-footer-group; }
.col { display: table-column; }
.colg { display: table-column-group; }
.flex { display: flex; }
.iflex { display: inline-flex; }
.li { display: list-item; }
.ib { display: inline-block; }
.inline { display: inline; }
.columns { columns: 2; height: 4em; }
.contents {
display: contents;
align-items: inherit;
justify-items:inherit;
}
.c1 { color: lime; }
.c2 { background: blue; color: pink; }
.c3 { color: teal; }
.c4 { color: green; }
.c5 { color: silver; }
.c6 { color: cyan; }
.c7 { color: magenta; }
.c8 { color: yellow; }
.c9 { color: grey; }
.c10{ color: black; }
.b { background: inherit; }
/** This is the only difference between references and non-reference styles */
.ref .c2 { background: transparent; }
.ref .b { background:blue; }
.ref div.contents { display: block; }
.ref span.contents { display: inline; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

View file

@ -0,0 +1,23 @@
function eachDisplayContentsElementIn(document, window, callbackDo, callbackUndo) {
var elements = [];
document.body.offsetHeight;
// NOTE: Doing qsa('*') and getComputedStyle is just for the
// test's sake, since it's easier to mess it up when
// getComputedStyle is involved.
var all = document.querySelectorAll('*');
for (var i = 0; i < all.length; ++i) {
if (window.getComputedStyle(all[i]).display === "contents") {
callbackDo(all[i]);
elements.push(all[i]);
}
}
document.body.offsetHeight;
for (var i = 0; i < elements.length; ++i)
callbackUndo(elements[i]);
document.body.offsetHeight;
}

View file

@ -27,7 +27,7 @@
<tbody id="s2">
<tr><th><a href="chapter-2.xht">Chapter 2 -
Typographic Pseudo-elements</a></th>
<td>(3 Tests)</td></tr>
<td>(5 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -