| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Element#requestFullscreen() timing</title> | 2 <title>Element#requestFullscreen() timing</title> |
| 3 <script src="/resources/testharness.js"></script> | 3 <script src="/resources/testharness.js"></script> |
| 4 <script src="/resources/testharnessreport.js"></script> | 4 <script src="/resources/testharnessreport.js"></script> |
| 5 <script src="../trusted-click.js"></script> | 5 <script src="../trusted-click.js"></script> |
| 6 <div id="log"></div> | 6 <div id="log"></div> |
| 7 <script> | 7 <script> |
| 8 async_test(t => { | 8 async_test(t => { |
| 9 trusted_request(document.querySelector('div')); | 9 trusted_request(t, document.querySelector('div')); |
| 10 | 10 |
| 11 // If fullscreenchange is an animation frame event, then animation frame | 11 // If fullscreenchange is an animation frame event, then animation frame |
| 12 // callbacks should be run after it is fired, before the timer callback. | 12 // callbacks should be run after it is fired, before the timer callback. |
| 13 // The resize event should fire before the fullscreenchange event. | 13 // The resize event should fire before the fullscreenchange event. |
| 14 const events = []; | 14 const events = []; |
| 15 const callback = t.step_func(event => { | 15 const callback = t.step_func(event => { |
| 16 events.push(event.type); | 16 events.push(event.type); |
| 17 if (event.type == 'fullscreenchange') { | 17 if (event.type == 'fullscreenchange') { |
| 18 setTimeout(t.unreached_func('timer callback')); | 18 setTimeout(t.unreached_func('timer callback')); |
| 19 requestAnimationFrame(t.step_func_done(() => { | 19 requestAnimationFrame(t.step_func_done(() => { |
| 20 assert_array_equals(events, ['resize', 'fullscreenchange'], 'event order
'); | 20 assert_array_equals(events, ['resize', 'fullscreenchange'], 'event order
'); |
| 21 })); | 21 })); |
| 22 } | 22 } |
| 23 }); | 23 }); |
| 24 document.onfullscreenchange = window.onresize = callback; | 24 document.onfullscreenchange = window.onresize = callback; |
| 25 }, 'Timing of fullscreenchange and resize events'); | 25 }, 'Timing of fullscreenchange and resize events'); |
| 26 | 26 |
| 27 async_test(t => { | 27 async_test(t => { |
| 28 document.createElement('a').requestFullscreen(); | 28 document.createElement('a').requestFullscreen(); |
| 29 | 29 |
| 30 // If fullscreenerror is an animation frame event, then animation frame | 30 // If fullscreenerror is an animation frame event, then animation frame |
| 31 // callbacks should be run after it is fired, before the timer callback. | 31 // callbacks should be run after it is fired, before the timer callback. |
| 32 document.onfullscreenerror = t.step_func(() => { | 32 document.onfullscreenerror = t.step_func(() => { |
| 33 setTimeout(t.unreached_func('timer callback')); | 33 setTimeout(t.unreached_func('timer callback')); |
| 34 requestAnimationFrame(t.step_func_done()); | 34 requestAnimationFrame(t.step_func_done()); |
| 35 }); | 35 }); |
| 36 }, 'Timing of fullscreenerror event'); | 36 }, 'Timing of fullscreenerror event'); |
| 37 </script> | 37 </script> |
| OLD | NEW |