after-transition-replace.html (1093B)
1 <!doctype html> 2 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <body> 6 <div style="height: 200vh; width: 200vw;"></div> 7 <div id="frag"></div> 8 <script> 9 promise_test(async t => { 10 // Wait for after the load event so that the navigation doesn't get converted 11 // into a replace navigation. 12 await new Promise(resolve => window.onload = () => t.step_timeout(resolve, 0)); 13 assert_equals(window.scrollY, 0); 14 15 let intercept_resolve; 16 let navigate_event; 17 navigation.onnavigate = e => { 18 navigate_event = e; 19 e.intercept({ handler: () => new Promise(r => intercept_resolve = r), 20 scroll: "after-transition" }); 21 }; 22 let promises = navigation.navigate("#frag", { history: "replace" }); 23 await promises.committed; 24 assert_equals(window.scrollY, 0); 25 intercept_resolve(); 26 await promises.finished; 27 assert_not_equals(window.scrollY, 0); 28 }, "scroll: after-transition should work on a replace navigation"); 29 </script> 30 </body>