| <!DOCTYPE html> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <link rel="help" href="https://html.spec.whatwg.org/C/#update-the-rendering"> |
| |
| <body> |
| <script> |
| 'use strict'; |
| |
| async_test(t => { |
| t.events = []; |
| |
| let w = window.open('/common/blank.html', 'name', |
| 'width=100,height=100,menubar=no,toolbar=no,location=no'); |
| t.add_cleanup(() => { w.close(); }); |
| w.addEventListener('load', t.step_func(() => { |
| w.focus(); |
| let element = w.document.createElement('input'); |
| element.autofocus = true; |
| element.style.marginTop = '200px'; // Setting focus causes scrolling. |
| element.addEventListener('focus', t.step_func(() => { |
| t.events.push('autofocus'); |
| })); |
| |
| w.addEventListener('scroll', t.step_func(() => { |
| t.events.push('scroll'); |
| })); |
| |
| w.requestAnimationFrame( |
| () => w.requestAnimationFrame(t.step_func_done(() => { |
| t.events.push('animationFrame'); |
| assert_array_equals(t.events, ['autofocus', 'scroll', 'animationFrame'], t.events); |
| }))); |
| |
| w.document.body.appendChild(element); |
| })); |
| }, '"Flush autofocus candidates" should be happen before a scroll event and ' + |
| 'animation frame callbacks'); |
| </script> |
| </body> |