diff options
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/xhtml1')
16 files changed, 44 insertions, 42 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-001.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-001.xht index 8071cc912cc..6ca359ba093 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-001.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-001.xht @@ -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/xhtml1/animation-direction-002.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-002.xht index 60bdf296de5..8ae4c81a309 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-002.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-direction-002.xht @@ -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/xhtml1/animation-display.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-display.xht index 32428689c76..83f34bb027d 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-display.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-display.xht @@ -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/xhtml1/animation-fill-mode-001.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-001.xht index 5dcec72e395..ad321a764de 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-001.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-001.xht @@ -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/xhtml1/animation-fill-mode-002.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-002.xht index 5f690ecd584..328e31220b3 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-002.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-002.xht @@ -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/xhtml1/animation-fill-mode-003.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-003.xht index 81a57768bf4..9f753b99080 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-003.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-003.xht @@ -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/xhtml1/animation-fill-mode-004.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-004.xht index b6afa979274..36e7038ab58 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-004.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-fill-mode-004.xht @@ -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/xhtml1/animation-play-state-001.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-play-state-001.xht index 1d72b8a5d64..182b22062b6 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-play-state-001.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-play-state-001.xht @@ -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/xhtml1/animation-timing-function-004.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-004.xht index 467db8e5cb4..83cb427010a 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-004.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-004.xht @@ -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/xhtml1/animation-timing-function-005.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-005.xht index f1d2cf76dda..7c9afbe68a0 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-005.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-005.xht @@ -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/xhtml1/animation-timing-function-006.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-006.xht index a328b4cba3d..c7c7ca4f80e 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-006.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animation-timing-function-006.xht @@ -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/xhtml1/animations-001.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animations-001.xht index a445d59b7bf..eaa7aac1a41 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animations-001.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/animations-001.xht @@ -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/xhtml1/reference/animations-001-ref.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/reference/animations-001-ref.xht index abae131eff2..d5c95bbb26b 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/reference/animations-001-ref.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/reference/animations-001-ref.xht @@ -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/xhtml1/vh-interpolate-pct.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht index 980d0d536f5..3ca5964d97e 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht @@ -2,35 +2,35 @@ <html xmlns="http://www.w3.org/1999/xhtml"><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.xht" 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/xhtml1/vh-interpolate-px.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht index da909744e7a..b06ce12b38c 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht @@ -2,35 +2,35 @@ <html xmlns="http://www.w3.org/1999/xhtml"><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.xht" 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/xhtml1/vh-interpolate-vh.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht index 65257a7573e..8217d9e055c 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht @@ -2,35 +2,35 @@ <html xmlns="http://www.w3.org/1999/xhtml"><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.xht" 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> |