mirror of
https://github.com/servo/servo.git
synced 2025-09-06 04:58:21 +01:00
Update web-platform-tests to revision 9ca57e052ba1b19fa3dd46c6aa656e8d529469a8
This commit is contained in:
WPT Sync Bot
parent
68cb8f3d59
commit
75d6484415
1377 changed files with 31062 additions and 16983 deletions
|
|
@ -2,22 +2,11 @@
|
|||
<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>
|
||||
<title>CSS Cascade: all shorthand Reference File</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<p>Test passes if the digits are <strong>in order</strong> and there is <strong>no red</strong>.</p>
|
||||
|
||||
<div>
|
||||
<div id="success" class="square green above-right"></div>
|
||||
</div>
|
||||
<div class="test">123 456 789</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,43 +2,48 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: "all" shorthand property excludes "direction"</title>
|
||||
<title>CSS Cascade: "all" shorthand property excludes "direction" and "unicode-bidi"</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<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.">
|
||||
<meta name="assert" content="Test passes if 'all' resets properties other than 'direction' and 'unicode-bidi'.">
|
||||
<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;
|
||||
.test {
|
||||
/* these must not be overridden */
|
||||
direction: rtl;
|
||||
unicode-bidi: bidi-override;
|
||||
}
|
||||
.square {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
||||
.test, bdo {
|
||||
/* all of these must be overridden */
|
||||
border: solid red;
|
||||
background: red;
|
||||
color: red;
|
||||
text-decoration: line-through;
|
||||
font: bold italic small-caps 20px monospace;
|
||||
outline: solid red;
|
||||
float: left;
|
||||
letter-spacing: 1em;
|
||||
display: list-item;
|
||||
text-align: center;
|
||||
width: 0.5em;
|
||||
margin: 10em;
|
||||
overflow: scroll;
|
||||
}
|
||||
.green {
|
||||
background-color: green;
|
||||
}
|
||||
.above-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.red {
|
||||
background-color: red;
|
||||
|
||||
.test, bdo {
|
||||
all: initial;
|
||||
/* if incorrectly implemented, this causes direction: initial; unicode-bidi: initial;
|
||||
which is the same as direction:ltr; unicode-bidi: normal */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<p>Test passes if the digits are <strong>in order</strong> and there is <strong>no red</strong>.</p>
|
||||
|
||||
<div class="outer">
|
||||
<div class="square green above-right"></div>
|
||||
<div class="square red"></div>
|
||||
</div>
|
||||
<div class="test"><bdo dir=rtl>987 <span>654</span></bdo> 321</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: @import with basic media query</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-cascade-3/#conditional-import">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-cascade-4/#conditional-import">
|
||||
<link rel="help" href="https://www.w3.org/TR/css3-mediaqueries/#syntax">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.xht">
|
||||
<meta name="assert" content="Test passes on visual UAs if @import can be combined with a media query.">
|
||||
<style>
|
||||
@import "support/test-red.css";
|
||||
@import "support/test-green.css"
|
||||
(min-width: 1px) and /* assuming screen < 1km */ (max-width: 40000in), nonsense;
|
||||
@import "support/test-red.css"
|
||||
(max-width: 1px), nonsense;
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div class="test">FAIL</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,31 +2,39 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: Important</title>
|
||||
<title>CSS Cascade: Important vs. Animations</title>
|
||||
<link rel="author" title="David Burns" href="http://www.theautomatedtester.co.uk">
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-cascade/#importance">
|
||||
<link rel="match" href="important-prop-ref.html">
|
||||
<meta name="assert" content="Test passes if normal rules are overridden by animations, important rules override animations, and !important declarations are ignored in animations.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
@keyframes override{
|
||||
from, to{background-color: #f00;}
|
||||
@keyframes override {
|
||||
from, to {
|
||||
background: #f00; color: green;
|
||||
border-color: green; border-color: red !important;
|
||||
}
|
||||
}
|
||||
|
||||
.square {
|
||||
color:#00f;
|
||||
animation: override 1s infinite;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 10px solid red;
|
||||
text-align: center;
|
||||
}
|
||||
.green {
|
||||
div {
|
||||
background-color:green !important;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div class="square green"></div>
|
||||
<div class="square green">FAIL</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: Author !important vs. Transitions</title>
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-cascade-3/#cascade-sort">
|
||||
<style>
|
||||
.container { padding: 1em 0; border-style: dotted none; border-width: 1px; }
|
||||
.container > div { width: 5em; text-align: center; border: solid; transition: all 3s; }
|
||||
|
||||
.container > .ref { border-color: blue ; color: navy ; background: aqua ; margin: 0.25em ; }
|
||||
:hover > .ref { border-color: aqua ; color: orange ; background: teal ; margin-left: 40% ; }
|
||||
|
||||
:not(:hover) > .test { border-color: blue !important; color: navy !important; background: aqua ; }
|
||||
div > .test { margin: 0.25em !important; }
|
||||
:hover > .test { border-color: aqua !important; color: orange ; background: teal !important; margin-left: 40% !important; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the two boxes transition identically when hovering with a mouse below.
|
||||
|
||||
<div class=container>
|
||||
<div class=test>Box 1</div>
|
||||
<div class=ref>Box 2</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
.test {
|
||||
background: green;
|
||||
color: green;
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
.test {
|
||||
background: red;
|
||||
color: red;
|
||||
}
|
||||
|
|
@ -4,6 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS Cascade: the "unset" value</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||
<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">
|
||||
|
|
@ -16,15 +17,17 @@
|
|||
}
|
||||
.under {
|
||||
background-color: green;
|
||||
margin-bottom: -100px;
|
||||
}
|
||||
.outer {
|
||||
color: green;
|
||||
background: red;
|
||||
}
|
||||
.inner {
|
||||
position: absolute;
|
||||
color: red;
|
||||
background-color: red;
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.inner {
|
||||
color: unset;/* inherit from .outer */
|
||||
|
|
@ -35,9 +38,9 @@
|
|||
<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="outer square">
|
||||
<div class="under square"></div>
|
||||
<div class="inner square">XX</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue