diff options
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev')
34 files changed, 133 insertions, 129 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> diff --git a/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data index 6c8df5aa646..31d1f185507 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data @@ -17,10 +17,10 @@ html/animation-delay-006.htm 13c48bd6b709280df6a9a5bfff09c2880e868a41 ? xhtml1/animation-delay-006.xht 13c48bd6b709280df6a9a5bfff09c2880e868a41 ? html/animation-delay-007.htm 2f27e7970e6df9f0039f97e9543f4cf5fb16d5a3 ? xhtml1/animation-delay-007.xht 2f27e7970e6df9f0039f97e9543f4cf5fb16d5a3 ? -html/animation-direction-001.htm a7e38f2510c639abc4f8a90f699435377d04bcfd ? -xhtml1/animation-direction-001.xht a7e38f2510c639abc4f8a90f699435377d04bcfd ? -html/animation-direction-002.htm 10d5d6cd6132c928fadcbe3312b8a7ffb2c0dacc ? -xhtml1/animation-direction-002.xht 10d5d6cd6132c928fadcbe3312b8a7ffb2c0dacc ? +html/animation-direction-001.htm 2df75f525c9035f1bf324ee6c8aa27c88d24e7a0 ? +xhtml1/animation-direction-001.xht 2df75f525c9035f1bf324ee6c8aa27c88d24e7a0 ? +html/animation-direction-002.htm d4e3070511f1c29235cf046381b915d0d000d79d ? +xhtml1/animation-direction-002.xht d4e3070511f1c29235cf046381b915d0d000d79d ? html/animation-direction-003.htm 2525726c04b8605f6b2c4809f33866f566ae1b3e ? xhtml1/animation-direction-003.xht 2525726c04b8605f6b2c4809f33866f566ae1b3e ? html/animation-direction-004.htm f14768d125e6639a43406b4640dcc9d93ba83576 ? @@ -29,8 +29,8 @@ html/animation-direction-005.htm 5fa0f64355db4c2c051c6232bdb80f4ac8ff248b ? xhtml1/animation-direction-005.xht 5fa0f64355db4c2c051c6232bdb80f4ac8ff248b ? html/animation-direction-006.htm 05f86fa498917fde4d1216bb9252609c74a7c3f3 ? xhtml1/animation-direction-006.xht 05f86fa498917fde4d1216bb9252609c74a7c3f3 ? -html/animation-display.htm 8e6c27c47e1a837e07eed4a94d6cff0b13f133dc ? -xhtml1/animation-display.xht 8e6c27c47e1a837e07eed4a94d6cff0b13f133dc ? +html/animation-display.htm 6958b8c7f40f295c77dd411d398d688812f9cc9e ? +xhtml1/animation-display.xht 6958b8c7f40f295c77dd411d398d688812f9cc9e ? html/animation-duration-001.htm b7e9e6b620eddf01ef5ce9ff3a90a9d39ce733b2 ? xhtml1/animation-duration-001.xht b7e9e6b620eddf01ef5ce9ff3a90a9d39ce733b2 ? html/animation-duration-002.htm 0a1ced535f37c055b5be633a34613f4a40dc4ed9 ? @@ -47,14 +47,14 @@ html/animation-duration-007.htm a4fc15e755ec66168590d0e39c02e49e1dc10efb ? xhtml1/animation-duration-007.xht a4fc15e755ec66168590d0e39c02e49e1dc10efb ? html/animation-duration-008.htm 1a0b1995d43a4a2524555d9da34a6b36ae31a8ff ? xhtml1/animation-duration-008.xht 1a0b1995d43a4a2524555d9da34a6b36ae31a8ff ? -html/animation-fill-mode-001.htm 92d88eae75f4d45c2af24235c5390469f6a2fe70 ? -xhtml1/animation-fill-mode-001.xht 92d88eae75f4d45c2af24235c5390469f6a2fe70 ? -html/animation-fill-mode-002.htm a2e61dd6fc284dc628ed692448f222e8b560622a ? -xhtml1/animation-fill-mode-002.xht a2e61dd6fc284dc628ed692448f222e8b560622a ? -html/animation-fill-mode-003.htm abb5c141f0f145c8dfda82c28f669112f5b89c3a ? -xhtml1/animation-fill-mode-003.xht abb5c141f0f145c8dfda82c28f669112f5b89c3a ? -html/animation-fill-mode-004.htm e3a3d5e256446592c490233b94568d41e820a6f1 ? -xhtml1/animation-fill-mode-004.xht e3a3d5e256446592c490233b94568d41e820a6f1 ? +html/animation-fill-mode-001.htm a896a903a83ad1bcfa341c883680fb7c69e01385 ? +xhtml1/animation-fill-mode-001.xht a896a903a83ad1bcfa341c883680fb7c69e01385 ? +html/animation-fill-mode-002.htm 8bfc66b6dbcdba2c3997fb053067e4d0175f7392 ? +xhtml1/animation-fill-mode-002.xht 8bfc66b6dbcdba2c3997fb053067e4d0175f7392 ? +html/animation-fill-mode-003.htm 25a8999a2f5c6dcf7212a8d866f3f360c138bba1 ? +xhtml1/animation-fill-mode-003.xht 25a8999a2f5c6dcf7212a8d866f3f360c138bba1 ? +html/animation-fill-mode-004.htm e56ec35c83440c3adbfdfcd742b9c244584dbfe8 ? +xhtml1/animation-fill-mode-004.xht e56ec35c83440c3adbfdfcd742b9c244584dbfe8 ? html/animation-fill-mode-005.htm d60439ebb629902cc04d45b8a9d3f46d334e54b3 ? xhtml1/animation-fill-mode-005.xht d60439ebb629902cc04d45b8a9d3f46d334e54b3 ? html/animation-fill-mode-006.htm e4474eae90dde4cb56ce31fd173ff32cbde1437b ? @@ -95,8 +95,8 @@ html/animation-name-005.htm 9ef57c67ba391e1a00060db5eca52be5fc68c6f0 ? xhtml1/animation-name-005.xht 9ef57c67ba391e1a00060db5eca52be5fc68c6f0 ? html/animation-name-006.htm af99446d3d688a8e6ad08caee199229327c2279a ? xhtml1/animation-name-006.xht af99446d3d688a8e6ad08caee199229327c2279a ? -html/animation-play-state-001.htm 64af3a1bf0816b76b3ac6f15ad15e6cc6c7ccfb3 ? -xhtml1/animation-play-state-001.xht 64af3a1bf0816b76b3ac6f15ad15e6cc6c7ccfb3 ? +html/animation-play-state-001.htm fa1757a1db5df36ac679d7e00c8c2f399caa03fa ? +xhtml1/animation-play-state-001.xht fa1757a1db5df36ac679d7e00c8c2f399caa03fa ? html/animation-play-state-002.htm 22aac25e6c5bc4fccf865d0843e7f97e05ff72e0 ? xhtml1/animation-play-state-002.xht 22aac25e6c5bc4fccf865d0843e7f97e05ff72e0 ? html/animation-play-state-003.htm 1dca5c63b44436557a976a9d2f26755fefb6ade5 ? @@ -115,12 +115,12 @@ html/animation-timing-function-002.htm 7527eff75562c5f49d9599e7495c47aa9bd9f414 xhtml1/animation-timing-function-002.xht 7527eff75562c5f49d9599e7495c47aa9bd9f414 ? html/animation-timing-function-003.htm 214819b56e1e46f9c7aa07d0ce144830ac65e924 ? xhtml1/animation-timing-function-003.xht 214819b56e1e46f9c7aa07d0ce144830ac65e924 ? -html/animation-timing-function-004.htm 4064198bc4b46aaf5eb99144c7343655485b86a9 ? -xhtml1/animation-timing-function-004.xht 4064198bc4b46aaf5eb99144c7343655485b86a9 ? -html/animation-timing-function-005.htm 5a29c60d50b81071e5c7d9d5d75aacbf7fd56fe5 ? -xhtml1/animation-timing-function-005.xht 5a29c60d50b81071e5c7d9d5d75aacbf7fd56fe5 ? -html/animation-timing-function-006.htm 2bb42397e46fd890be8f37a020d4febef34c5b96 ? -xhtml1/animation-timing-function-006.xht 2bb42397e46fd890be8f37a020d4febef34c5b96 ? +html/animation-timing-function-004.htm 7ca5efa977158b094c81822126677f226ccda72b ? +xhtml1/animation-timing-function-004.xht 7ca5efa977158b094c81822126677f226ccda72b ? +html/animation-timing-function-005.htm ba7606126d68f12b031748490229155c91a67be8 ? +xhtml1/animation-timing-function-005.xht ba7606126d68f12b031748490229155c91a67be8 ? +html/animation-timing-function-006.htm 011ab23fe72cbde801ee40a3e7ac9f8c4cdfd31f ? +xhtml1/animation-timing-function-006.xht 011ab23fe72cbde801ee40a3e7ac9f8c4cdfd31f ? html/animation-timing-function-007.htm ffbe76fc315f072878076a7bf711ac9a891eba52 ? xhtml1/animation-timing-function-007.xht ffbe76fc315f072878076a7bf711ac9a891eba52 ? html/animation-timing-function-008.htm 4fbb8d08f0f4b411101c203fc66f72d222df7f44 ? @@ -137,8 +137,8 @@ html/animationevent-interface.htm a1e39dcdabe246037312ac3a8bab7bf3fe904a79 ? xhtml1/animationevent-interface.xht a1e39dcdabe246037312ac3a8bab7bf3fe904a79 ? html/animationevent-types.htm 11cda4945e4216dee93775c6217d3ce303ea04a9 ? xhtml1/animationevent-types.xht 11cda4945e4216dee93775c6217d3ce303ea04a9 ? -html/animations-001.htm d58c2e2ae3f483272798693240d821a63d066892 ? -xhtml1/animations-001.xht d58c2e2ae3f483272798693240d821a63d066892 ? +html/animations-001.htm a4cee4791955488eed14303cedc0330b0531f6f5 ? +xhtml1/animations-001.xht a4cee4791955488eed14303cedc0330b0531f6f5 ? html/animationstart-and-animationend-events.htm 8faa1d6d24026a7e26d4c00bc57b7f70d4042146 ? xhtml1/animationstart-and-animationend-events.xht 8faa1d6d24026a7e26d4c00bc57b7f70d4042146 ? html/css-filters-animation-blur.htm 53622387367e3daa90b9880e22ff9548665f4883 ? @@ -163,9 +163,9 @@ html/css-filters-animation-saturate.htm 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 xhtml1/css-filters-animation-saturate.xht 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 ? html/css-filters-animation-sepia.htm 36a7316bfb518ea1cdefd38151449383c02b57a0 ? xhtml1/css-filters-animation-sepia.xht 36a7316bfb518ea1cdefd38151449383c02b57a0 ? -html/vh-interpolate-pct.htm fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ? -xhtml1/vh-interpolate-pct.xht fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ? -html/vh-interpolate-px.htm 41a610e2dd418e47f56d88171dd0c52a57e06b5e ? -xhtml1/vh-interpolate-px.xht 41a610e2dd418e47f56d88171dd0c52a57e06b5e ? -html/vh-interpolate-vh.htm 42ccc23cc2f90272644bd0188261dacba081ccb2 ? -xhtml1/vh-interpolate-vh.xht 42ccc23cc2f90272644bd0188261dacba081ccb2 ? +html/vh-interpolate-pct.htm ceef2964c18d7fd3cab6f5923fa60a633ec97442 ? +xhtml1/vh-interpolate-pct.xht ceef2964c18d7fd3cab6f5923fa60a633ec97442 ? +html/vh-interpolate-px.htm ade4e7b3374856c99aa9515a936630f49c5c44fb ? +xhtml1/vh-interpolate-px.xht ade4e7b3374856c99aa9515a936630f49c5c44fb ? +html/vh-interpolate-vh.htm 9a46dd5fa51b77278d6d50f7c7f862592aea3413 ? +xhtml1/vh-interpolate-vh.xht 9a46dd5fa51b77278d6d50f7c7f862592aea3413 ? diff --git a/tests/wpt/css-tests/css-animations-1_dev/testinfo.data b/tests/wpt/css-tests/css-animations-1_dev/testinfo.data index 029f3a94e6d..dcd68408de6 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-animations-1_dev/testinfo.data @@ -6,13 +6,13 @@ animation-delay-004 animation-delay - ::after animated https://drafts.csswg.org animation-delay-005 animation-delay - ::before animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 26ecab722c342d2f3f8dd7dc864f1ac64490027c `Intel`<http://www.intel.com> Check that animation-delay applies to the ::before pseudo element. animation-delay-006 animation-delay - initial keyword animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#values 13c48bd6b709280df6a9a5bfff09c2880e868a41 `Intel`<http://www.intel.com> Check that animation-delay property accepts 'initial' keyword. animation-delay-007 animation-delay - inherit keyword animated https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#values 2f27e7970e6df9f0039f97e9543f4cf5fb16d5a3 `Intel`<http://www.intel.com> Check that animation-delay property accepts 'inherit' keyword. -animation-direction-001 animation-direction - alternate animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count a7e38f2510c639abc4f8a90f699435377d04bcfd `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-direction is set to alternate, animation cycle will iteration that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction. -animation-direction-002 animation-direction - normal animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 10d5d6cd6132c928fadcbe3312b8a7ffb2c0dacc `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-direction is set to normal, all iterations of animation are played as specified. +animation-direction-001 animation-direction - alternate animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 2df75f525c9035f1bf324ee6c8aa27c88d24e7a0 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-direction is set to alternate, animation cycle will iteration that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction. +animation-direction-002 animation-direction - normal animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count d4e3070511f1c29235cf046381b915d0d000d79d `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-direction is set to normal, all iterations of animation are played as specified. animation-direction-003 animation-direction - alternate-reverse animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 2525726c04b8605f6b2c4809f33866f566ae1b3e `Intel`<http://www.intel.com> When animation-direction is set to alternate-reverse, the animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction. animation-direction-004 animation-direction - reverse animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count f14768d125e6639a43406b4640dcc9d93ba83576 `Intel`<http://www.intel.com> When animation-direction is set to reverse, all iterations of the animation are played in the reverse direction from the way they were specified. animation-direction-005 animation-direction - ::after animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 5fa0f64355db4c2c051c6232bdb80f4ac8ff248b `Intel`<http://www.intel.com> Check that animation-direction applies to the ::after pseudo element. animation-direction-006 animation-direction - ::before animated https://drafts.csswg.org/css-animations-1/#animation-direction,https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count 05f86fa498917fde4d1216bb9252609c74a7c3f3 `Intel`<http://www.intel.com> Check that animation-direction applies to the ::before pseudo element -animation-display animation - display animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animations 8e6c27c47e1a837e07eed4a94d6cff0b13f133dc `Intel`<http://www.intel.com> Check that setting 'display' property to 'none' terminates running animation applied to the element, and updating 'display' property to a value other than 'none' will start the animation. +animation-display animation - display animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animations 6958b8c7f40f295c77dd411d398d688812f9cc9e `Intel`<http://www.intel.com> Check that setting 'display' property to 'none' terminates running animation applied to the element, and updating 'display' property to a value other than 'none' will start the animation. animation-duration-001 animation-duration - blank value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration b7e9e6b620eddf01ef5ce9ff3a90a9d39ce733b2 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration value is set blank, there will be no animation seen. animation-duration-002 animation-duration - finite value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 0a1ced535f37c055b5be633a34613f4a40dc4ed9 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration is set a finite time offset, animation takes the specifies time to complete one cycle. animation-duration-003 animation-duration - negative value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 5578f320f4d80f5d8e5c0ede61139763bd6343a2 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-duration is set to a negative value, it is treated as 0s (zero seconds) and no animation is seen. @@ -21,10 +21,10 @@ animation-duration-005 animation-duration - 0s, animation-fill-mode - forwards animation-duration-006 animation-duration - 0s, animation-fill-mode - both animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 8f01bff7015212232e2e378bdb2bf30f4d7e390d `Intel`<http://www.intel.com> When animation-duration is set to 0s (zero seconds), and 'animation-fill-mode' is set to 'both', the last frame of the animation will be displayed. animation-duration-007 animation-duration - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration a4fc15e755ec66168590d0e39c02e49e1dc10efb `Intel`<http://www.intel.com> Check that animation-duration applies to the ::before pseudo element. animation-duration-008 animation-duration - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 1a0b1995d43a4a2524555d9da34a6b36ae31a8ff `Intel`<http://www.intel.com> Check that animation-duration applies to the ::after pseudo element. -animation-fill-mode-001 animation-fill-mode - none animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 92d88eae75f4d45c2af24235c5390469f6a2fe70 `Intel`<http://www.intel.com> When animation-fill-mode is set to none, animation has no effect when it is applied but not executing. -animation-fill-mode-002 animation-fill-mode - forwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode a2e61dd6fc284dc628ed692448f222e8b560622a `Intel`<http://www.intel.com> When animation-fill-mode is set to forwards, animation will apply the property values for the time the amination ended after the animation ends. -animation-fill-mode-003 animation-fill-mode - backwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-fill-mode abb5c141f0f145c8dfda82c28f669112f5b89c3a `Intel`<http://www.intel.com> When animation-fill-mode is set to backwards, animation-delay is set a positive time offset, and animation-direction is 'normal' or 'alternate-reverse', animation will apply the from or 0% keyframe that will start the first iteration. -animation-fill-mode-004 animation-fill-mode - both animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-fill-mode e3a3d5e256446592c490233b94568d41e820a6f1 `Intel`<http://www.intel.com> Check if animation-fill-mode is set to both, the effects of both 'forwards' and 'backwards' will apply. +animation-fill-mode-001 animation-fill-mode - none animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode a896a903a83ad1bcfa341c883680fb7c69e01385 `Intel`<http://www.intel.com> When animation-fill-mode is set to none, animation has no effect when it is applied but not executing. +animation-fill-mode-002 animation-fill-mode - forwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 8bfc66b6dbcdba2c3997fb053067e4d0175f7392 `Intel`<http://www.intel.com> When animation-fill-mode is set to forwards, animation will apply the property values for the time the amination ended after the animation ends. +animation-fill-mode-003 animation-fill-mode - backwards animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-fill-mode 25a8999a2f5c6dcf7212a8d866f3f360c138bba1 `Intel`<http://www.intel.com> When animation-fill-mode is set to backwards, animation-delay is set a positive time offset, and animation-direction is 'normal' or 'alternate-reverse', animation will apply the from or 0% keyframe that will start the first iteration. +animation-fill-mode-004 animation-fill-mode - both animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-delay,https://drafts.csswg.org/css-animations-1/#animation-fill-mode e56ec35c83440c3adbfdfcd742b9c244584dbfe8 `Intel`<http://www.intel.com> Check if animation-fill-mode is set to both, the effects of both 'forwards' and 'backwards' will apply. animation-fill-mode-005 animation-fill-mode - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode d60439ebb629902cc04d45b8a9d3f46d334e54b3 `Intel`<http://www.intel.com> Check that animation-fill-mode applies to the ::after pseudo element. animation-fill-mode-006 animation-fill-mode - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode e4474eae90dde4cb56ce31fd173ff32cbde1437b `Intel`<http://www.intel.com> Check that animation-fill-mode applies to the ::before pseudo element. animation-iteration-count-001 animation-iteration-count - default value animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-iteration-count f0d73fe77862535d66dfb252ab96a0ec4adf4a5a `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-iteration-count is not set, 1 is taken by default and animation will play from beginning to end once. @@ -45,7 +45,7 @@ animation-name-003 animation-name - none animated https://drafts.csswg.org/css- animation-name-004 animation-name mismatches keyframe at-rule animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 3cce09a98cd0cb9d7b3d101f608128e4a759bc79 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-name does not match any keyframe at-rule, there are no properties to be animated and animation will not execute. animation-name-005 animation-name - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration 9ef57c67ba391e1a00060db5eca52be5fc68c6f0 `Intel`<http://www.intel.com> Check that animation-name applies to the ::after pseudo element. animation-name-006 animation-name - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration af99446d3d688a8e6ad08caee199229327c2279a `Intel`<http://www.intel.com> Check that animation-name applies to the ::before pseudo element. -animation-play-state-001 animation-play-state - paused animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 64af3a1bf0816b76b3ac6f15ad15e6cc6c7ccfb3 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-play-state is set to paused, animation is paused where the progress it had made before being paused. +animation-play-state-001 animation-play-state - paused animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state fa1757a1db5df36ac679d7e00c8c2f399caa03fa `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-play-state is set to paused, animation is paused where the progress it had made before being paused. animation-play-state-002 animation-play-state - running animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 22aac25e6c5bc4fccf865d0843e7f97e05ff72e0 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-play-state is set to running, animation will proceed as normal. animation-play-state-003 animation-play-state - ::after animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 1dca5c63b44436557a976a9d2f26755fefb6ade5 `Intel`<http://www.intel.com> Check that animation-play-state applies to the ::after pseudo element. animation-play-state-004 animation-play-state - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-play-state 5047e6044f322dd9211c9c3ffc4655b4d6c50540 `Intel`<http://www.intel.com> Check that animation-play-state applies to the ::before pseudo element. @@ -55,9 +55,9 @@ animation-shorthand-003 animation shorthand - ::before animated https://drafts. animation-timing-function-001 animation-timing-function - cubic-bezier with parameters (0,0,1,1) animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function f9aadf639f98f9795400a5218e8540c08366e8cd `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-timing-function is set to cubic-bezier with parameters (0,0,1,1), animation will progress over one cycle of its duration with constant speed. animation-timing-function-002 animation-timing-function - ease animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 7527eff75562c5f49d9599e7495c47aa9bd9f414 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease, animation will starts slow, gain acceleration in the middle and again slow down at the end. animation-timing-function-003 animation-timing-function - ease-in animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 214819b56e1e46f9c7aa07d0ce144830ac65e924 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-in, animation will start slow, gain acceleration as time progresses. -animation-timing-function-004 animation-timing-function - ease-in-out animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 4064198bc4b46aaf5eb99144c7343655485b86a9 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-in-out, animation will start slow, gain acceleration in the middel and again slow down at the end. -animation-timing-function-005 animation-timing-function - ease-out animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 5a29c60d50b81071e5c7d9d5d75aacbf7fd56fe5 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-out, animation will start with higher (than the normal) speed and relatively slow down as time progresses. -animation-timing-function-006 animation-timing-function - linear animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 2bb42397e46fd890be8f37a020d4febef34c5b96 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-timing-function is set to linear, animation will progress over one cycle of its duration with constant speed. +animation-timing-function-004 animation-timing-function - ease-in-out animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 7ca5efa977158b094c81822126677f226ccda72b `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-in-out, animation will start slow, gain acceleration in the middel and again slow down at the end. +animation-timing-function-005 animation-timing-function - ease-out animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function ba7606126d68f12b031748490229155c91a67be8 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animation-timing-function is set to ease-out, animation will start with higher (than the normal) speed and relatively slow down as time progresses. +animation-timing-function-006 animation-timing-function - linear animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 011ab23fe72cbde801ee40a3e7ac9f8c4cdfd31f `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> When animation-timing-function is set to linear, animation will progress over one cycle of its duration with constant speed. animation-timing-function-007 animation-timing-function - step-start animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode,https://drafts.csswg.org/css-animations-1/#animation-timing-function ffbe76fc315f072878076a7bf711ac9a891eba52 `Intel`<http://www.intel.com> When animation-timing-function is set to step-start, animation will play the end effect at the start of the interval. animation-timing-function-008 animation-timing-function - step-end animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function 4fbb8d08f0f4b411101c203fc66f72d222df7f44 `Intel`<http://www.intel.com> When animation-timing-function is set to step-end, animation will play the end effect at the end time point, and keep the start effect at the start of the interval. animation-timing-function-009 animation-timing-function - steps with parameters (<number>, start) animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-fill-mode,https://drafts.csswg.org/css-animations-1/#animation-timing-function 0c8dd1d5b92dfaeb20edb3ff4f3287bb06ecff30 `Intel`<http://www.intel.com> When animation-timing-function is set to steps with paramenters (<number>, start), animation will be defined by the number that divides the domain of operation into equally size intervals, evey time the changes happens at the start of the interval. @@ -66,7 +66,7 @@ animation-timing-function-011 animation-timing-function - ::after animated http animation-timing-function-012 animation-timing-function - ::before animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#animation-timing-function d6a471751d34018dfc5e91a83592e896d8e6e5b5 `Intel`<http://www.intel.com> Check that animation-timing-function applies to the ::before pseudo element. animationevent-interface AnimationEvent interface script https://drafts.csswg.org/css-animations-1/#interface-dom a1e39dcdabe246037312ac3a8bab7bf3fe904a79 `Intel`<http://www.intel.com> animationevent-types AnimationEvnt types - animationstart, animationend,animationiteration script https://drafts.csswg.org/css-animations-1/#event-animationevent 11cda4945e4216dee93775c6217d3ce303ea04a9 `Intel`<http://www.intel.com> -animations-001 reference/animations-001-ref CSS Regions: animating content flowed into a region ahem,animated http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions,http://www.w3.org/TR/css3-animations/#animations d58c2e2ae3f483272798693240d821a63d066892 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that has an animated 3D transform renders and animates when flowed in a region. +animations-001 reference/animations-001-ref CSS Regions: animating content flowed into a region ahem,animated http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#transform-functions,http://www.w3.org/TR/css3-animations/#animations a4cee4791955488eed14303cedc0330b0531f6f5 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that has an animated 3D transform renders and animates when flowed in a region. animationstart-and-animationend-events animation events - animationstart and animationend animated https://drafts.csswg.org/css-animations-1/#animation-name,https://drafts.csswg.org/css-animations-1/#animation-duration,https://drafts.csswg.org/css-animations-1/#events 8faa1d6d24026a7e26d4c00bc57b7f70d4042146 `Nokia Inc.`<http://www.nokia.com>,`Intel`<http://www.intel.com> Check that animationstart event occurs at the start of an animation, animationend event occurs when animation finishes. css-filters-animation-blur reference/css-filters-animation-blur-ref CSS Filters Animation: Blur http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-blur,http://www.w3.org/TR/css3-animations/#animations 53622387367e3daa90b9880e22ff9548665f4883 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be 10px blurred css-filters-animation-brightness reference/css-filters-animation-brightness-ref CSS Filters Animation: Brightness http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-brightness,http://www.w3.org/TR/css3-animations/#animations 6ef87e3d77b51aaa2d33c91de5b6c84e96b41eae `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be dark blue @@ -79,6 +79,6 @@ css-filters-animation-invert reference/css-filters-animation-invert-ref CSS Filt css-filters-animation-opacity reference/css-filters-animation-opacity-ref CSS Filters Animation: Opacity http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations c280f619d6a33d5953c6bde268ba7b0813467b70 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray css-filters-animation-saturate reference/css-filters-animation-saturate-ref CSS Filters Animation: Saturate http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/css3-animations/#animations 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be light-blue css-filters-animation-sepia reference/css-filters-animation-sepia-ref CSS Filters Animation: Sepia http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/css3-animations/#animations 36a7316bfb518ea1cdefd38151449383c02b57a0 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be half-sepia -vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) -vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 41a610e2dd418e47f56d88171dd0c52a57e06b5e `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) -vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 42ccc23cc2f90272644bd0188261dacba081ccb2 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw) +vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations ceef2964c18d7fd3cab6f5923fa60a633ec97442 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) +vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations ade4e7b3374856c99aa9515a936630f49c5c44fb `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) +vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 9a46dd5fa51b77278d6d50f7c7f862592aea3413 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw) 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> |