mirror of
https://github.com/servo/servo.git
synced 2025-06-24 17:14:33 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
Ms2ger
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
|
@ -10,9 +10,9 @@
|
|||
<link href="https://drafts.csswg.org/css-animations-1/#animation-iteration-count" rel="help">
|
||||
<meta content="animated" name="flags">
|
||||
<meta content="When animation-direction is set to alternate,
|
||||
animation cycle will iteration that are
|
||||
animation cycle will iteration that are
|
||||
odd counts are played in the normal direction,
|
||||
and the animation cycle iterations that are
|
||||
and the animation cycle iterations that are
|
||||
even counts are played in a reverse direction." name="assert">
|
||||
<style>
|
||||
div {
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
animation-duration: 10s;
|
||||
animation-direction: normal;
|
||||
animation-iteration-count: infinite;
|
||||
|
||||
|
||||
background-color: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<div>Filler Text</div>
|
||||
<script>
|
||||
var div = document.getElementsByTagName("div");
|
||||
|
||||
|
||||
setTimeout(function() {
|
||||
div[0].style.display = "none";
|
||||
}, 5000);
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
animation-name: sample;
|
||||
animation-duration: 5s;
|
||||
animation-fill-mode: none;
|
||||
|
||||
|
||||
background-color: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -7,15 +7,15 @@
|
|||
<link href="https://drafts.csswg.org/css-animations-1/#animation-duration" rel="help">
|
||||
<link href="https://drafts.csswg.org/css-animations-1/#animation-fill-mode" rel="help">
|
||||
<meta content="animated" name="flags">
|
||||
<meta content="When animation-fill-mode is set to forwards,
|
||||
animation will apply the property values for the time the amination ended
|
||||
<meta content="When animation-fill-mode is set to forwards,
|
||||
animation will apply the property values for the time the amination ended
|
||||
after the animation ends." name="assert">
|
||||
<style>
|
||||
div {
|
||||
animation-name: sample;
|
||||
animation-duration: 5s;
|
||||
animation-fill-mode: forwards;
|
||||
|
||||
|
||||
background-color: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
animation-duration: 5s;
|
||||
animation-delay: 5s;
|
||||
animation-fill-mode: backwards;
|
||||
|
||||
|
||||
background-color: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
animation-duration: 5s;
|
||||
animation-delay: 5s;
|
||||
animation-fill-mode: both;
|
||||
|
||||
|
||||
background-color: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
</head><body>
|
||||
<p>
|
||||
Test passes if there is a filled blue square with 'Filler Text',
|
||||
which starts moving right to left along the yellow bar,
|
||||
which starts moving right to left along the yellow bar,
|
||||
and pauses in the middle after about 2 seconds' animation.
|
||||
</p>
|
||||
<div id="test-animation-paused">Filler Text</div>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link href="https://drafts.csswg.org/css-animations-1/#animation-timing-function" rel="help">
|
||||
<meta content="animated" name="flags">
|
||||
<meta content="Check that animation-timing-function is set to ease-in-out,
|
||||
animation will start slow, gain acceleration in the middel
|
||||
animation will start slow, gain acceleration in the middel
|
||||
and again slow down at the end." name="assert">
|
||||
<style>
|
||||
div {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link href="https://drafts.csswg.org/css-animations-1/#animation-timing-function" rel="help">
|
||||
<meta content="animated" name="flags">
|
||||
<meta content="Check that animation-timing-function is set to ease-out,
|
||||
animation will start with higher (than the normal) speed
|
||||
animation will start with higher (than the normal) speed
|
||||
and relatively slow down as time progresses." name="assert">
|
||||
<style>
|
||||
div {
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
</head><body>
|
||||
<p>
|
||||
Test passes if there is a filled blue square with 'Filler Text',
|
||||
which starts moving from right to left; animation starts and relatively
|
||||
which starts moving from right to left; animation starts and relatively
|
||||
slows down as time progresses.
|
||||
</p>
|
||||
<div>Filler Text</div>
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@
|
|||
<link href="https://drafts.csswg.org/css-animations-1/#animation-duration" rel="help">
|
||||
<link href="https://drafts.csswg.org/css-animations-1/#animation-timing-function" rel="help">
|
||||
<meta content="animated" name="flags">
|
||||
<meta content="When animation-timing-function is set to linear,
|
||||
animation will progress over one cycle of its duration
|
||||
<meta content="When animation-timing-function is set to linear,
|
||||
animation will progress over one cycle of its duration
|
||||
with constant speed." name="assert">
|
||||
<style>
|
||||
div {
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<p>Test passes if you see a green square rotating once on top of a static blue square and no red.</p>
|
||||
|
||||
|
||||
<div class="region">
|
||||
<p> </p>
|
||||
</div>
|
||||
|
|
@ -50,4 +50,5 @@
|
|||
xxxxx<br>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<p>Test passes if you see a rotating green square on top of a static blue square and no red.</p>
|
||||
|
||||
|
||||
<div class="region">
|
||||
<div class="transformed flow rotate once">
|
||||
xxxxx<br>
|
||||
|
|
@ -34,4 +34,5 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -2,35 +2,35 @@
|
|||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
CSS Values and Units Test:
|
||||
CSS Values and Units Test:
|
||||
Viewport units are interpolated correctly
|
||||
</title>
|
||||
<meta content="
|
||||
The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
||||
" name="assert">
|
||||
|
||||
|
||||
<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY">
|
||||
|
||||
<link href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-animations/#animations" rel="help">
|
||||
|
||||
<link href="reference/all-green.htm" rel="match">
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@keyframes anim {
|
||||
from { width: 0%; height: 0%; }
|
||||
to { width: 200vw; height: 200vh; }
|
||||
}
|
||||
|
||||
|
||||
html, body { margin: 0px; padding: 0px; }
|
||||
|
||||
|
||||
html { background: red; overflow: hidden; }
|
||||
#outer { position: relative; background: green; }
|
||||
#outer { animation: anim 2000000s; animation-delay: -1000000s; }
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,35 +2,35 @@
|
|||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
CSS Values and Units Test:
|
||||
CSS Values and Units Test:
|
||||
Viewport units are interpolated correctly
|
||||
</title>
|
||||
<meta content="
|
||||
The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
|
||||
" name="assert">
|
||||
|
||||
|
||||
<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY">
|
||||
|
||||
<link href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-animations/#animations" rel="help">
|
||||
|
||||
<link href="reference/all-green.htm" rel="match">
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@keyframes anim {
|
||||
from { width: 0px; height: 0px; }
|
||||
to { width: 200vw; height: 200vh; }
|
||||
}
|
||||
|
||||
|
||||
html, body { margin: 0px; padding: 0px; }
|
||||
|
||||
|
||||
html { background: red; overflow: hidden; }
|
||||
#outer { position: relative; background: green; }
|
||||
#outer { animation: anim 2000000s; animation-delay: -1000000s; }
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,35 +2,35 @@
|
|||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
CSS Values and Units Test:
|
||||
CSS Values and Units Test:
|
||||
Viewport units are interpolated correctly
|
||||
</title>
|
||||
<meta content="
|
||||
The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
|
||||
" name="assert">
|
||||
|
||||
|
||||
<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY">
|
||||
|
||||
<link href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-animations/#animations" rel="help">
|
||||
|
||||
<link href="reference/all-green.htm" rel="match">
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@keyframes anim {
|
||||
from { width: 75vw; height: 75vh; }
|
||||
to { width: 125vw; height: 125vh; }
|
||||
}
|
||||
|
||||
|
||||
html, body { margin: 0px; padding: 0px; }
|
||||
|
||||
|
||||
html { background: red; overflow: hidden; }
|
||||
#outer { position: relative; background: green; }
|
||||
#outer { animation: anim 2000000s; animation-delay: -1000000s; }
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue