1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<!DOCTYPE html>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="./resources/intersection-observer-test-utils.js"></script>
<iframe scrolling="no" frameborder="0" id="iframe"></iframe>
<script>
promise_test(async t => {
iframe.src =
get_host_info().HTTP_NOTSAMESITE_ORIGIN + "/intersection-observer/resources/cross-origin-child-iframe.sub.html";
const { rootBounds, intersectionRect } = await new Promise(resolve => {
window.addEventListener("message", event => resolve(event.data));
}, { once: true } );
// 300px = iframe viewport width
// 8px = default body margin
// (intersectionRect is in the coordinate space of the target iframe)
assert_equals(intersectionRect.top, 8);
assert_equals(intersectionRect.left, 200);
assert_equals(intersectionRect.right, 300 - 8);
assert_equals(intersectionRect.width, 100 - 8);
assert_equals(intersectionRect.height, 100);
assert_equals(rootBounds.left, 0);
assert_equals(rootBounds.top, 0);
assert_equals(rootBounds.right, document.documentElement.clientWidth);
assert_equals(rootBounds.bottom, document.documentElement.clientHeight);
}, "rootBounds in a same-origin iframe in the case where there is a cross-origin "
+ "iframe in between the top document and the same origin iframe");
</script>
|
