mirror of
https://github.com/servo/servo.git
synced 2025-08-14 18:05:36 +01:00
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
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
42
tests/wpt/css-tests/css-containment-1_dev/html/chapter-1.htm
Normal file
42
tests/wpt/css-tests/css-containment-1_dev/html/chapter-1.htm
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Introduction - CSS Containment 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 Containment Module Level 1 CR 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="https://www.w3.org/TR/css-containment-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.#ref-for-propdef-contain-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
120
tests/wpt/css-tests/css-containment-1_dev/html/chapter-2.htm
Normal file
120
tests/wpt/css-tests/css-containment-1_dev/html/chapter-2.htm
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Strong Containment: the contain property - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Strong Containment: the contain property (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="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#contain-property">2 Strong Containment: the contain property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-a46b6b8b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#propdef-contain">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-layout-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-paint-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-style-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-layout">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-none">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-paint">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-strict">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-style">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
198
tests/wpt/css-tests/css-containment-1_dev/html/chapter-3.htm
Normal file
198
tests/wpt/css-tests/css-containment-1_dev/html/chapter-3.htm
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Types of Containment - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Types of Containment (9 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="https://www.w3.org/TR/css-containment-1/#containment-types">3 Types of Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-containment-3">
|
||||
<!-- 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-containment-1/#containment-size">3.1 Size Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-layout-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-size-containment-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#size-containment">
|
||||
<!-- 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-containment-1/#containment-layout">3.2 Layout Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#layout-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-become-a-formatting-context-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-size-containment-5">
|
||||
<!-- 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-containment-1/#containment-style">3.3 Style Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-scoped-property-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-style-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#scoped-property">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#style-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#containment-paint">3.4 Paint Containment</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="contain-paint-clip-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-001.htm">contain-paint-clip-001</a></td>
|
||||
<td><a href="reference/contain-paint-clip-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with various overflowing block descendants.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-002-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-002.htm">contain-paint-clip-002</a></td>
|
||||
<td><a href="reference/contain-paint-clip-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-003-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-003.htm">contain-paint-clip-003</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-004-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-004.htm">contain-paint-clip-004</a></td>
|
||||
<td><a href="reference/contain-paint-clip-004-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-005-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-005.htm">contain-paint-clip-005</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-containing-block-absolute-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-containing-block-absolute-001.htm">contain-paint-containing-block-absolute-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-absolute-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' element should contain absolute position elements.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-containing-block-fixed-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-containing-block-fixed-001.htm">contain-paint-containing-block-fixed-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-fixed-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' element should contain fixed position elements.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-formatting-context-float-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-formatting-context-float-001.htm">contain-paint-formatting-context-float-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-float-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' should contain floats as a formatting context.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-formatting-context-margin-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-formatting-context-margin-001.htm">contain-paint-formatting-context-margin-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-margin-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with a vertical margin child. Margin collapse should not occur.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.4.#paint-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4.#ref-for-become-a-formatting-context-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4.#ref-for-paint-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
48
tests/wpt/css-tests/css-containment-1_dev/html/chapter-4.htm
Normal file
48
tests/wpt/css-tests/css-containment-1_dev/html/chapter-4.htm
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Becoming a formatting context - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Becoming a formatting context (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="https://www.w3.org/TR/css-containment-1/#becoming-formatting-context">4 Becoming a formatting context</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#become-a-formatting-context">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#ref-for-layout-containment-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#ref-for-paint-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
138
tests/wpt/css-tests/css-containment-1_dev/html/chapter-5.htm
Normal file
138
tests/wpt/css-tests/css-containment-1_dev/html/chapter-5.htm
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Privacy and Security Considerations - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Privacy and Security Considerations (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="https://www.w3.org/TR/css-containment-1/#privsec">5 Privacy and Security Considerations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 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="sconform-responsible.#conform-future-proofing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<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="snormative.#biblio-css-break-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-display-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-lists-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-regions-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-ui-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-rfc2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sproperty-index.#generator">
|
||||
<!-- 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>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' with various overflowing block descendants.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-clip-001-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
.a {
|
||||
width: 100px;
|
||||
height: 200px;
|
||||
background: red;
|
||||
}
|
||||
.b {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
position: relative;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
}
|
||||
.c {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
.background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background: red;
|
||||
z-index: -1;
|
||||
}
|
||||
.foreground {
|
||||
position: absolute;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 25px solid red;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
<div class="a">
|
||||
<div class="b"></div>
|
||||
<!--These two absolutely positioned elements are checking that all sides are-->
|
||||
<!--clipped. They also test that clipping is done correctly on absolutely-->
|
||||
<!--positioned elements.-->
|
||||
<div class="background"></div>
|
||||
<div class="foreground"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' with overflowing text contents.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-clip-002-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-clip-003-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-clip-004-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-x: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' on li with overflowing text contents and
|
||||
bullet, and 'overflow-y: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-clip-003-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.
|
||||
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis
|
||||
ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris
|
||||
massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu
|
||||
ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur
|
||||
sodales ligula in libero.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' element should contain absolute position elements.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-containing-block-absolute-001-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' element should contain fixed position elements.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-containing-block-fixed-001-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' should contain floats as a formatting context.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-formatting-context-float-001-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
background: red;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
clear: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: paint' with a vertical margin child. Margin collapse should not occur.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help">
|
||||
<link href="reference/contain-paint-formatting-context-margin-001-ref.htm" rel="match">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#c {
|
||||
background: red;
|
||||
width: 50px;
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
<div id="c"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow-x: scroll;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow-y: scroll;
|
||||
overflow-x: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
background: green;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Test</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
}
|
||||
#b-padding {
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b-padding"></div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
102
tests/wpt/css-tests/css-containment-1_dev/html/reftest-toc.htm
Normal file
102
tests/wpt/css-tests/css-containment-1_dev/html/reftest-toc.htm
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Containment Module Level 1 CR Test Suite Reftest Index</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Containment Module Level 1 CR 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="contain-paint-clip-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with various overflowing block descendants.">
|
||||
<a href="contain-paint-clip-001.htm">contain-paint-clip-001</a></td>
|
||||
<td><a href="reference/contain-paint-clip-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents.">
|
||||
<a href="contain-paint-clip-002.htm">contain-paint-clip-002</a></td>
|
||||
<td><a href="reference/contain-paint-clip-002-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.">
|
||||
<a href="contain-paint-clip-003.htm">contain-paint-clip-003</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.">
|
||||
<a href="contain-paint-clip-004.htm">contain-paint-clip-004</a></td>
|
||||
<td><a href="reference/contain-paint-clip-004-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'.">
|
||||
<a href="contain-paint-clip-005.htm">contain-paint-clip-005</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-containing-block-absolute-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' element should contain absolute position elements.">
|
||||
<a href="contain-paint-containing-block-absolute-001.htm">contain-paint-containing-block-absolute-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-absolute-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-containing-block-fixed-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' element should contain fixed position elements.">
|
||||
<a href="contain-paint-containing-block-fixed-001.htm">contain-paint-containing-block-fixed-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-fixed-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-formatting-context-float-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' should contain floats as a formatting context.">
|
||||
<a href="contain-paint-formatting-context-float-001.htm">contain-paint-formatting-context-float-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-float-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-formatting-context-margin-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with a vertical margin child. Margin collapse should not occur.">
|
||||
<a href="contain-paint-formatting-context-margin-001.htm">contain-paint-formatting-context-margin-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-margin-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
10
tests/wpt/css-tests/css-containment-1_dev/html/reftest.list
Normal file
10
tests/wpt/css-tests/css-containment-1_dev/html/reftest.list
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
contain-paint-clip-001.htm == reference/contain-paint-clip-001-ref.htm
|
||||
contain-paint-clip-002.htm == reference/contain-paint-clip-002-ref.htm
|
||||
contain-paint-clip-003.htm == reference/contain-paint-clip-003-ref.htm
|
||||
contain-paint-clip-004.htm == reference/contain-paint-clip-004-ref.htm
|
||||
contain-paint-clip-005.htm == reference/contain-paint-clip-003-ref.htm
|
||||
contain-paint-containing-block-absolute-001.htm == reference/contain-paint-containing-block-absolute-001-ref.htm
|
||||
contain-paint-containing-block-fixed-001.htm == reference/contain-paint-containing-block-fixed-001-ref.htm
|
||||
contain-paint-formatting-context-float-001.htm == reference/contain-paint-formatting-context-float-001-ref.htm
|
||||
contain-paint-formatting-context-margin-001.htm == reference/contain-paint-formatting-context-margin-001-ref.htm
|
||||
49
tests/wpt/css-tests/css-containment-1_dev/html/toc.htm
Normal file
49
tests/wpt/css-tests/css-containment-1_dev/html/toc.htm
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Containment 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 Containment Module Level 1 CR 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 -
|
||||
Strong Containment: the contain property</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.htm">Chapter 3 -
|
||||
Types of Containment</a></th>
|
||||
<td>(9 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.htm">Chapter 4 -
|
||||
Becoming a formatting context</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.htm">Chapter 5 -
|
||||
Privacy and Security Considerations</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
# UA version OS version
|
||||
# UA string (if applicable)
|
||||
# http://test.csswg.org/suites/css-containment-1_dev/DATESTAMP/
|
||||
# See http://wiki.csswg.org/test/implementation-report for instructions
|
||||
testname revision result comment
|
||||
html/contain-paint-clip-001.htm 5e5593c4a1a54084d83629ece4381752ae8f095f ?
|
||||
xhtml1/contain-paint-clip-001.xht 5e5593c4a1a54084d83629ece4381752ae8f095f ?
|
||||
html/contain-paint-clip-002.htm fde22253cf8c7cbcae4eca035568d555f1f097a8 ?
|
||||
xhtml1/contain-paint-clip-002.xht fde22253cf8c7cbcae4eca035568d555f1f097a8 ?
|
||||
html/contain-paint-clip-003.htm b4b65dca0bd93b0d97ced008dca2eb8446e9151c ?
|
||||
xhtml1/contain-paint-clip-003.xht b4b65dca0bd93b0d97ced008dca2eb8446e9151c ?
|
||||
html/contain-paint-clip-004.htm 2377e29b5d6f93d758d0d98acd05c90b3d95a672 ?
|
||||
xhtml1/contain-paint-clip-004.xht 2377e29b5d6f93d758d0d98acd05c90b3d95a672 ?
|
||||
html/contain-paint-clip-005.htm 15ad540936bb1278a3a57895384fd668e6313734 ?
|
||||
xhtml1/contain-paint-clip-005.xht 15ad540936bb1278a3a57895384fd668e6313734 ?
|
||||
html/contain-paint-containing-block-absolute-001.htm 1a53843b6718315fbacc4df274e37a910ab12ea1 ?
|
||||
xhtml1/contain-paint-containing-block-absolute-001.xht 1a53843b6718315fbacc4df274e37a910ab12ea1 ?
|
||||
html/contain-paint-containing-block-fixed-001.htm a2a6566765dacbcbcef62a77ffe41460596e2209 ?
|
||||
xhtml1/contain-paint-containing-block-fixed-001.xht a2a6566765dacbcbcef62a77ffe41460596e2209 ?
|
||||
html/contain-paint-formatting-context-float-001.htm 3f2bba816ae1259282cd3e7f94147dbe1dc8ab67 ?
|
||||
xhtml1/contain-paint-formatting-context-float-001.xht 3f2bba816ae1259282cd3e7f94147dbe1dc8ab67 ?
|
||||
html/contain-paint-formatting-context-margin-001.htm 7022a573b41ea2cfd868f6dde757a73b9a3cc10a ?
|
||||
xhtml1/contain-paint-formatting-context-margin-001.xht 7022a573b41ea2cfd868f6dde757a73b9a3cc10a ?
|
||||
138
tests/wpt/css-tests/css-containment-1_dev/index.htm
Normal file
138
tests/wpt/css-tests/css-containment-1_dev/index.htm
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<dt>Test Coordinator:</dt>
|
||||
<dd>None Yet</dd>
|
||||
|
||||
<p>This is a <strong>Development</strong>
|
||||
version of the CSS Containment Module Level 1 CR 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-containment-1_dev">Enter Data</a></dt>
|
||||
<dt><a href="http://test.csswg.org/harness/review/css-containment-1_dev">Review Results</a></dt>
|
||||
|
||||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="https://www.w3.org/TR/css-containment-1/">CSS Containment 1 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 Containment 1. 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>Kyle Zentner</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
138
tests/wpt/css-tests/css-containment-1_dev/index.xht
Normal file
138
tests/wpt/css-tests/css-containment-1_dev/index.xht
Normal 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 Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<dt>Test Coordinator:</dt>
|
||||
<dd>None Yet</dd>
|
||||
|
||||
<p>This is a <strong>Development</strong>
|
||||
version of the CSS Containment Module Level 1 CR 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-containment-1_dev">Enter Data</a></dt>
|
||||
<dt><a href="http://test.csswg.org/harness/review/css-containment-1_dev">Review Results</a></dt>
|
||||
|
||||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="https://www.w3.org/TR/css-containment-1/">CSS Containment 1 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 Containment 1. 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>Kyle Zentner</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
96
tests/wpt/css-tests/css-containment-1_dev/indices.css
Normal file
96
tests/wpt/css-tests/css-containment-1_dev/indices.css
Normal 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;
|
||||
}
|
||||
10
tests/wpt/css-tests/css-containment-1_dev/testinfo.data
Normal file
10
tests/wpt/css-tests/css-containment-1_dev/testinfo.data
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
id references title flags links revision credits assertion
|
||||
contain-paint-clip-001 reference/contain-paint-clip-001-ref 'contain: paint' with various overflowing block descendants. http://www.w3.org/TR/css-containment-1/#containment-paint 5e5593c4a1a54084d83629ece4381752ae8f095f `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-clip-002 reference/contain-paint-clip-002-ref 'contain: paint' with overflowing text contents. http://www.w3.org/TR/css-containment-1/#containment-paint fde22253cf8c7cbcae4eca035568d555f1f097a8 `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-clip-003 reference/contain-paint-clip-003-ref 'contain: paint' with overflowing text contents, and 'overflow-y: scroll'. http://www.w3.org/TR/css-containment-1/#containment-paint b4b65dca0bd93b0d97ced008dca2eb8446e9151c `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-clip-004 reference/contain-paint-clip-004-ref 'contain: paint' with overflowing text contents, and 'overflow-x: scroll'. http://www.w3.org/TR/css-containment-1/#containment-paint 2377e29b5d6f93d758d0d98acd05c90b3d95a672 `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-clip-005 reference/contain-paint-clip-003-ref 'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'. http://www.w3.org/TR/css-containment-1/#containment-paint 15ad540936bb1278a3a57895384fd668e6313734 `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-containing-block-absolute-001 reference/contain-paint-containing-block-absolute-001-ref 'contain: paint' element should contain absolute position elements. http://www.w3.org/TR/css-containment-1/#containment-paint 1a53843b6718315fbacc4df274e37a910ab12ea1 `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-containing-block-fixed-001 reference/contain-paint-containing-block-fixed-001-ref 'contain: paint' element should contain fixed position elements. http://www.w3.org/TR/css-containment-1/#containment-paint a2a6566765dacbcbcef62a77ffe41460596e2209 `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-formatting-context-float-001 reference/contain-paint-formatting-context-float-001-ref 'contain: paint' should contain floats as a formatting context. http://www.w3.org/TR/css-containment-1/#containment-paint 3f2bba816ae1259282cd3e7f94147dbe1dc8ab67 `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
contain-paint-formatting-context-margin-001 reference/contain-paint-formatting-context-margin-001-ref 'contain: paint' with a vertical margin child. Margin collapse should not occur. http://www.w3.org/TR/css-containment-1/#containment-paint 7022a573b41ea2cfd868f6dde757a73b9a3cc10a `Kyle Zentner`<mailto:zentner.kyle@gmail.com>
|
||||
|
|
@ -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>Introduction - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.#ref-for-propdef-contain-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
120
tests/wpt/css-tests/css-containment-1_dev/xhtml1/chapter-2.xht
Normal file
120
tests/wpt/css-tests/css-containment-1_dev/xhtml1/chapter-2.xht
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
|
||||
|
||||
<!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>Strong Containment: the contain property - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Strong Containment: the contain property (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#contain-property">2 Strong Containment: the contain property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-a46b6b8b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#propdef-contain">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-layout-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-paint-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-style-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-layout">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-none">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-paint">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-strict">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-style">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
198
tests/wpt/css-tests/css-containment-1_dev/xhtml1/chapter-3.xht
Normal file
198
tests/wpt/css-tests/css-containment-1_dev/xhtml1/chapter-3.xht
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
|
||||
|
||||
<!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>Types of Containment - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Types of Containment (9 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-containment-1/#containment-types">3 Types of Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-containment-3">
|
||||
<!-- 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-containment-1/#containment-size">3.1 Size Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-layout-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-size-containment-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#size-containment">
|
||||
<!-- 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-containment-1/#containment-layout">3.2 Layout Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#layout-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-become-a-formatting-context-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-size-containment-5">
|
||||
<!-- 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-containment-1/#containment-style">3.3 Style Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-scoped-property-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-style-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#scoped-property">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#style-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#containment-paint">3.4 Paint Containment</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="contain-paint-clip-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-001.xht">contain-paint-clip-001</a></td>
|
||||
<td><a href="reference/contain-paint-clip-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with various overflowing block descendants.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-002-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-002.xht">contain-paint-clip-002</a></td>
|
||||
<td><a href="reference/contain-paint-clip-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-003-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-003.xht">contain-paint-clip-003</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-004-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-004.xht">contain-paint-clip-004</a></td>
|
||||
<td><a href="reference/contain-paint-clip-004-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-005-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-005.xht">contain-paint-clip-005</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-containing-block-absolute-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-containing-block-absolute-001.xht">contain-paint-containing-block-absolute-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-absolute-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' element should contain absolute position elements.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-containing-block-fixed-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-containing-block-fixed-001.xht">contain-paint-containing-block-fixed-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' element should contain fixed position elements.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-formatting-context-float-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-formatting-context-float-001.xht">contain-paint-formatting-context-float-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-float-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' should contain floats as a formatting context.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-formatting-context-margin-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-formatting-context-margin-001.xht">contain-paint-formatting-context-margin-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-margin-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with a vertical margin child. Margin collapse should not occur.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.4.#paint-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4.#ref-for-become-a-formatting-context-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4.#ref-for-paint-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Becoming a formatting context - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Becoming a formatting context (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="https://www.w3.org/TR/css-containment-1/#becoming-formatting-context">4 Becoming a formatting context</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#become-a-formatting-context">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#ref-for-layout-containment-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#ref-for-paint-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
138
tests/wpt/css-tests/css-containment-1_dev/xhtml1/chapter-5.xht
Normal file
138
tests/wpt/css-tests/css-containment-1_dev/xhtml1/chapter-5.xht
Normal 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">
|
||||
<head>
|
||||
<title>Privacy and Security Considerations - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Privacy and Security Considerations (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="https://www.w3.org/TR/css-containment-1/#privsec">5 Privacy and Security Considerations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 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="sconform-responsible.#conform-future-proofing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<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="snormative.#biblio-css-break-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-display-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-lists-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-regions-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-ui-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-rfc2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sproperty-index.#generator">
|
||||
<!-- 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>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!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: 'contain: paint' with various overflowing block descendants.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
.a {
|
||||
width: 100px;
|
||||
height: 200px;
|
||||
background: red;
|
||||
}
|
||||
.b {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
position: relative;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
}
|
||||
.c {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
.background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background: red;
|
||||
z-index: -1;
|
||||
}
|
||||
.foreground {
|
||||
position: absolute;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 25px solid red;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
<div class="a">
|
||||
<div class="b"></div>
|
||||
<!--These two absolutely positioned elements are checking that all sides are-->
|
||||
<!--clipped. They also test that clipping is done correctly on absolutely-->
|
||||
<!--positioned elements.-->
|
||||
<div class="background"></div>
|
||||
<div class="foreground"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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: 'contain: paint' with overflowing text contents.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-002-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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: 'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-003-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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: 'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-004-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-x: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!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: 'contain: paint' on li with overflowing text contents and
|
||||
bullet, and 'overflow-y: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-003-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.
|
||||
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis
|
||||
ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris
|
||||
massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu
|
||||
ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur
|
||||
sodales ligula in libero.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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: 'contain: paint' element should contain absolute position elements.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-containing-block-absolute-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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: 'contain: paint' element should contain fixed position elements.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-containing-block-fixed-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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: 'contain: paint' should contain floats as a formatting context.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-formatting-context-float-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
background: red;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
clear: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!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: 'contain: paint' with a vertical margin child. Margin collapse should not occur.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-formatting-context-margin-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#c {
|
||||
background: red;
|
||||
width: 50px;
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
<div id="c"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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 Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow-x: scroll;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow-y: scroll;
|
||||
overflow-x: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
background: green;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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 Reftest Test</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
}
|
||||
#b-padding {
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b-padding"></div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
102
tests/wpt/css-tests/css-containment-1_dev/xhtml1/reftest-toc.xht
Normal file
102
tests/wpt/css-tests/css-containment-1_dev/xhtml1/reftest-toc.xht
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Containment Module Level 1 CR Test Suite Reftest Index</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Containment Module Level 1 CR Test Suite Reftest Index</h1>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="ref-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th>Reference</th>
|
||||
<th>Flags</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="contain-paint-clip-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with various overflowing block descendants.">
|
||||
<a href="contain-paint-clip-001.xht">contain-paint-clip-001</a></td>
|
||||
<td><a href="reference/contain-paint-clip-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents.">
|
||||
<a href="contain-paint-clip-002.xht">contain-paint-clip-002</a></td>
|
||||
<td><a href="reference/contain-paint-clip-002-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.">
|
||||
<a href="contain-paint-clip-003.xht">contain-paint-clip-003</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.">
|
||||
<a href="contain-paint-clip-004.xht">contain-paint-clip-004</a></td>
|
||||
<td><a href="reference/contain-paint-clip-004-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'.">
|
||||
<a href="contain-paint-clip-005.xht">contain-paint-clip-005</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-containing-block-absolute-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' element should contain absolute position elements.">
|
||||
<a href="contain-paint-containing-block-absolute-001.xht">contain-paint-containing-block-absolute-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-absolute-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-containing-block-fixed-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' element should contain fixed position elements.">
|
||||
<a href="contain-paint-containing-block-fixed-001.xht">contain-paint-containing-block-fixed-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-fixed-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-formatting-context-float-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' should contain floats as a formatting context.">
|
||||
<a href="contain-paint-formatting-context-float-001.xht">contain-paint-formatting-context-float-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-float-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-formatting-context-margin-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with a vertical margin child. Margin collapse should not occur.">
|
||||
<a href="contain-paint-formatting-context-margin-001.xht">contain-paint-formatting-context-margin-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-margin-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
contain-paint-clip-001.xht == reference/contain-paint-clip-001-ref.xht
|
||||
contain-paint-clip-002.xht == reference/contain-paint-clip-002-ref.xht
|
||||
contain-paint-clip-003.xht == reference/contain-paint-clip-003-ref.xht
|
||||
contain-paint-clip-004.xht == reference/contain-paint-clip-004-ref.xht
|
||||
contain-paint-clip-005.xht == reference/contain-paint-clip-003-ref.xht
|
||||
contain-paint-containing-block-absolute-001.xht == reference/contain-paint-containing-block-absolute-001-ref.xht
|
||||
contain-paint-containing-block-fixed-001.xht == reference/contain-paint-containing-block-fixed-001-ref.xht
|
||||
contain-paint-formatting-context-float-001.xht == reference/contain-paint-formatting-context-float-001-ref.xht
|
||||
contain-paint-formatting-context-margin-001.xht == reference/contain-paint-formatting-context-margin-001-ref.xht
|
||||
49
tests/wpt/css-tests/css-containment-1_dev/xhtml1/toc.xht
Normal file
49
tests/wpt/css-tests/css-containment-1_dev/xhtml1/toc.xht
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Containment 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 Containment Module Level 1 CR 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 -
|
||||
Strong Containment: the contain property</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Types of Containment</a></th>
|
||||
<td>(9 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Becoming a formatting context</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
Privacy and Security Considerations</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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>Introduction - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s1.#ref-for-propdef-contain-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
|
||||
|
||||
<!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>Strong Containment: the contain property - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Strong Containment: the contain property (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#contain-property">2 Strong Containment: the contain property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#example-a46b6b8b">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#propdef-contain">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-layout-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-paint-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-10">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-11">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-propdef-contain-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-size-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#ref-for-style-containment-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-content">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-layout">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-none">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-paint">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-size">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-strict">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#valdef-contain-style">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,198 @@
|
|||
|
||||
|
||||
<!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>Types of Containment - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Types of Containment (9 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-containment-1/#containment-types">3 Types of Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#ref-for-containment-3">
|
||||
<!-- 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-containment-1/#containment-size">3.1 Size Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-layout-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#ref-for-size-containment-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.#size-containment">
|
||||
<!-- 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-containment-1/#containment-layout">3.2 Layout Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#layout-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-become-a-formatting-context-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-6">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-7">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-layout-containment-8">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2.#ref-for-size-containment-5">
|
||||
<!-- 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-containment-1/#containment-style">3.3 Style Containment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-scoped-property-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#ref-for-style-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#scoped-property">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.3.#style-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.4">+</a>
|
||||
<a href="https://www.w3.org/TR/css-containment-1/#containment-paint">3.4 Paint Containment</a></th></tr>
|
||||
<!-- 9 tests -->
|
||||
<tr id="contain-paint-clip-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-001.xht">contain-paint-clip-001</a></td>
|
||||
<td><a href="reference/contain-paint-clip-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with various overflowing block descendants.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-002-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-002.xht">contain-paint-clip-002</a></td>
|
||||
<td><a href="reference/contain-paint-clip-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-003-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-003.xht">contain-paint-clip-003</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-004-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-004.xht">contain-paint-clip-004</a></td>
|
||||
<td><a href="reference/contain-paint-clip-004-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-clip-005-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-clip-005.xht">contain-paint-clip-005</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-containing-block-absolute-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-containing-block-absolute-001.xht">contain-paint-containing-block-absolute-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-absolute-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' element should contain absolute position elements.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-containing-block-fixed-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-containing-block-fixed-001.xht">contain-paint-containing-block-fixed-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' element should contain fixed position elements.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-formatting-context-float-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-formatting-context-float-001.xht">contain-paint-formatting-context-float-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-float-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' should contain floats as a formatting context.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="contain-paint-formatting-context-margin-001-3.4" class="">
|
||||
<td>
|
||||
<a href="contain-paint-formatting-context-margin-001.xht">contain-paint-formatting-context-margin-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-margin-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'contain: paint' with a vertical margin child. Margin collapse should not occur.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.4.#paint-containment">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4.#ref-for-become-a-formatting-context-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.4.#ref-for-paint-containment-2">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Becoming a formatting context - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Becoming a formatting context (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="https://www.w3.org/TR/css-containment-1/#becoming-formatting-context">4 Becoming a formatting context</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#become-a-formatting-context">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#ref-for-layout-containment-9">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.#ref-for-paint-containment-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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">
|
||||
<head>
|
||||
<title>Privacy and Security Considerations - CSS Containment 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 Containment Module Level 1 CR Test Suite</h1>
|
||||
<h2>Privacy and Security Considerations (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="https://www.w3.org/TR/css-containment-1/#privsec">5 Privacy and Security Considerations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 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="sconform-responsible.#conform-future-proofing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<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="snormative.#biblio-css-break-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-content-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-display-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-lists-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-overflow-4">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-position-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-regions-1">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-ui-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css-values-3">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-css22">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="snormative.#biblio-rfc2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="sproperty-index.#generator">
|
||||
<!-- 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>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!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: 'contain: paint' with various overflowing block descendants.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
.a {
|
||||
width: 100px;
|
||||
height: 200px;
|
||||
background: red;
|
||||
}
|
||||
.b {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
position: relative;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
}
|
||||
.c {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
.background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background: red;
|
||||
z-index: -1;
|
||||
}
|
||||
.foreground {
|
||||
position: absolute;
|
||||
top: -25px;
|
||||
left: -25px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 25px solid red;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
<div class="a">
|
||||
<div class="b"></div>
|
||||
<!--These two absolutely positioned elements are checking that all sides are-->
|
||||
<!--clipped. They also test that clipping is done correctly on absolutely-->
|
||||
<!--positioned elements.-->
|
||||
<div class="background"></div>
|
||||
<div class="foreground"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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: 'contain: paint' with overflowing text contents.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-002-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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: 'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-003-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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: 'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-004-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-x: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!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: 'contain: paint' on li with overflowing text contents and
|
||||
bullet, and 'overflow-y: scroll'.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-clip-003-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
.root {
|
||||
contain: paint;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.
|
||||
Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis
|
||||
ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris
|
||||
massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu
|
||||
ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur
|
||||
sodales ligula in libero.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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: 'contain: paint' element should contain absolute position elements.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-containing-block-absolute-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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: 'contain: paint' element should contain fixed position elements.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-containing-block-fixed-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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: 'contain: paint' should contain floats as a formatting context.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-formatting-context-float-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
background: red;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
clear: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!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: 'contain: paint' with a vertical margin child. Margin collapse should not occur.</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<link href="http://www.w3.org/TR/css-containment-1/#containment-paint" rel="help" />
|
||||
<link href="reference/contain-paint-formatting-context-margin-001-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
contain: paint;
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#c {
|
||||
background: red;
|
||||
width: 50px;
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
<div id="c"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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 Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow-x: scroll;
|
||||
overflow-y: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.root {
|
||||
overflow-y: scroll;
|
||||
overflow-x: scroll;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 25px;
|
||||
padding: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="root">
|
||||
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA This text should
|
||||
be clipped to the box. Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed
|
||||
nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
|
||||
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
|
||||
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
|
||||
ligula in libero.
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
background: green;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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 Reftest Test</title>
|
||||
<link href="mailto:zentner.kyle@gmail.com" rel="author" title="Kyle Zentner" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
#a {
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
}
|
||||
#b-padding {
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b-padding"></div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Containment Module Level 1 CR Test Suite Reftest Index</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Containment Module Level 1 CR Test Suite Reftest Index</h1>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="ref-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th>Reference</th>
|
||||
<th>Flags</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="contain-paint-clip-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with various overflowing block descendants.">
|
||||
<a href="contain-paint-clip-001.xht">contain-paint-clip-001</a></td>
|
||||
<td><a href="reference/contain-paint-clip-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents.">
|
||||
<a href="contain-paint-clip-002.xht">contain-paint-clip-002</a></td>
|
||||
<td><a href="reference/contain-paint-clip-002-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents, and 'overflow-y: scroll'.">
|
||||
<a href="contain-paint-clip-003.xht">contain-paint-clip-003</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with overflowing text contents, and 'overflow-x: scroll'.">
|
||||
<a href="contain-paint-clip-004.xht">contain-paint-clip-004</a></td>
|
||||
<td><a href="reference/contain-paint-clip-004-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-clip-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' on li with overflowing text contents and bullet, and 'overflow-y: scroll'.">
|
||||
<a href="contain-paint-clip-005.xht">contain-paint-clip-005</a></td>
|
||||
<td><a href="reference/contain-paint-clip-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-containing-block-absolute-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' element should contain absolute position elements.">
|
||||
<a href="contain-paint-containing-block-absolute-001.xht">contain-paint-containing-block-absolute-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-absolute-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-containing-block-fixed-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' element should contain fixed position elements.">
|
||||
<a href="contain-paint-containing-block-fixed-001.xht">contain-paint-containing-block-fixed-001</a></td>
|
||||
<td><a href="reference/contain-paint-containing-block-fixed-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-formatting-context-float-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' should contain floats as a formatting context.">
|
||||
<a href="contain-paint-formatting-context-float-001.xht">contain-paint-formatting-context-float-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-float-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contain-paint-formatting-context-margin-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'contain: paint' with a vertical margin child. Margin collapse should not occur.">
|
||||
<a href="contain-paint-formatting-context-margin-001.xht">contain-paint-formatting-context-margin-001</a></td>
|
||||
<td><a href="reference/contain-paint-formatting-context-margin-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
contain-paint-clip-001.xht == reference/contain-paint-clip-001-ref.xht
|
||||
contain-paint-clip-002.xht == reference/contain-paint-clip-002-ref.xht
|
||||
contain-paint-clip-003.xht == reference/contain-paint-clip-003-ref.xht
|
||||
contain-paint-clip-004.xht == reference/contain-paint-clip-004-ref.xht
|
||||
contain-paint-clip-005.xht == reference/contain-paint-clip-003-ref.xht
|
||||
contain-paint-containing-block-absolute-001.xht == reference/contain-paint-containing-block-absolute-001-ref.xht
|
||||
contain-paint-containing-block-fixed-001.xht == reference/contain-paint-containing-block-fixed-001-ref.xht
|
||||
contain-paint-formatting-context-float-001.xht == reference/contain-paint-formatting-context-float-001-ref.xht
|
||||
contain-paint-formatting-context-margin-001.xht == reference/contain-paint-formatting-context-margin-001-ref.xht
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Containment 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 Containment Module Level 1 CR 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 -
|
||||
Strong Containment: the contain property</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Types of Containment</a></th>
|
||||
<td>(9 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Becoming a formatting context</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
Privacy and Security Considerations</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue