<!DOCTYPE html><!-- webkit-test-runner [ IntersectionObserverEnabled=true ] -->
<html>
<body>
<pre id="log">This tests observing an element with an IntersectionObserver and removing the element from the document.
The element should become eligible for GC at some point.

</pre>
<script src="../resources/gc.js"></script>
<script>

let initialNodeCount;
function runTest()
{
    if (!window.testRunner || !window.internals) {
        log.textContent += 'FAIL - This test requires internals'; 
        return;
    }
    testRunner.dumpAsText();
    testRunner.waitUntilDone();

    initialNodeCount = internals.referencingNodeCount(document);

    const intersectionObservers = [];
    for (let i = 0; i < 100; ++i)
        intersectionObservers.push(createIntersectionObserver());

    requestAnimationFrame(() => {
        setTimeout(() => {
            gc();
            log.textContent += internals.referencingNodeCount(document) < initialNodeCount + intersectionObservers.length * 0.8 ? 'PASS' : 'FAIL - Less than 20% of nodes were collected.'
            testRunner.notifyDone();
        }, 0);
    });
}

function createIntersectionObserver()
{
    const element = document.createElement('div');
    const intersectionObserver = new IntersectionObserver(() => { }).observe(element);
    document.body.appendChild(element);
    setTimeout(() => {
        element.remove();
    }, 0);
    return intersectionObserver;
}

onload = runTest;

</script>
</body>
</html>