<!DOCTYPE html><!-- webkit-test-runner [ ResizeObserverEnabled=true ] -->
<html>
<body>
<pre id="log">This tests observing an element with an ResizeObserver and removing the element from the document while it is queued for delivery.

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

let initialNodeCount;
function runTest()
{
    if (window.testRunner) {
        testRunner.dumpAsText();
        testRunner.waitUntilDone();
    }

    const promises = [];
    for (let i = 0; i < 5; ++i)
        promises.push(createResizeObserver());

    Promise.all(promises).then(() => {
        log.textContent += '\nDone\n';
        if (window.testRunner)
            testRunner.notifyDone();
    });
}

function createResizeObserver()
{
    let element = document.createElement('div');
    element.style.width = '100px';
    element.style.height = '100px';

    let anotherElement = document.createElement('div');

    let stopped = false;
    let testing = false;
    let resizeObservers = [];

    function helper(observer) {
        if (!testing)
            return;
        if (stopped) {
            log.textContent += observer.alive ? 'PASS - ResizeObserver wrapper is alive\n' : 'FAIL - ResizeObserver wrapper is dead\n';
            return;
        }
        stopped = true;
        for (const observer of resizeObservers)
            observer.unobserve(element);
        resizeObservers = [];
        element.remove();
        element = null;
    }

    (() => {
        for (let i = 0; i < 5; ++i) {
            const observer = new ResizeObserver(function () {
                helper(this);
                gc();
            });
            observer.alive = true;
            observer.observe(element);
            observer.observe(anotherElement);
            resizeObservers.push(observer);
        }
    })();

    document.body.appendChild(element);

    return new Promise((resolve) => {
        requestAnimationFrame(() => {
            setTimeout(() => {
                testing = true;
                element.style.width = '200px';
                requestAnimationFrame(() => {
                    setTimeout(resolve, 0);
                });
            }, 0);
        });
    });
}

onload = runTest;

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