mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision a3dd2ad02c65588ad280ceac378d82e9250d1045
This commit is contained in:
WPT Sync Bot
parent
e26530341b
commit
15e68ad3d3
171 changed files with 2819 additions and 1841 deletions
|
|
@ -0,0 +1,19 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test: Invalidating style inside display:none with ::before should not crash.</title>
|
||||
<link rel="help" href="https://crbug.com/1013570">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
#outer { display: none }
|
||||
#outer::before { content: " "; }
|
||||
</style>
|
||||
<div id="outer">
|
||||
<div id="inner"></div>
|
||||
</div>
|
||||
<script>
|
||||
test(() => {
|
||||
assert_equals(getComputedStyle(inner).color, "rgb(0, 0, 0)");
|
||||
inner.style.color = "green";
|
||||
assert_equals(getComputedStyle(inner).color, "rgb(0, 128, 0)");
|
||||
}, "Invalidating style inside display:none with ::before should not crash.");
|
||||
</script>
|
||||
|
|
@ -1,25 +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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,33 +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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,35 +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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,35 +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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -2,19 +2,19 @@
|
|||
<meta charset="utf-8">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>initial-letter width test</title>
|
||||
<style>
|
||||
span {
|
||||
position: absolute;
|
||||
color: transparent;
|
||||
}
|
||||
#control {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<title>initial-letter width test</title>
|
||||
<style>
|
||||
span {
|
||||
position: absolute;
|
||||
color: transparent;
|
||||
}
|
||||
#control {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>There should be no red</p>
|
||||
<span id="control">Test.</span>
|
||||
<p>There should be no red</p>
|
||||
<span id="control">Test.</span>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,37 +2,37 @@
|
|||
<meta charset="utf-8">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>initial-letter width test</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=362880">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
|
||||
<link rel="match" href="first-letter-width-ref.html">
|
||||
<meta name="assert" content="The width of an element with first-letter styling should render correctly.">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
}
|
||||
span {
|
||||
position: absolute;
|
||||
color: transparent;
|
||||
}
|
||||
#control {
|
||||
background-color: green;
|
||||
}
|
||||
#test {
|
||||
background-color: red;
|
||||
line-height: 1;
|
||||
top: 1px;
|
||||
}
|
||||
#test::first-letter {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
<title>initial-letter width test</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=362880">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
|
||||
<link rel="match" href="first-letter-width-ref.html">
|
||||
<meta name="assert" content="The width of an element with first-letter styling should render correctly.">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
}
|
||||
span {
|
||||
position: absolute;
|
||||
color: transparent;
|
||||
}
|
||||
#control {
|
||||
background-color: green;
|
||||
}
|
||||
#test {
|
||||
background-color: red;
|
||||
line-height: 1;
|
||||
top: 1px;
|
||||
}
|
||||
#test::first-letter {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>There should be no red</p>
|
||||
<div>
|
||||
<span id="test">Test</span>
|
||||
<span id="control">Test.</span>
|
||||
</div>
|
||||
<p>There should be no red</p>
|
||||
<div>
|
||||
<span id="test">Test</span>
|
||||
<span id="control">Test.</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue