content-change-then-scroll-into-view.html (877B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="help" href="https://crbug.com/364669904"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 5 <script src="/common/reftest-wait.js"></script> 6 <script src="/common/rendering-utils.js"></script> 7 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 8 <div id="scroller" style="position: relative; overflow: scroll; scrollbar-width: none; 9 width: 200px; height: 200px"> 10 <div style="height: 2000px"></div> 11 <div id="content" style="position: absolute; top: 1000px; background: red; 12 width: 100px; height: 100px"></div> 13 </div> 14 <script> 15 waitForAtLeastOneFrame().then(() => { 16 content.style.background = 'green'; 17 waitForAtLeastOneFrame().then(() => { 18 scroller.scrollTo(0, 1000); 19 takeScreenshot(); 20 }); 21 }); 22 </script>