mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
273 lines
No EOL
11 KiB
HTML
273 lines
No EOL
11 KiB
HTML
|
|
|
|
<!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>Shadow Encapsulation - CSS Scoping Module Level 1 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Scoping Module Level 1 CR Test Suite</h1>
|
|
<h2>Shadow Encapsulation (15 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="https://www.w3.org/TR/css-scoping-1/#shadow-dom">3 Shadow Encapsulation</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#active-shadow-tree">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#distribution-list">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#host-element0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#insertion-point">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#shadow-host">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#shadow-root">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#shadow-tree">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#top-level-element">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#selectors-data-model">3.1 Shadow DOM Selection Model</a></th></tr>
|
|
<!-- 12 tests -->
|
|
<tr id="css-scoping-shadow-assigned-node-with-before-after-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-assigned-node-with-before-after.xht">css-scoping-shadow-assigned-node-with-before-after</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - ::before and ::after pseudo class' contents on a node assigned to a slot element must be rendered
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-assigned-node-with-rules-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-assigned-node-with-rules.xht">css-scoping-shadow-assigned-node-with-rules</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - Only rules outside a shadow tree must apply to nodes assigned to a slot in the shadow tree.
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-host-with-before-after-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-host-with-before-after.xht">css-scoping-shadow-host-with-before-after</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - ::before and ::after pseudo elements' contents on a shadow host must be rendered
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-invisible-slot-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-invisible-slot.xht">css-scoping-shadow-invisible-slot</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - elements with a distribution list should generate boxes in the formatting tree.
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-root-hides-children-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-root-hides-children.xht">css-scoping-shadow-root-hides-children</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - a shadow tree hides non-distributed children of the host
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-slot-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-slot.xht">css-scoping-shadow-slot</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - elements with a distribution list should generate boxes in the formatting tree.
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-slot-display-override-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-slot-display-override.xht">css-scoping-shadow-slot-display-override</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - overriding slot element's display value should generate boxes
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-slot-fallback-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-slot-fallback.xht">css-scoping-shadow-slot-fallback</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - slot element without distributed nodes must render its fallback content
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-slot-style-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-slot-style.xht">css-scoping-shadow-slot-style</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - Ensure that slot's style is inherited by slotted children
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-with-outside-rules-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-with-outside-rules.xht">css-scoping-shadow-with-outside-rules</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - a selector outside a shadow tree should not match nodes inside the shadow tree
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-with-rules-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-with-rules.xht">css-scoping-shadow-with-rules</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - a selector inside a shadow tree is matched against nodes in the shadow tree
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-with-rules-no-style-leak-3.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-with-rules-no-style-leak.xht">css-scoping-shadow-with-rules-no-style-leak</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - a style rule inside a shadow tree doesn't affect the normal dom
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#host-element">3.1.1 Host Elements in a Shadow Tree</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#selectors">3.2 Shadow DOM Selectors</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.#issue-dea392ae">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#host-selector">3.2.1 Selecting Into the Light: the :host, :host(), and :host-context() pseudo-classes</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="css-scoping-shadow-host-functional-rule-3.2.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-host-functional-rule.xht">css-scoping-shadow-host-functional-rule</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - :host() rules must apply to the shadow host.
|
|
</td>
|
|
</tr>
|
|
<tr id="css-scoping-shadow-host-rule-3.2.1" class="">
|
|
<td>
|
|
<a href="css-scoping-shadow-host-rule.xht">css-scoping-shadow-host-rule</a></td>
|
|
<td><a href="reference/green-box.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Scoping Module Level 1 - :host rules must apply to the shadow host.
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.2.1.#selectordef-host">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.1.#selectordef-host-context">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.1.#selectordef-host0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#shadow-pseudoelement">3.2.2 Selecting Into the Dark: the ::shadow pseudo-element</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.2.#selectordef-shadow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#content-combinator">3.2.3 Selecting Shadow-Projected Content: the ::content pseudo-element</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.3.#issue-1b6118ae">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.3.#selectordef-content">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.2.4">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#deep-combinator">3.2.4 Selecting Through Shadows: the /deep/ combinator</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.4.#issue-250ee37f">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.2.4.#selectordef-deep">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#shadow-cascading">3.3 Shadow Cascading & Inheritance</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="shadow-cascade-order-001-3.3" class="primary script">
|
|
<td><strong>
|
|
<a href="shadow-cascade-order-001.xht">shadow-cascade-order-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shadow DOM: CSS Style Rule cascading
|
|
<ul class="assert">
|
|
<li>Cascading order test for style rules from various shadow trees.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#cascading">3.3.1 Cascading</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-scoping-1/#inheritance">3.3.2 Inheritance</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |