<!DOCTYPE html>
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
.iframe-container {
width: 100%;
border: 0;
height: 200px;
}
</style>
</head>
<body>
<script>
const asyncTest = async_test("intersectionRatio in iframe should be 1 for totally visible target with fractional bounds");
const onIframeObserved = (event) => {
const ratio = event.detail.intersectionRatio;
asyncTest.step(() => {
assert_equals(ratio, 1);
});
asyncTest.done();
};
window.document.addEventListener("iframeObserved", onIframeObserved, false);
</script>
<iframe class="iframe-container" src="./resources/intersection-ratio-with-fractional-bounds-in-iframe-content.html"></iframe>
</body>
</html>