| <!DOCTYPE html> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| |
| <script> |
| if (window.internals) { |
| // Disable timers that trigger delayed flushes, since these will make |
| // this test pass spuriously, even if IntersectionObserver never |
| // schedules any rendering updates. |
| internals.setSpeculativeTilingDelayDisabledForTesting(true); |
| internals.disableTileSizeUpdateDelay(); |
| } |
| |
| window.onload = function() { |
| async_test((t) => { |
| var observer = new IntersectionObserver(t.step_func_done(() => { |
| observer.disconnect(); |
| })); |
| requestAnimationFrame(() => { |
| requestAnimationFrame(() => { |
| setTimeout(() => { |
| observer.observe(document.getElementById("target")); |
| }, 0); |
| }); |
| }); |
| }, "An initial observation is fired even when nothing else triggers rendering"); |
| }; |
| </script> |
| |
| <style> |
| #target { |
| width: 100px; |
| height: 100px; |
| background-color: green; |
| } |
| </style> |
| |
| <div id="target"></div> |
| |
