<!DOCTYPE html><!-- webkit-test-runner [ IntersectionObserverEnabled=true ] -->
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="../resources/gc.js"></script>
<body>
<div id="target" style="width: 100px; height: 100px; background-color: green"></div>
<script>
function observerShouldBeRemoved()
{
return new Promise(function(resolve) {
function testIfRemoved() {
gc();
if (internals && internals.numberOfIntersectionObservers(document) == 0)
resolve();
else
requestAnimationFrame(testIfRemoved);
}
testIfRemoved();
});
async_test(function(t) {
let observer = new IntersectionObserver(function(entries) {
if (entries[0].isIntersecting) {
entries[0].target.remove();
observerShouldBeRemoved().then(function() {
t.done();
observer.observe(document.getElementById("target"));
assert_equals(internals.numberOfIntersectionObservers(document), 1);
}, "IntersectionObserver doesn't keep unreachable target alive");
</script>
</body>
</html>
