Auto merge of #19801 - servo:wptup, r=jdm

Update web-platform-tests

<!-- Reviewable:start -->
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/19801)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2018-01-20 13:06:43 -06:00 committed by GitHub
commit b62b51ab4b
832 changed files with 16026 additions and 2649 deletions

View file

@ -4,6 +4,7 @@
<title>CSS Test: Class selectors with only a partial match of 'class' attribute</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
<meta name="flags" content="" />
<meta name="assert" content="Class selector need to match any or all of the values in the 'class' attribute." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: Class selectors with a type</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/filler-text-below-green.xht"/>
<meta name="flags" content="" />
<meta name="assert" content="Class selector with a type, match the appropriate element." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: Class selectors without a type</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/filler-text-below-green.xht"/>
<meta name="flags" content="" />
<meta name="assert" content="Class selector without a type, match the appropriate element." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: Invalid class selectors with a space between the "." and the class name</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
<meta name="flags" content="invalid" />
<meta name="assert" content="The attribute value of a class selector followed by white space is invalid." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: Invalid class selectors with a carriage return between the "." and the class name</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
<meta name="flags" content="invalid" />
<meta name="assert" content="The attribute value of a class selector followed by white space is invalid." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: Multiple class selectors</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/filler-text-below-green.xht"/>
<meta name="flags" content="" />
<meta name="assert" content="All class names in the selector need to match all of the 'class' attribute values." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: Multiple class selectors and missing class values</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
<meta name="flags" content="" />
<meta name="assert" content="All class names in the selector need to match all of the 'class' attribute values." />

View file

@ -5,6 +5,7 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/001.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
<style type="text/css">
.teST { color: green; }

View file

@ -5,13 +5,15 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/002.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/ref-green-background.xht" />
<style type="text/css">
p { background: green; color: white; }
.fail.test { background: red; color: yellow; }
</style>
</head>
<body>
<p class="pass test">This line should be green.</p>
<p class="pass test">This should have a green background.</p>
</body>
</html>

View file

@ -5,13 +5,15 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/003.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/ref-green-background.xht" />
<style type="text/css">
p { background: red; color: yellow; }
.pass.test { background: green; color: white; }
</style>
</head>
<body>
<p class="pass test">This line should be green.</p>
<p class="pass test">This should have a green background.</p>
</body>
</html>

View file

@ -5,13 +5,15 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/004.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="../reference/ref-green-background.xht" />
<style type="text/css">
p { background: red; color: yellow; }
.pass { background: green; color: white; }
</style>
</head>
<body>
<p class="pass test">This line should be green.</p>
<p class="pass test">This should have a green background.</p>
</body>
</html>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
p {
color: white;
background: green;
}
</style>
<body>
<p>This line should be green.</p>
<p>This line should be green.</p>
<p>This line should be green.</p>
<p>This line should be green.</p>
<p>This line should be green.</p>
<p>This line should be green.</p>
<p>This line should be green.</p>
<p>This line should be green.</p>
</body>
</html>

View file

@ -5,6 +5,8 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/class/005.html" type="text/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" />
<link rel="help" href="https://www.w3.org/TR/selectors/#class-html" />
<link rel="match" href="class-selector-012-ref.html" />
<style type="text/css">
p { background: red; color: yellow; }
.test { background: green; color: white; }

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
.green {
color: green;
}
</style>
<body>
<div class="green">Filler Text</div>
<div>Filler Text</div>
<p>Test passes if the first "Filler Text" above is green and the second one is black.</p>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-child pseudo-class</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
<link rel="match" href="first-child-selector-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="First-child pseudo-class matches only the first element of its type." />
<style type="text/css">

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
.green {
color: green;
}
</style>
<body>
Filler Text
<div class="green">Filler Text</div>
<div>Filler Text</div>
<p>Test passes if the second line of "Filler Text" above is green and the first and third lines are black.</p>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-child pseudo-class with text node</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
<link rel="match" href="first-child-selector-002-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="First-child pseudo-class matches only the first element of its type ignoring text nodes." />
<style type="text/css">

View file

@ -5,12 +5,13 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/child/001.xml" type="application/xhtml+xml"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" />
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
<style type="text/css">
html { color: green; }
html:first-child { color: red ! important; }
html { color: red; }
:root:first-child { color: green; }
</style>
</head>
<body>
<p>This should be green.</p>
<p>This text should be green.</p>
</body>
</html>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
div {
color: green;
font: 2em sans-serif;
}
</style>
<body>
<p>This next line should be green:</p>
<div>TESTING</div>
</body>
</html>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-letter/001.xml" type="application/xhtml+xml"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-000-ref.html" />
<style type="text/css">
.test { float: left; font: 2em sans-serif; }
.test:first-letter { color: green; }

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
span {
color: green;
}
</style>
<body>
<p>Test passes if the letter "F" below is green.</p>
<div><span>F</span>iller Text</div>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter pseudo-element</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The :first-letter pseudo-element matches the first letter in a given element." />
<style type="text/css">

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div><img alt="15x15 blue box" src="support/blue15x15.png" />Filler Text</div>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter pseudo-element with image missing alt text</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-002-ref.html" />
<meta name="flags" content="image" />
<meta name="assert" content="If there is preceding content (an image) or alt text the :first-letter pseudo-element does not match the first letter." />
<style type="text/css">

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
span {
color: green;
}
</style>
<body>
<p>Test passes if the number "4" below is green.</p>
<div><span>4</span>2 Filler Text</div>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter as a digit</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-003-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The ':first-letter' applies if the first letter is a digit." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter and :before</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="If an element has ':before' or ':after' content, the ':first-letter applies to the first letter of the element including that content." />
<style type="text/css">

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<body>
<p>Test passes if there is no red visible on the page.</p>
<div><br />Filler Text</div>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter with leading line break</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-005-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The first letter occurs on the first formatted line." />
<style type="text/css">

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
span {
color: green;
}
</style>
<body>
<p>Test passes if the letter "F" below is green.</p>
<table>
<tr>
<td><span>F</span>iller Text</td>
</tr>
</table>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter with table cell elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-007-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The :first-letter pseudo-element applies to table-cells." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter with inline-block elements</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The first-letter pseudo-element applies to inline-block elements." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter in descendents</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" />
<link rel="match" href="first-letter-selector-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="A user agent acts as if the fictional start tag of the first-letter pseudo-element is just before the first text of the element, even if that first text is in a descendant." />
<style type="text/css">

View file

@ -12,6 +12,6 @@
</style>
</head>
<body>
<p><span>This sentence should have a green background.</span></p>
<p><span>This should have a green background.</span></p>
</body>
</html>

View file

@ -6,11 +6,12 @@
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/003.xml" type="application/xhtml+xml"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/003.html" type="type/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
<style type="text/css">
:first-line { color: green; }
</style>
</head>
<body>
<p>This line should be green.</p>
<p>This text should be green.</p>
</body>
</html>

View file

@ -6,11 +6,12 @@
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/004.xml" type="application/xhtml+xml"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/004.html" type="type/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
<style type="text/css">
*:first-line { color: green; }
</style>
</head>
<body>
<p>This line should be green.</p>
<p>This text should be green.</p>
</body>
</html>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/selectors/first-line/005.html" type="type/html"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="../reference/ref-this-text-should-be-green.xht" />
<style type="text/css">
p { color: red; }
p:first-line { color: green; }
@ -12,6 +13,6 @@
</style>
</head>
<body>
<p><span>This line should be green.</span></p>
<p><span>This text should be green.</span></p>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-line after a BR</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="first-letter-selector-005-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The :first-line pseudo-element start tag is inserted right after the start tag of the block element." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: ID selector syntax - Begins with hyphen</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" />
<link rel="match" href="../reference/filler-text-below-green.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Identifier selectors starting with a hyphen are valid." />
<style type="text/css">
@ -18,7 +19,7 @@
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<p>Test passes if the "Filler Text" below is green.</p>
<div id="-div1">Filler Text</div>
</body>
</html>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<style>
div {
color: green;
}
</style>
<body>
<p>Test passes if the "Filler Text" below is green.</p>
<div>Filler Text
<p>Filler Text</p>
</div>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Inherited lang attribute selected</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
<link rel="match" href="lang-selector-004-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Lang attribute is inherited and lang selector works on children." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: Lang selector and document language set via server's content-language</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
<link rel="match" href="../reference/filler-text-below-green.xht" />
<meta name="flags" content="http" />
<meta name="assert" content="Lang attribute is selectable when specified by HTTP header." />
<style type="text/css">
@ -18,7 +19,6 @@
</style>
</head>
<body>
<p id="prerequisite">PREREQUISITE: Set the page "content-language" header to "fr" (French).</p>
<p>Test passes if the "Filler Text" below is green.</p>
<div>Filler Text</div>
</body>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Lang selector and document language set via meta tag</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#lang" />
<link rel="match" href="../reference/filler-text-below-green.xht" />
<meta name="flags" content="" />
<meta http-equiv="content-language" content="fr" />
<meta name="assert" content="Lang attribute is selectable when specified in a meta tag." />

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-letter pseudo-element case sensitivity</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="first-letter-selector-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="First-letter is case-insensitive." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: First-child pseudo-element case sensitivity</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="universal-selector-002-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="First-child is case-insensitive." />
<style type="text/css">

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<title>CSS Reftest Reference</title>
<body>
<p>Test passes if the words "Filler Text" are below.</p>
<div>Filler Text</div>
</body>
</html>

View file

@ -4,6 +4,7 @@
<title>CSS Test: After and before case sensitivity</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
<link rel="match" href="pseudo-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="After and before are case-insensitive." />
<style type="text/css">

View file

@ -8,7 +8,7 @@
<meta name="flags" content="http" />
<meta name="assert" content="The HTTP charset setting overrides the referring document's code page." />
<style type="text/css">
@import "support/at-charset-004.css";
@import "support/at-charset-003.css";
div
{
color: red;

View file

@ -9,7 +9,7 @@
<meta name="assert" content="The HTTP charset setting overrides the charset designation in the referring document's meta tag." />
<meta http-equiv="Content-Type" content="text/html; windows-1252" />
<style type="text/css">
@import "support/at-charset-005.css";
@import "support/at-charset-003.css";
div
{
color: red;

View file

@ -8,7 +8,7 @@
<meta name="flags" content="http" />
<meta name="assert" content="The HTTP charset setting overrides the charset of referring document." />
<style type="text/css">
@import "support/at-charset-006.css";
@import "support/at-charset-003.css";
div
{
color: red;

View file

@ -16,7 +16,7 @@
</style>
</head>
<body>
<p>Test passes if "Filler Text" is green.</p>
<p>Test passes if the "Filler Text" below is green.</p>
<div>Filler Text</div>
</body>
</html>

View file

@ -5,7 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
<link rel="author" title="Ray Kiddy" href="mailto:ray@ganymede.org"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
<link rel="match" href="ident-000-ref.xht"/>
<link rel="match" href="ident-003-ref.xht"/>
<meta name="flags" content="invalid"/>
<style type="text/css">

View file

@ -1,27 +0,0 @@
<!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 Test: Invalid Identifiers (starting with double -) as Classes and IDs</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
<link rel="match" href="ident-000-ref.xht"/>
<meta name="flags" content="invalid" />
<style type="text/css">
.one { color: green; background: white; }
.--ident, .one { color: red; }
.two { color: green; background: white; }
#--ident, .two { color: red; }
</style>
</head>
<body>
<p class="one">This should be green.</p>
<p class="two">This should be green.</p>
</body>
</html>

View file

@ -1,40 +0,0 @@
<Files ~ "^plaintext.css$">
ForceType text/plain
</Files>
<files character-encoding-031.css>
AddCharset iso-8859-1 .css
</files>
<files character-encoding-032.css>
AddCharset iso-8859-11 .css
</files>
<files character-encoding-033.css>
AddCharset iso-8859-5 .css
</files>
<files character-encoding-034.css>
AddCharset iso-8859-6 .css
</files>
<files character-encoding-035.css>
AddCharset iso-8859-7 .css
</files>
<files character-encoding-036.css>
AddCharset iso-8859-8 .css
</files>
<files character-encoding-037.css>
AddCharset koi8-r .css
</files>
<files ~ '^at-charset-07[1234567]\.css$'>
RemoveCharset .css
</files>
<files character-encoding-041.css>
AddCharset utf-16be .css
</files>

View file

@ -0,0 +1 @@
Content-Type: text/css; charset=Shift_JIS

View file

@ -0,0 +1 @@
Content-Type: text/css; charset=Shift_JIS

View file

@ -0,0 +1 @@
Content-Type: text/css; charset=Shift_JIS

View file

@ -1,4 +0,0 @@
.˝<EFBFBD>a, #div2
{
color: green;
}

View file

@ -1,4 +0,0 @@
.˝<EFBFBD>a, #div2
{
color: green;
}

View file

@ -1,4 +0,0 @@
.˝<EFBFBD>a, #div2
{
color: green;
}

View file

@ -0,0 +1 @@
Content-Type: text/plain

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<body>
<p>Test passes if the words "Filler Text" below are all on the same line.</p>
<div>Filler Text Filler Text Filler Text</div>
</body>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: inline' elements." />
<style type="text/css">

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
.blue {
background: blue;
}
</style>
<body>
<p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p>
<div>Filler Text</div>
<div class="blue">Filler Text</div>
<div>Filler Text</div>
</body>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-002-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: block' elements." />
<style type="text/css">

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
div {
margin-left: 2em;
}
.orange {
background: orange;
display: list-item;
}
</style>
<body>
<p>Test passes if there are three lines of "Filler Text" below and if the middle "Filler Text" has a orange background and a marker bullet on its left-hand side. The marker bullet should not have an orange background.</p>
<div>Filler Text</div>
<div class="orange">Filler Text</div>
<div>Filler Text</div>
</body>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-003-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: list-item' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: inline-block' elements." />
<style type="text/css">

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
.box {
background: blue;
height: 1in;
width: 2in;
}
</style>
<body>
<p>Test passes if the "Filler Text" below is below the box.</p>
<div class="box"></div>
<div>Filler Text</div>
</body>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-006-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-006-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: inline-table' elements." />
<style type="text/css">

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
.box {
background: blue;
height: 1in;
width: 2in;
}
</style>
<body>
<p>Test passes if the "Filler Text" below is above the box.</p>
<div>Filler Text</div>
<div class="box"></div>
</body>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-row-group' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-header-group' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-footer-group' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-column' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-row' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-column-group' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-008-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side does not apply to 'display: table-cell' elements." />
<style type="text/css">

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-006-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side applies to 'display: table-caption' elements." />
<style type="text/css">

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
div {
background: blue;
width: 2in;
}
.box {
height: 1in;
}
</style>
<body>
<p>Test passes if the "Filler Text" below is inside the box.</p>
<div>Filler Text</div>
<div class="box"></div>
</body>

View file

@ -5,6 +5,7 @@
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
<link rel="match" href="caption-side-applies-to-017-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'." />
<style type="text/css">

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
div {
height: 120px;
width: 220px;
}
.orange {
background: orange;
}
.blue {
background: blue;
}
</style>
<body>
<p>Test passes if the orange and blue boxes below are the same width.</p>
<div class="orange"></div>
<div class="blue"></div>
</body>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Collapsing borders model row width equation (auto layout)</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="collapsing-border-model-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The user agent adheres to the collapsing border model row width equation in auto table layout." />
<style type="text/css">
@ -22,7 +23,7 @@
#div1
{
background: orange;
height: 110px;
height: 120px;
width: 220px;
}
</style>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
div {
height: 1.5in;
width: 100px;
}
.orange {
background: orange;
}
.blue {
background: blue;
width: 50px;
float: right;
}
</style>
<body>
<p>Test passes if the orange and blue boxes below are the same height.</p>
<div class="orange"><div class="blue"></div></div>
</body>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Top table border width under collapsing borders model</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="collapsing-border-model-003-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The top border width of the table is half of the maximum collapsed top border width." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: Tables under the collapsing borders model don't have padding</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="collapsing-border-model-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Padding doesn't apply to a table under the collapsing border model." />
<style type="text/css">
@ -23,7 +24,7 @@
#div1
{
background: orange;
height: 110px;
height: 120px;
width: 220px;
}
</style>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Left table border width under collapsing borders model</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="collapsing-border-model-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The left border width of the table is half of the first cell's collapsed left border width." />
<style type="text/css">
@ -14,21 +15,22 @@
}
col
{
width: 1in;
width: 165px;
}
td, #div1
{
height: 1in;
height: 120px;
}
td
{
border-left: 1in solid blue;
width: 110px;
border-left: 110px solid blue;
padding: 0;
}
#div1
{
background: orange;
width: 1.5in;
width: 220px;
}
</style>
</head>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Right table border width under collapsing borders model</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="collapsing-border-model-001-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The right border width of the table is half of the collapsed right border width of the last cell of the first row." />
<style type="text/css">
@ -14,21 +15,22 @@
}
col
{
width: 1in;
width: 165px;
}
td, #div1
{
height: 1in;
height: 120px;
}
td
{
border-right: 1in solid blue;
width: 110px;
border-right: 110px solid blue;
padding: 0;
}
#div1
{
background: orange;
width: 1.5in;
width: 220px;
}
</style>
</head>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Bottom table border width under collapsing borders model</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
<link rel="match" href="collapsing-border-model-003-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="The bottom border width of the table is half of the maximum collapsed bottom border width." />
<style type="text/css">

View file

@ -4,6 +4,7 @@
<title>CSS Test: Row and the 'visibility' property</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="" />
<meta name="assert" content="A 'visibility' value of 'collapse' applies to table rows." />
<style type="text/css">
@ -27,13 +28,13 @@
.cell
{
display: table-cell;
height: 1in;
width: 1in;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="table">
<div id="row1">
<div class="cell"></div>

View file

@ -4,6 +4,7 @@
<title>CSS Test: Row group and the 'visibility' property</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" />
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="" />
<meta name="assert" content="The 'visibility' value of 'collapse' applies to table row groups." />
<style type="text/css">
@ -31,13 +32,13 @@
.cell
{
display: table-cell;
height: 1in;
width: 1in;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is no red visible on the page.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="table">
<div id="rowgroup1">
<div id="row">

View file

@ -4,6 +4,7 @@
<title>CSS Test: Table-cell</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
<meta name="flags" content="" />
<meta name="assert" content="An element with 'display: table-cell' is rendered as if it were a table cell." />
<style type="text/css">
@ -19,13 +20,13 @@
{
background: black;
display: table-cell;
height: 2em;
width: 2em;
height: 48px;
width: 48px;
}
</style>
</head>
<body>
<p>Test passes if there is a square below.</p>
<p>Test passes if there is a filled black square.</p>
<div class="table">
<div class="tr">
<div class="td"></div>

View file

@ -0,0 +1,4 @@
<!DOCTYPE html>
<title>Reference for the content CSS attribute can replace an element's contents</title>
<img src='resources/rect.svg' />

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<title>The content CSS attribute can replace an element's contents</title>
<link rel="match" href="element-replacement-ref.html" />
<link rel="help" href="https://drafts.csswg.org/css-content-3/#content-property" />
<meta name="assert" content"This test checks that the CSS content propertly can replace a normal element's contents" />
<style>
p {
margin: 0;
content: url('resources/rect.svg');
}
</style>
<p>This text should not be visible</p>

View file

@ -0,0 +1,3 @@
<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100" fill="green" />
</svg>

After

Width:  |  Height:  |  Size: 148 B

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Display: Apply white-space property of display:contents element to inline children</title>
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
<link rel="match" href="display-contents-text-inherit-ref.html">
<p>The words "Two" and "lines" should not be on the same line.</p>
<div id="div" style="background-color:red">
<span style="display:contents;white-space:pre-line">Two
lines
</span>
</div>
<script>
document.body.offsetTop;
div.style.backgroundColor = "transparent";
</script>

View file

@ -10,17 +10,15 @@
}
.test {
font-family: fwf;
font-size: 3em;
font-size: 2em;
line-height: 1.1;
}
</style>
<body>
<!-- very minimal test, only tests hist, does not test salt or stylistic sets -->
<p>Test passes if the three lines below are identical, with one cross (✗)</p>
<p>Test passes if the three lines below are identical, with twenty crosses (✗).</p>
<section class="test">
<p class="ref">B</p>
<p class="ref">B</p>
<p class="ref">B</p>
</section>
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
</section>

View file

@ -28,10 +28,9 @@
</style>
<body>
<p>Test passes if the three lines below are identical, with twenty crosses (✗)
<!--, followed by one check mark (✓)-->. </p>
<p>Test passes if the three lines below are identical, with twenty crosses (✗).</p>
<section class="test">
<p class="high">Xnophijklmqrstuvwxyz</p>
<p class="low">Xnophijklmqrstuvwxyz</p>
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
</section>
<p class="high">Xnophijklmqrstuvwxyz</p>
<p class="low">Xnophijklmqrstuvwxyz</p>
<p class="ref">BBBBBBBBBBBBBBBBBBBB</p>
</section>

View file

@ -10,7 +10,7 @@
}
.test {
font-family: fwf;
font-size: 3em;
font-size: 2em;
line-height: 1.1;
}
</style>
@ -18,9 +18,9 @@
<!-- very minimal test, only tests hist, does not test salt or stylistic sets -->
<p>Test passes if the three lines below are identical, with onecheck mark (✓). </p>
<p>Test passes if the three lines below are identical, with one check mark (✓) followed by nineteen crosses (✗). </p>
<section class="test">
<p class="ref">A</p>
<p class="ref">A</p>
<p class="ref">A</p>
</section>
<p class="ref">ABBBBBBBBBBBBBBBBBBB</p>
<p class="ref">ABBBBBBBBBBBBBBBBBBB</p>
<p class="ref">ABBBBBBBBBBBBBBBBBBB</p>
</section>

Some files were not shown because too many files have changed in this diff Show more