blob: 9eaf856e957ec6feb2b743777bef2753f693dfd7 [file] [log] [blame]
<!DOCTYPE html>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#target {
width: 100px;
height: 100px;
background-color: green;
}
</style>
<div id="target"></div>
<script>
var target = document.getElementById("target");
async_test((t) => {
var observer = new IntersectionObserver(t.step_func_done((entries) => {
var rootBounds = entries[0].rootBounds;
assert_equals(rootBounds.left, 0);
assert_equals(rootBounds.right, document.documentElement.clientWidth);
assert_equals(rootBounds.top, 0);
assert_equals(rootBounds.bottom, document.documentElement.clientHeight);
observer.disconnect();
}), { rootMargin: "" });
observer.observe(document.getElementById("target"));
}, "An empty rootMargin string is interpreted as a margin of size zero");
</script>