Update web-platform-tests and CSS tests.

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

View file

@ -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>

View 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>

View 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>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>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>

View file

@ -0,0 +1,138 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>

View file

@ -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>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test: '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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS 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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS 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>

View file

@ -0,0 +1,102 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>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>

View file

@ -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

View file

@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS 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>