OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>window.requestIdleCallback deals with timeouts correctly</title> | 2 <title>window.requestIdleCallback deals with timeouts correctly</title> |
3 <link rel="author" title="Ross McIlroy" href="mailto:rmcilroy@chromium.org" /> | 3 <link rel="author" title="Ross McIlroy" href="mailto:rmcilroy@chromium.org" /> |
4 <link rel="help" href="http://www.w3.org/TR/requestidlecallback/"/> | 4 <link rel="help" href="http://www.w3.org/TR/requestidlecallback/"/> |
5 <script src="../../../../resources/testharness.js"></script> | 5 <script src="../../../../resources/testharness.js"></script> |
6 <script src="../../../../resources/testharnessreport.js"></script> | 6 <script src="../../../../resources/testharnessreport.js"></script> |
7 <link rel="stylesheet" href="../../resources/testharness.css" /> | 7 <link rel="stylesheet" href="../../resources/testharness.css" /> |
8 <script> | 8 <script> |
9 | 9 |
10 async_test(function() { | 10 async_test(function() { |
(...skipping 26 matching lines...) Expand all Loading... |
37 | 37 |
38 async_test(function() { | 38 async_test(function() { |
39 // Check whether requestIdleCallback with a timeout works when the event loop | 39 // Check whether requestIdleCallback with a timeout works when the event loop |
40 // is busy. | 40 // is busy. |
41 var busy_raf_loop_iterations_remaining = 10; // Should take 20 * 40 = 400ms | 41 var busy_raf_loop_iterations_remaining = 10; // Should take 20 * 40 = 400ms |
42 var timeout = 200; | 42 var timeout = 200; |
43 var idle_callback_scheduled; | 43 var idle_callback_scheduled; |
44 var idle_callback = this.step_func(function(deadline) { | 44 var idle_callback = this.step_func(function(deadline) { |
45 var time_delta = performance.now() - idle_callback_scheduled; | 45 var time_delta = performance.now() - idle_callback_scheduled; |
46 assert_true(time_delta >= timeout, "Should only have been run after timeout"
); | 46 assert_true(time_delta >= timeout, "Should only have been run after timeout"
); |
47 assert_true(time_delta - timeout <= 80, "Should have been scheduled close to
timeout"); | |
48 assert_true(deadline.timeRemaining == 0, "IdleDeadline.timeRemaining MUST be
equal to zero if requestIdleCallback was scheduled due to a timeout"); | 47 assert_true(deadline.timeRemaining == 0, "IdleDeadline.timeRemaining MUST be
equal to zero if requestIdleCallback was scheduled due to a timeout"); |
49 assert_true(deadline.didTimeout, "IdleDeadline.didTimeout MUST be true if re
questIdleCallback was scheduled due to a timeout"); | 48 assert_true(deadline.didTimeout, "IdleDeadline.didTimeout MUST be true if re
questIdleCallback was scheduled due to a timeout"); |
50 assert_true(busy_raf_loop_iterations_remaining > 0, "Busy rAF loop should st
ill be going"); | 49 assert_true(busy_raf_loop_iterations_remaining > 0, "Busy rAF loop should st
ill be going"); |
51 this.done(); | 50 this.done(); |
52 }); | 51 }); |
53 | 52 |
54 requestAnimationFrame(this.step_func(function busyRAFLoop() { | 53 requestAnimationFrame(this.step_func(function busyRAFLoop() { |
55 var start_time = performance.now(); | 54 var start_time = performance.now(); |
56 if (!idle_callback_scheduled) { | 55 if (!idle_callback_scheduled) { |
57 idle_callback_scheduled = start_time; | 56 idle_callback_scheduled = start_time; |
58 requestIdleCallback(idle_callback, timeout); | 57 requestIdleCallback(idle_callback, timeout); |
59 } | 58 } |
60 | 59 |
61 // Use up the whole frame budget. | 60 // Use up the whole frame budget. |
62 while (performance.now() - start_time < 40) { } | 61 while (performance.now() - start_time < 40) { } |
63 if (busy_raf_loop_iterations_remaining > 0) { | 62 if (busy_raf_loop_iterations_remaining > 0) { |
64 busy_raf_loop_iterations_remaining--; | 63 busy_raf_loop_iterations_remaining--; |
65 requestAnimationFrame(busyRAFLoop); | 64 requestAnimationFrame(busyRAFLoop); |
66 } | 65 } |
67 })); | 66 })); |
68 }, 'requestIdleCallback scheduled with timeout when event loop is busy.'); | 67 }, 'requestIdleCallback scheduled with timeout when event loop is busy.'); |
69 | 68 |
70 </script> | 69 </script> |
71 <h1>Description</h1> | 70 <h1>Description</h1> |
72 <p>This test validates that window.requestIdleCallback deals with timeouts corre
ctly.</p> | 71 <p>This test validates that window.requestIdleCallback deals with timeouts corre
ctly.</p> |
73 <div id="log"></div> | 72 <div id="log"></div> |
OLD | NEW |