Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8

This commit is contained in:
James Graham 2015-07-27 17:47:31 +01:00
parent 662c00a810
commit df03062d62
10934 changed files with 428309 additions and 254265 deletions

View file

@ -1,52 +0,0 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Box Sizing - Padding-Box with specified width/height</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; }
@top-right { content: "Test box-sizing-padding-box-001"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<meta name="assert" content="box-sizing: padding-box should make the element's (percentage) width be the distance from the left padding edge to the right padding edge." />
<style type="text/css"><![CDATA[
.container {
width: 300px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
box-sizing: padding-box;
width: 50%;
z-index: 1;
float: left;
padding: 0px 5px;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
]]></style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br />
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

View file

@ -1,54 +0,0 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Box Sizing - Padding-Box with specified width/height</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; }
@top-right { content: "Test box-sizing-padding-box-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<meta name="assert" content="box-sizing: padding-box should make the element's (percentage) width be the distance from the left padding edge to the right padding edge and the height be the distance from the top padding edge to the bottom padding edge." />
<style type="text/css"><![CDATA[
.container {
width: 300px;
height: 400px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
box-sizing: padding-box;
width: 50%;
height: 100%;
z-index: 1;
float: left;
padding: 25px 10px;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
]]></style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br />
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

View file

@ -1,58 +0,0 @@
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Box Sizing - Padding-Box with min/max width/height</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; }
@top-right { content: "Test box-sizing-padding-box-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<meta name="assert" content="box-sizing: padding-box should make the element's (calc) width be the distance from the left padding edge to the right padding edge and the height be the distance from the top padding edge to the bottom padding edge." />
<style type="text/css"><![CDATA[
.container {
min-width: 500px;
max-width: 700px;
min-height: 70px;
max-height: 90px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
box-sizing: padding-box;
min-width: 250px;
max-width: 350px;
min-height: 70px;
max-height: 90px;
z-index: 1;
float: left;
padding: 5px 5px;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
]]></style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br />
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

View file

@ -30,7 +30,7 @@
.with-padding {
padding: 5px 5px;
box-sizing: padding-box;
box-sizing: border-box;
}
#img1 {

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Box Model addition (13 tests)</h2>
<h2>Box Model addition (10 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -37,7 +37,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr>
<!-- 13 tests -->
<!-- 10 tests -->
<tr id="box-sizing-border-box-001-3.1" class="primary">
<td><strong>
<a href="box-sizing-border-box-001.xht">box-sizing-border-box-001</a></strong></td>
@ -115,39 +115,6 @@
</ul>
</td>
</tr>
<tr id="box-sizing-padding-box-001-3.1" class="primary">
<td><strong>
<a href="box-sizing-padding-box-001.xht">box-sizing-padding-box-001</a></strong></td>
<td></td>
<td></td>
<td>Box Sizing - Padding-Box with specified width/height
<ul class="assert">
<li>box-sizing: padding-box should make the element's (percentage) width be the distance from the left padding edge to the right padding edge.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-padding-box-002-3.1" class="primary">
<td><strong>
<a href="box-sizing-padding-box-002.xht">box-sizing-padding-box-002</a></strong></td>
<td></td>
<td></td>
<td>Box Sizing - Padding-Box with specified width/height
<ul class="assert">
<li>box-sizing: padding-box should make the element's (percentage) width be the distance from the left padding edge to the right padding edge and the height be the distance from the top padding edge to the bottom padding edge.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-padding-box-003-3.1" class="primary">
<td><strong>
<a href="box-sizing-padding-box-003.xht">box-sizing-padding-box-003</a></strong></td>
<td></td>
<td></td>
<td>Box Sizing - Padding-Box with min/max width/height
<ul class="assert">
<li>box-sizing: padding-box should make the element's (calc) width be the distance from the left padding edge to the right padding edge and the height be the distance from the top padding edge to the bottom padding edge.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-replaced-001-3.1" class="primary image">
<td><strong>
<a href="box-sizing-replaced-001.xht">box-sizing-replaced-001</a></strong></td>
@ -185,12 +152,30 @@
<tbody id="s3.1.#box-sizing-example">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#issue-9bd5c115">
<tbody id="s3.1.#example-ede4dfdf">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#max-inner-height">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#max-inner-width">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#min-inner-height">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#min-inner-width">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#propdef-box-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#valdef-box-sizing-border-box">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#valdef-box-sizing-content-box">
<!-- 0 tests -->
</tbody>
</table>
</body>

View file

@ -143,6 +143,12 @@
</td>
</tr>
</tbody>
<tbody id="s4.4.#example-4b3084c1">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#example-bcd0e0d3">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#invert">
<!-- 0 tests -->
</tbody>
@ -174,6 +180,12 @@
</td>
</tr>
</tbody>
<tbody id="s4.5.#example-8c7e0106">
<!-- 0 tests -->
</tbody>
<tbody id="s4.5.#negative-offset">
<!-- 0 tests -->
</tbody>
<tbody id="s4.5.#propdef-outline-offset">
<!-- 0 tests -->
</tbody>

View file

@ -116,6 +116,9 @@
</td>
</tr>
</tbody>
<tbody id="s5.1.#example-0ff410a0">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#propdef-resize">
<!-- 0 tests -->
</tbody>
@ -187,6 +190,24 @@
<tbody id="s5.2.#ellipsis-scrolling">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#example-4d792064">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#example-c43e380d">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#example-d22e5e5b">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#overflow-clip">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#overflow-ellipsis">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#overflow-string">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#propdef-text-overflow">
<!-- 0 tests -->
</tbody>

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Pointing Devices and Keyboards (138 tests)</h2>
<h2>Pointing Devices and Keyboards (142 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -66,44 +66,44 @@
</ul>
</td>
</tr>
<tr id="cursor-image-003-6.1.1" class="primary image interact">
<tr id="cursor-image-003-6.1.1" class="primary image interact may">
<td><strong>
<a href="cursor-image-003.xht">cursor-image-003</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>Cursor property, url value
<ul class="assert">
<li>Test checks that an ICO image is supported as a custom cursor.</li>
</ul>
</td>
</tr>
<tr id="cursor-image-004-6.1.1" class="primary image interact">
<tr id="cursor-image-004-6.1.1" class="primary image interact may">
<td><strong>
<a href="cursor-image-004.xht">cursor-image-004</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>Cursor property, url value
<ul class="assert">
<li>Test checks that an ICO image, with its own hotspot, is supported as a custom cursor.</li>
</ul>
</td>
</tr>
<tr id="cursor-image-005-6.1.1" class="primary image interact svg">
<tr id="cursor-image-005-6.1.1" class="primary interact svg">
<td><strong>
<a href="cursor-image-005.xht">cursor-image-005</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>Cursor property, url value
<ul class="assert">
<li>Test checks that a fixed size SVG image is supported as a custom cursor.</li>
</ul>
</td>
</tr>
<tr id="cursor-image-005-nfs-6.1.1" class="primary image interact svg">
<tr id="cursor-image-005-nfs-6.1.1" class="primary interact svg">
<td><strong>
<a href="cursor-image-005-nfs.xht">cursor-image-005-nfs</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>Cursor property, url value
<ul class="assert">
<li>Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images.</li>
@ -661,6 +661,9 @@
</td>
</tr>
</tbody>
<tbody id="s6.1.1.#example-4a59cfe4">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.1.#propdef-cursor">
<!-- 0 tests -->
</tbody>
@ -715,6 +718,9 @@
</td>
</tr>
</tbody>
<tbody id="s6.2.1.#example-24147f22">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.1.#propdef-caret-color">
<!-- 0 tests -->
</tbody>
@ -728,7 +734,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.1">+</a>
<a href="http://www.w3.org/TR/css3-ui/#nav-dir">6.3.1 Directional focus navigation: the nav-up, nav-right, nav-down, nav-left properties</a></th></tr>
<!-- 79 tests -->
<!-- 83 tests -->
<tr id="nav-dir-001-6.3.1" class="primary interact">
<td><strong>
<a href="nav-dir-001.xht">nav-dir-001</a></strong></td>
@ -784,6 +790,50 @@
</ul>
</td>
</tr>
<tr id="nav-dir-missing-1-6.3.1" class="primary interact">
<td><strong>
<a href="nav-dir-missing-1.xht">nav-dir-missing-1</a></strong></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td>Directional Focus Navigation - unkown element id
<ul class="assert">
<li>Test checks that an unknow element id used as the value of the 'nav-right' property value does not hinder normal spacial navigation.</li>
</ul>
</td>
</tr>
<tr id="nav-dir-missing-2-6.3.1" class="primary interact">
<td><strong>
<a href="nav-dir-missing-2.xht">nav-dir-missing-2</a></strong></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td>Directional Focus Navigation - unkown element id
<ul class="assert">
<li>Test checks that an unknow element id used as the value of the 'nav-left' property value does not hinder normal spacial navigation.</li>
</ul>
</td>
</tr>
<tr id="nav-dir-missing-3-6.3.1" class="primary interact">
<td><strong>
<a href="nav-dir-missing-3.xht">nav-dir-missing-3</a></strong></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td>Directional Focus Navigation - unkown element id
<ul class="assert">
<li>Test checks that an unknow element id used as the value of the 'nav-down' property value does not hinder normal spacial navigation.</li>
</ul>
</td>
</tr>
<tr id="nav-dir-missing-4-6.3.1" class="primary interact">
<td><strong>
<a href="nav-dir-missing-4.xht">nav-dir-missing-4</a></strong></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td>Directional Focus Navigation - unkown element id
<ul class="assert">
<li>Test checks that an unknow element id used as the value of the 'nav-up' property value does not hinder normal spacial navigation.</li>
</ul>
</td>
</tr>
<tr id="nav-dir-target-001-6.3.1" class="primary interact">
<td><strong>
<a href="nav-dir-target-001.xht">nav-dir-target-001</a></strong></td>
@ -1614,13 +1664,19 @@
<tbody id="s6.3.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.1.1">+</a>
<a href="http://www.w3.org/TR/css3-ui/#example-positioned-buttons">6.3.1.1 Example: positioned buttons</a></th></tr>
<a href="http://www.w3.org/TR/css3-ui/#example-b196d206">6.3.1.1 Example: positioned buttons</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.1.#example-positioned-buttons">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.1.2">+</a>
<a href="http://www.w3.org/TR/css3-ui/#example-moving-focus-to-inside-a-frame">6.3.1.2 Example: moving focus to inside a frame</a></th></tr>
<a href="http://www.w3.org/TR/css3-ui/#example-381d7fe7">6.3.1.2 Example: moving focus to inside a frame</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.1.2.#example-moving-focus-to-inside-a-frame">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2">
@ -1629,39 +1685,21 @@
<a href="http://www.w3.org/TR/css3-ui/#input-method-editor">6.3.2 Obsolete: the ime-mode property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2.#example-8592b31b">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-align-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-animations-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-backgrounds-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-color-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-color-4">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-images-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-masking-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-overflow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-style-attr-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
@ -1677,6 +1715,9 @@
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-background">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-writing-modes">
<!-- 0 tests -->
</tbody>
@ -1686,18 +1727,30 @@
<tbody id="s.#biblio-css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css4-images">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-cssui">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-png">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-select">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg-integration">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg10">
<!-- 0 tests -->
</tbody>
@ -1716,6 +1769,12 @@
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#cr-exit-criteria">
<!-- 0 tests -->
</tbody>
<tbody id="s.#example-f839f6c8">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
@ -1731,9 +1790,6 @@
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>

View file

@ -33,7 +33,19 @@
<a href="http://www.w3.org/TR/css3-ui/#changes">B Changes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sB.#changes-list">
<tbody id="sB.#changes-since-2012">
<!-- 0 tests -->
</tbody>
<tbody id="sB.#changes-since-2015-02">
<!-- 0 tests -->
</tbody>
<tbody id="sB.#changes-since-2015-03">
<!-- 0 tests -->
</tbody>
<tbody id="sB.#changes-since-2015-04">
<!-- 0 tests -->
</tbody>
<tbody id="sB.#changes-since-2015-05">
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!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>Default style sheet additions for HTML - CSS Basic User Interface Module Level 3 CR Test Suite</title>
<title>Considerations for Security and Privacy - CSS Basic User Interface Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
@ -13,7 +13,7 @@
<body>
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Default style sheet additions for HTML (0 tests)</h2>
<h2>Considerations for Security and Privacy (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,7 +30,7 @@
<tbody id="sC">
<tr><th colspan="4" scope="rowgroup">
<a href="#sC">+</a>
<a href="http://www.w3.org/TR/css3-ui/#default-style-sheet">C Default style sheet additions for HTML</a></th></tr>
<a href="http://www.w3.org/TR/css3-ui/#security-privacy-considerations">C Considerations for Security and Privacy</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -3,7 +3,7 @@
<!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>Test Suite - CSS Basic User Interface Module Level 3 CR Test Suite</title>
<title>Default style sheet additions for HTML - CSS Basic User Interface Module Level 3 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
@ -13,7 +13,7 @@
<body>
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Test Suite (0 tests)</h2>
<h2>Default style sheet additions for HTML (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,7 +30,7 @@
<tbody id="sD">
<tr><th colspan="4" scope="rowgroup">
<a href="#sD">+</a>
<a href="http://www.w3.org/TR/css3-ui/#test-suite">D Test Suite</a></th></tr>
<a href="http://www.w3.org/TR/css3-ui/#default-style-sheet">D Default style sheet additions for HTML</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Suite - CSS Basic User Interface Module Level 3 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 Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Test Suite (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="sE">
<tr><th colspan="4" scope="rowgroup">
<a href="#sE">+</a>
<a href="http://www.w3.org/TR/css3-ui/#test-suite">E Test Suite</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -1,16 +1,19 @@
<!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><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image" name="flags" />
<meta charset="UTF-8" />
<meta content="Test checks that a PNG image supported as a custom cursor." name="assert" />
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.png) 41 32, help; width:128px; height: 128px}
cursor:url(support/cursors/woolly-64.png) 41 32, help;
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like a sheep AND is not a sheep when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image" name="flags" />
<meta charset="UTF-8" />

View file

@ -1,8 +1,9 @@
<!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><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image" name="flags" />
<meta content="interact image may" name="flags" />
<meta charset="UTF-8" />
<meta content="Test checks that an ICO image is supported as a custom cursor." name="assert" />
@ -15,4 +16,5 @@
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like a sheep AND is not a sheep when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -1,8 +1,9 @@
<!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><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image" name="flags" />
<meta content="interact image may" name="flags" />
<meta charset="UTF-8" />
<meta content="Test checks that an ICO image, with its own hotspot, is supported as a custom cursor." name="assert" />
<style>
@ -14,4 +15,5 @@
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like a sheep AND is not a sheep when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -1,9 +1,10 @@
<!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><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<link href="http://www.w3.org/TR/css3-images/#default-object-size" rel="help" />
<meta content="interact image svg" name="flags" />
<meta content="interact svg" name="flags" />
<meta charset="UTF-8" />
<meta content="Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images." name="assert" />
<style>
@ -15,4 +16,5 @@
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like a sheep AND is not a sheep when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -1,8 +1,9 @@
<!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><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image svg" name="flags" />
<meta content="interact svg" name="flags" />
<meta charset="UTF-8" />
<meta content="Test checks that a fixed size SVG image is supported as a custom cursor." name="assert" />
<style>
@ -14,4 +15,5 @@
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like a sheep AND is not a sheep when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: Cursor property, url value, no fallback</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image invalid" name="flags" />
<meta charset="UTF-8" />
@ -16,4 +17,5 @@
<p>If inside the rectangle the cursor changes to the word "FAIL" on a red
background, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: Cursor property, url value</title>
<link href="mailto:chris@w3.org" rel="author" title="Chris Lilley" />
<link href="http://florian.rivoal.net/" rel="reviewer" title="Florian Rivoal" /> <!-- 2015-04-12 -->
<link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help" />
<meta content="interact image" name="flags" />
<meta charset="UTF-8" />
@ -16,4 +17,5 @@
a rainbow AND is not a rainbow when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -0,0 +1,21 @@
<!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><title>CSS Basic User Interface Test: Directional Focus Navigation - unkown element id</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-ui/#nav-dir" rel="help" />
<meta content="interact" name="flags" />
<meta content="Test checks that an unknow element id used as the value of the 'nav-right' property value does not hinder normal spacial navigation." name="assert" />
<style>
#start {
nav-right: #foo;
}
</style>
</head>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating right moves the focus to the "FINISH" link.</p>
<a href="" id="start">START</a> <a href="" id="finish">FINISH</a>
</body></html>

View file

@ -0,0 +1,21 @@
<!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><title>CSS Basic User Interface Test: Directional Focus Navigation - unkown element id</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-ui/#nav-dir" rel="help" />
<meta content="interact" name="flags" />
<meta content="Test checks that an unknow element id used as the value of the 'nav-left' property value does not hinder normal spacial navigation." name="assert" />
<style>
#start {
nav-left: #foo;
}
</style>
</head>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating left moves the focus to the "FINISH" link.</p>
<a href="" id="finish">FINISH</a> <a href="" id="start">START</a>
</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><title>CSS Basic User Interface Test: Directional Focus Navigation - unkown element id</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-ui/#nav-dir" rel="help" />
<meta content="interact" name="flags" />
<meta content="Test checks that an unknow element id used as the value of the 'nav-down' property value does not hinder normal spacial navigation." name="assert" />
<style>
#start {
nav-down: #foo;
}
</style>
</head>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down moves the focus to the "FINISH" link.</p>
<a href="" id="start">START</a><br />
<a href="" id="finish">FINISH</a>
</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><title>CSS Basic User Interface Test: Directional Focus Navigation - unkown element id</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-ui/#nav-dir" rel="help" />
<meta content="interact" name="flags" />
<meta content="Test checks that an unknow element id used as the value of the 'nav-up' property value does not hinder normal spacial navigation." name="assert" />
<style>
#start {
nav-up: #foo;
}
</style>
</head>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating up moves the focus to the "FINISH" link.</p>
<a href="" id="finish">FINISH</a><br />
<a href="" id="start">START</a>
</body></html>

View file

@ -16,7 +16,7 @@
</style>
</head>
<body>
<p>PASS is there a space between the border.</p>
<p>PASS if there a space between the border.</p>
<div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 894 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" height="100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 232 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" height="100" viewBox="0 0 100 100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 254 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" viewBox="0 0 100 100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 241 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 894 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" width="100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 231 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" width="100" height="100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 244 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" width="100" viewBox="0 0 100 100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 253 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 894 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" height="100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 232 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" height="100" viewBox="0 0 100 100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 254 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" viewBox="0 0 100 100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 241 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 894 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" width="100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 231 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" width="100" height="100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 244 B

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" style="background: green" width="100" viewBox="0 0 100 100">
<g xmlns:html="http://www.w3.org/1999/xhtml" id="testmeta"><html:link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"/></g></svg>

After

Width:  |  Height:  |  Size: 253 B

View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -
Box Model addition</a></th>
<td>(13 Tests)</td></tr>
<td>(10 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -
@ -47,7 +47,7 @@
<tbody id="s6">
<tr><th><a href="chapter-6.xht">Chapter 6 -
Pointing Devices and Keyboards</a></th>
<td>(138 Tests)</td></tr>
<td>(142 Tests)</td></tr>
</tbody>
<tbody id="sA">
<tr><th><a href="chapter-A.xht">Appendix A -
@ -61,11 +61,16 @@
</tbody>
<tbody id="sC">
<tr><th><a href="chapter-C.xht">Appendix C -
Default style sheet additions for HTML</a></th>
Considerations for Security and Privacy</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="sD">
<tr><th><a href="chapter-D.xht">Appendix D -
Default style sheet additions for HTML</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="sE">
<tr><th><a href="chapter-E.xht">Appendix E -
Test Suite</a></th>
<td>(0 Tests)</td></tr>
</tbody>