mirror of
https://github.com/servo/servo.git
synced 2025-08-11 00:15:32 +01:00
Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985
This commit is contained in:
parent
43a4f01647
commit
64e0a52537
12717 changed files with 59835 additions and 59820 deletions
2
tests/wpt/web-platform-tests/css/css-pseudo/OWNERS
Normal file
2
tests/wpt/web-platform-tests/css/css-pseudo/OWNERS
Normal file
|
@ -0,0 +1,2 @@
|
|||
@plinss
|
||||
@frivoal
|
|
@ -0,0 +1,25 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
font-size: 50px;
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 50px;
|
||||
}
|
||||
div span {
|
||||
color: green;
|
||||
background: green;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
|
||||
<div><span>a</span></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,33 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::first-letter formatting</title>
|
||||
<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
|
||||
<link rel="match" href="first-letter-001-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that a floated ::first-letter follows the usual formating rules for floats.">
|
||||
<style>
|
||||
div {
|
||||
font-size: 50px;
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 50px;
|
||||
background: red;
|
||||
}
|
||||
span {
|
||||
background : white;
|
||||
}
|
||||
div::first-letter {
|
||||
color: green;
|
||||
background: green;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
|
||||
<div>a<span> </span></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,35 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::first-letter formatting</title>
|
||||
<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
|
||||
<link rel="match" href="first-letter-001-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.">
|
||||
<style>
|
||||
div {
|
||||
font-size: 50px;
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 50px;
|
||||
}
|
||||
#d1 span {
|
||||
color: red;
|
||||
background: red;
|
||||
float: left;
|
||||
}
|
||||
#d2::first-letter {
|
||||
color: green;
|
||||
background: green;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
|
||||
<div id="d1"><span>a</span></div>
|
||||
<div id="d2">a</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,35 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::first-letter formatting</title>
|
||||
<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
|
||||
<link rel="match" href="first-letter-001-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that a floated ::first-letter is formatted identically to a floated non-pseudo element with the same content.">
|
||||
<style>
|
||||
div {
|
||||
font-size: 50px;
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 50px;
|
||||
}
|
||||
#d1::first-letter {
|
||||
color: red;
|
||||
background: red;
|
||||
float: left;
|
||||
}
|
||||
#d2 span {
|
||||
color: green;
|
||||
background: green;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green rectangle</strong> and <strong>no red</strong>.</p>
|
||||
<div id="d1">a</div>
|
||||
<div id="d2"><span>a</span></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker interaction with ::before, ::after, and ::first-letter pseudo elements reference file</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<style>
|
||||
li {
|
||||
color: green;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.first-letter {
|
||||
color: white;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li><span class="first-letter">P</span>ASSED if the list marker is green.</li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker interaction with ::before, ::after, and ::first-letter pseudo elements</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<link rel="match" href="marker-and-other-pseudo-elements-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
|
||||
<meta name="assert" content="Tests ::marker interaction with ::before, ::after, and ::first-letter pseudo elements">
|
||||
<style>
|
||||
li {
|
||||
color: red;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
li::before {
|
||||
color: green;
|
||||
content: "PA";
|
||||
}
|
||||
|
||||
li::after {
|
||||
color: green;
|
||||
content: "SSED if the list marker is green.";
|
||||
}
|
||||
|
||||
li::marker {
|
||||
color: green;
|
||||
}
|
||||
|
||||
li::first-letter {
|
||||
color: white;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker formatting with color property reference file</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<style>
|
||||
li {
|
||||
color: green;
|
||||
font-size: 40px;
|
||||
list-style-type: square;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li><!-- The list marker should be a green square.--></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker formatting with color property</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<link rel="match" href="marker-color-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
|
||||
<meta name="assert" content="Tests ::marker rendering with color property">
|
||||
<style>
|
||||
li {
|
||||
color: red;
|
||||
font-size: 40px;
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
li::marker {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li><!-- The list marker should be a green square.--></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker formatting with font properties reference file</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<style>
|
||||
li {
|
||||
font-family: sans-serif;
|
||||
font-size: 24px;
|
||||
font-style: italic;
|
||||
font-variant: small-caps;
|
||||
font-weight: bold;
|
||||
list-style-type: lower-alpha;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker formatting with font properties</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<link rel="match" href="marker-font-properties-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
|
||||
<meta name="assert" content="Tests ::marker rendering with font properties">
|
||||
<style>
|
||||
li {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
li::marker {
|
||||
font-family: sans-serif;
|
||||
font-size: 24px;
|
||||
font-style: italic;
|
||||
font-variant: small-caps;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li><span style="font-size: 24px"><!-- FIXME: Needed to ensure consistent baseline position with expected result in WebKit (why?). --></span></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker inherits values from originating element reference file</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<style>
|
||||
li {
|
||||
color: green;
|
||||
font-family: sans-serif;
|
||||
font-size: x-large;
|
||||
font-style: italic;
|
||||
font-variant: small-caps;
|
||||
font-weight: bold;
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: ::marker inherits values from originating element</title>
|
||||
<link rel="author" title="Daniel Bates" href="mailto:dbates@webkit.org">
|
||||
<link rel="match" href="marker-inherit-values-ref.html">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
|
||||
<meta name="assert" content="Tests ::marker inherits values from originating element">
|
||||
<style>
|
||||
ol {
|
||||
color: red;
|
||||
}
|
||||
|
||||
li { /* Originating element */
|
||||
color: green;
|
||||
font-family: sans-serif;
|
||||
font-size: x-large;
|
||||
font-style: italic;
|
||||
font-variant: small-caps;
|
||||
font-weight: bold;
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
li::marker {
|
||||
color: inherit;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-variant: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol>
|
||||
<li></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue