52 lines
1.4 KiB
HTML
52 lines
1.4 KiB
HTML
<!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>
|