diff options
author | Ms2ger <Ms2ger@gmail.com> | 2015-12-09 01:48:05 -0500 |
---|---|---|
committer | Ms2ger <Ms2ger@gmail.com> | 2015-12-10 10:03:03 -0500 |
commit | 35c74aecc22e60ccb3dbb03000c8546941b8250c (patch) | |
tree | 91cc0748250b0808b56652bd4162414074490410 /tests/wpt/css-tests/css-animations-1_dev/html | |
parent | 9aa1b1e408f3c7cc9c7774da203d261ac0922866 (diff) | |
download | servo-35c74aecc22e60ccb3dbb03000c8546941b8250c.tar.gz servo-35c74aecc22e60ccb3dbb03000c8546941b8250c.zip |
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/html')
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> </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> |