diff options
Diffstat (limited to 'testing/web-platform/tests/html/webappapis/animation-frames')
6 files changed, 170 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/webappapis/animation-frames/callback-exception.html b/testing/web-platform/tests/html/webappapis/animation-frames/callback-exception.html new file mode 100644 index 000000000..3867f0c41 --- /dev/null +++ b/testing/web-platform/tests/html/webappapis/animation-frames/callback-exception.html @@ -0,0 +1,27 @@ +<!doctype html> +<html> + <head> + <title>requestAnimationFrame callback exception reported to error handler</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <link rel="help" href="https://w3c.github.io/web-performance/specs/RequestAnimationFrame/Overview.html#dom-windowanimationtiming-requestanimationframe"/> + </head> + <body> + <div id="log"></div> + <script> + var custom_exception = 'requestAnimationFrameException'; + setup({allow_uncaught_exception : true}); + async_test(function (t) { + addEventListener("error",function(e) { + t.step(function() { + assert_equals(e.error.message, custom_exception); + t.done(); + }) + }); + window.requestAnimationFrame(function () { + throw new Error(custom_exception); + }); + }, "requestAnimationFrame callback exceptions are reported to error handler"); + </script> + </body> +</html> diff --git a/testing/web-platform/tests/html/webappapis/animation-frames/callback-invoked.html b/testing/web-platform/tests/html/webappapis/animation-frames/callback-invoked.html new file mode 100644 index 000000000..ca34e455a --- /dev/null +++ b/testing/web-platform/tests/html/webappapis/animation-frames/callback-invoked.html @@ -0,0 +1,18 @@ +<!doctype html> +<html> + <head> + <title>requestAnimationFrame must be triggered once</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <link rel="help" href="https://w3c.github.io/web-performance/specs/RequestAnimationFrame/Overview.html#dom-windowanimationtiming-requestanimationframe"/> + </head> + <body> + <div id="log"></div> + <script> + async_test(function (t) { + assert_false(document.hidden, "document.hidden must exist and be false to run this test properly"); + window.requestAnimationFrame(t.step_func_done()); + }, "requestAnimationFrame callback is invoked at least once before the timeout"); + </script> + </body> +</html> diff --git a/testing/web-platform/tests/html/webappapis/animation-frames/callback-multicalls.html b/testing/web-platform/tests/html/webappapis/animation-frames/callback-multicalls.html new file mode 100644 index 000000000..38f34171e --- /dev/null +++ b/testing/web-platform/tests/html/webappapis/animation-frames/callback-multicalls.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>AnimationTiming Test: multiple calls to requestAnimationFrame with the same callback</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-window-requestanimationframe"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<div id="log"></div> +<script> + + async_test(function(t) { + var counter = 0; + window.requestAnimationFrame(callback); + + function callback() { + ++counter; + if (counter == 2) { + t.done(); + } else { + window.requestAnimationFrame(callback); + } + }; + + }, "Check that multiple calls to requestAnimationFrame with the same callback will result in multiple entries being in the list with that same callback."); + +</script> diff --git a/testing/web-platform/tests/html/webappapis/animation-frames/cancel-invoked.html b/testing/web-platform/tests/html/webappapis/animation-frames/cancel-invoked.html new file mode 100644 index 000000000..d075c0fda --- /dev/null +++ b/testing/web-platform/tests/html/webappapis/animation-frames/cancel-invoked.html @@ -0,0 +1,18 @@ +<!doctype html> +<html> + <head> + <title>cancelAnimationFrame does nothing</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <link rel="help" href="https://w3c.github.io/web-performance/specs/RequestAnimationFrame/Overview.html#dom-windowanimationtiming-cancelanimationframe"/> + </head> + <body> + <div id="log"></div> + <script> + test(function (t) { + window.cancelAnimationFrame(42); + assert_true(true); + }, "cancelAnimationFrame does nothing if there is no callback with the given handle"); + </script> + </body> +</html> diff --git a/testing/web-platform/tests/html/webappapis/animation-frames/idlharness.html b/testing/web-platform/tests/html/webappapis/animation-frames/idlharness.html new file mode 100644 index 000000000..acc6657fa --- /dev/null +++ b/testing/web-platform/tests/html/webappapis/animation-frames/idlharness.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8" /> +<title>idlharness test</title> +<link rel="author" title="Kensaku Komatsu" href="mailto:kensaku.komatsu@gmail.com" /> +<link rel="help" href="http://www.w3.org/TR/animation-timing/#definitions"/> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/WebIDLParser.js"></script> +<script src="/resources/idlharness.js"></script> +</head> +<body> +<h1>idlharness test</h1> +<p>This test validates the WebIDL included in the Timing control for script-based animations specification.</p> + +<pre id='untested_idl' style='display:none'> +[PrimaryGlobal] +interface Window { +}; +</pre> + +<pre id='idl'> +partial interface Window { + long requestAnimationFrame(FrameRequestCallback callback); + void cancelAnimationFrame(long handle); +}; + +callback FrameRequestCallback = void (DOMHighResTimeStamp time); +</pre> + +<script> + +(function() { + var idl_array = new IdlArray(); + + idl_array.add_untested_idls(document.getElementById("untested_idl").textContent); + idl_array.add_idls(document.getElementById("idl").textContent); + + idl_array.add_objects({Window: ["window"]}); + + idl_array.test(); +})(); + +</script> + +<div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/webappapis/animation-frames/same-dispatch-time.html b/testing/web-platform/tests/html/webappapis/animation-frames/same-dispatch-time.html new file mode 100644 index 000000000..e92eb61e9 --- /dev/null +++ b/testing/web-platform/tests/html/webappapis/animation-frames/same-dispatch-time.html @@ -0,0 +1,31 @@ +<!doctype html> +<html> + <head> + <title>requestAnimationFrame in queue get the same timestamp</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <link rel="help" href="http://w3c.github.io/animation-timing/#dfn-invoke-callbacks-algorithm"/> + </head> + <body> + <div id="log"></div> + <script> + test(function (t) { + var a = 0, b = 0; + + /* REASONING: + * These two methods that will be called with a timestamp. Because + * they execute right after eachother, they're added to the same + * queue and SHOULD be timestamped with the same value. + */ + window.requestAnimationFrame(function() { a = arguments[0]; }); + window.requestAnimationFrame(function() { b = arguments[0]; }); + + setTimeout(function() { + assert_true(a != 0); + assert_true(b != 0); + assert_true(a == b); + }, 100); + }, "requestAnimationFrame will timestamp events in the same queue with the same time"); + </script> + </body> +</html> |