mirror of
https://github.com/servo/servo.git
synced 2025-08-14 18:05:36 +01:00
Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985
This commit is contained in:
Josh Matthews
parent
43a4f01647
commit
64e0a52537
12717 changed files with 59835 additions and 59820 deletions
2
tests/wpt/web-platform-tests/css/css-cascade/OWNERS
Normal file
2
tests/wpt/web-platform-tests/css/css-cascade/OWNERS
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@fantasai
|
||||
@tabatkins
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade Green Right Square Reference File</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<style>
|
||||
#success {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div>
|
||||
<div id="success" class="square green above-right"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: "all" shorthand property excludes "direction"</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-3/#all-shorthand">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-4/#all-shorthand">
|
||||
<link rel="match" href="all-prop-001-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="The 'direction' property should not be included in the properties that the 'all' shorthand is expanded to.">
|
||||
<style>
|
||||
.outer {
|
||||
direction: rtl;/* should not get overridden by 'all' */
|
||||
all: initial;/* if incorrectly implemented, this causes direction:initial; which is the same as direction:ltr; */
|
||||
/* need these to trump 'all': */
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.square {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.green {
|
||||
background-color: green;
|
||||
}
|
||||
.above-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.red {
|
||||
background-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div class="outer">
|
||||
<div class="square green above-right"></div>
|
||||
<div class="square red"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: all:inherit includes display:inherit</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-3/#all-shorthand">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-4/#all-shorthand">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="all:inherit should cause display:inherit so the red divs will display inline/horizontal (like their parent span) rather than block/vertical (like the default UA style for a div).">
|
||||
<style>
|
||||
.inline {
|
||||
all: inherit;/* inherit display:inline from span */
|
||||
}
|
||||
.half-red-sq {
|
||||
/* half of a red square */
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
#positioned {
|
||||
position: relative;
|
||||
}
|
||||
#green-sq {
|
||||
position: absolute;/* put higher on Z axis */
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="positioned">
|
||||
<div id="green-sq"></div>
|
||||
<span>
|
||||
<div class="inline"><div class="half-red-sq"></div></div><div class="inline"><div class="half-red-sq"></div></div>
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS Cascading and Inheritance test: Root element inherits from initial values</title>
|
||||
<link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com">
|
||||
<link rel="help" href="https://www.w3.org/TR/css3-cascade/#inheriting">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
html {
|
||||
z-index: inherit;
|
||||
position: inherit;
|
||||
overflow: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
body {
|
||||
overflow: scroll;
|
||||
background-color: pink;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
test(function() {
|
||||
assert_equals(getComputedStyle(document.documentElement).zIndex, "auto");
|
||||
}, "z-index:inherit on root element should compute to 'auto'.");
|
||||
|
||||
test(function() {
|
||||
assert_equals(getComputedStyle(document.documentElement).position, "static");
|
||||
}, "position:inherit on root element should compute to 'static'.");
|
||||
|
||||
test(function() {
|
||||
assert_equals(getComputedStyle(document.documentElement).overflow, "visible");
|
||||
}, "overflow:inherit on root element should compute to 'visible'.");
|
||||
|
||||
test(function() {
|
||||
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgba(0, 0, 0, 0)");
|
||||
}, "background-color:inherit on root element should compute to 'rgba(0, 0, 0, 0)'.");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade "W" Reference File</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<style>
|
||||
body {
|
||||
background-color: white;
|
||||
}
|
||||
div {
|
||||
font-size: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a "W" and <strong>no red</strong>.</p>
|
||||
<div>W</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: the "initial" value</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-3/#initial">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-4/#initial">
|
||||
<link rel="match" href="initial-color-background-001-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="initial is not the same as inherit. color:initial results in non-red. background-color:initial results in transparent.">
|
||||
<style>
|
||||
body {
|
||||
background-color: white;
|
||||
}
|
||||
div {
|
||||
font-size: 100px;
|
||||
}
|
||||
.outer {
|
||||
color: red;
|
||||
}
|
||||
.inner {
|
||||
background-color: red;
|
||||
}
|
||||
.inner {
|
||||
color: initial;/* normally black, almost certainly not red */
|
||||
background-color: initial;/* transparent, so the body's white will show thru */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a "W" and <strong>no red</strong>.</p>
|
||||
<div class="outer">
|
||||
<div class="inner">W</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +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 Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: 'revert' keyword for 'display' property of div element</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-cascade-4/#default">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#flow-content-3">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="On a <div>, display:revert should compute to display:block per the default styles for <div>s in the UA stylesheet.">
|
||||
<style>
|
||||
#outer {
|
||||
background-color: red;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#inner {
|
||||
color: green;
|
||||
background-color: green;
|
||||
display: inline;
|
||||
display: revert;/* since #inner is a <div>, this should compute to 'block' */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div id="outer">
|
||||
<div id="inner">
|
||||
This<br>
|
||||
is<br>
|
||||
filler<br>
|
||||
text.<br>
|
||||
This<br>
|
||||
is<br>
|
||||
filler<br>
|
||||
text.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: the "unset" value</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit-initial">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit-initial">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="color:unset is the same as color:inherit since color is an inherited property. background-color:unset is the same as background-color:initial since background-color is a non-inherited property.">
|
||||
<style>
|
||||
.square {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.under {
|
||||
background-color: green;
|
||||
}
|
||||
.outer {
|
||||
color: green;
|
||||
}
|
||||
.inner {
|
||||
position: absolute;
|
||||
color: red;
|
||||
background-color: red;
|
||||
font-size: 40px;
|
||||
}
|
||||
.inner {
|
||||
color: unset;/* inherit from .outer */
|
||||
background-color: unset;/* initial, transparent, .under shows thru */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div class="outer">
|
||||
<div class="inner square">WW</div>
|
||||
<div class="under square"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: the "unset" value</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit-initial">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit-initial">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="display:unset should be the same as display:initial since 'display' is not an inherited property. display:unset should be the same as display:inline since 'inline' is the initial value of 'display'.">
|
||||
<style>
|
||||
.square {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.green {
|
||||
background-color: green;
|
||||
}
|
||||
.top {
|
||||
position: absolute;
|
||||
}
|
||||
.fail {
|
||||
background-color: red;
|
||||
display: inline-block;
|
||||
display: unset;/* initial, inline */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div class="top"><span class="square fail"></span></div>
|
||||
<div class="green square"></div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue