aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-animations-1_dev/html
diff options
context:
space:
mode:
authorMs2ger <Ms2ger@gmail.com>2015-12-09 01:48:05 -0500
committerMs2ger <Ms2ger@gmail.com>2015-12-10 10:03:03 -0500
commit35c74aecc22e60ccb3dbb03000c8546941b8250c (patch)
tree91cc0748250b0808b56652bd4162414074490410 /tests/wpt/css-tests/css-animations-1_dev/html
parent9aa1b1e408f3c7cc9c7774da203d261ac0922866 (diff)
downloadservo-35c74aecc22e60ccb3dbb03000c8546941b8250c.tar.gz
servo-35c74aecc22e60ccb3dbb03000c8546941b8250c.zip
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/html')
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-001.htm4
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-002.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-display.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-001.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-002.htm6
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-003.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-004.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-play-state-001.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-004.htm2
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm4
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-006.htm4
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animations-001.htm3
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/reference/animations-001-ref.htm3
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm16
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm16
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm16
16 files changed, 44 insertions, 42 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-001.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-001.htm
index b57893095df..2f4475a1abd 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-001.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-001.htm
@@ -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 {
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-002.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-002.htm
index 09e960c18fd..d4abf2a782b 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-002.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-direction-002.htm
@@ -17,7 +17,7 @@
animation-duration: 10s;
animation-direction: normal;
animation-iteration-count: infinite;
-
+
background-color: blue;
height: 100px;
width: 100px;
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-display.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-display.htm
index fbd138d5d4a..8f9b81e15ba 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-display.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-display.htm
@@ -38,7 +38,7 @@
<div>Filler Text</div>
<script>
var div = document.getElementsByTagName("div");
-
+
setTimeout(function() {
div[0].style.display = "none";
}, 5000);
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-001.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-001.htm
index c7feeb3e50c..04eaf1d6ee5 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-001.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-001.htm
@@ -14,7 +14,7 @@
animation-name: sample;
animation-duration: 5s;
animation-fill-mode: none;
-
+
background-color: blue;
height: 100px;
width: 100px;
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-002.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-002.htm
index 14e63cec587..e9fcd0fd67f 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-002.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-002.htm
@@ -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;
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-003.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-003.htm
index 4fe53bfc9f6..5c529da22ef 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-003.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-003.htm
@@ -19,7 +19,7 @@
animation-duration: 5s;
animation-delay: 5s;
animation-fill-mode: backwards;
-
+
background-color: blue;
height: 100px;
width: 100px;
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-004.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-004.htm
index 233ef75728d..03c4fc40a9d 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-004.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-fill-mode-004.htm
@@ -16,7 +16,7 @@
animation-duration: 5s;
animation-delay: 5s;
animation-fill-mode: both;
-
+
background-color: blue;
height: 100px;
width: 100px;
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-play-state-001.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-play-state-001.htm
index 6765a915f4b..eca1d8ebbdf 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-play-state-001.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-play-state-001.htm
@@ -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>
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-004.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-004.htm
index 37b86b1f2db..d57635d859f 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-004.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-004.htm
@@ -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 {
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm
index ed2edca0ef6..3b10df2face 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm
@@ -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>
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-006.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-006.htm
index 98865f132ac..77be568b8a9 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-006.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-006.htm
@@ -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 {
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animations-001.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animations-001.htm
index aab675d698c..ced9bf2f461 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animations-001.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/animations-001.htm
@@ -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>&nbsp;</p>
</div>
@@ -50,4 +50,5 @@
xxxxx<br>
</div>
+
</body></html> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/reference/animations-001-ref.htm b/tests/wpt/css-tests/css-animations-1_dev/html/reference/animations-001-ref.htm
index f9c196a25ef..a8fee1e9578 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/reference/animations-001-ref.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/reference/animations-001-ref.htm
@@ -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> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm
index ad3c478d786..8dddd3fdb3e 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm
@@ -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>
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm
index 2ae6f7a5700..8a9b8cf0598 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm
@@ -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>
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm
index 7197b6da943..61a8ee9ded4 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm
@@ -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>