89 lines
2.2 KiB
HTML
89 lines
2.2 KiB
HTML
<!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>
|