src/third_party/web_platform_tests/intersection-observer/v2/iframe-target.html - cobalt - Git at Google

 <!DOCTYPE html>
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>

 <style>
 body, html {
   margin: 0;
 }
 pre, #log {
   position: absolute;
   top: 0;
   left: 200px;
 }
 iframe {
   width: 150px;
   height: 100px;
   border: 0;
 }
 </style>

 <iframe srcdoc="<!DOCTYPE html><div>Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum.</div>"></iframe>

 <script>
 var delay = 100;
 var entries = [];
 var target;

 runTestCycle(function() {
   target = document.querySelector("iframe");
   assert_true(!!target, "target exists");
   var observer = new IntersectionObserver(function(changes) {
     entries = entries.concat(changes)
   }, {trackVisibility: true, delay: delay});
   observer.observe(target);
   entries = entries.concat(observer.takeRecords());
   assert_equals(entries.length, 0, "No initial notifications.");
   runTestCycle(step0, "First rAF.", delay);
 }, "IntersectionObserverV2 observing an iframe element.", delay);

 function step0() {
   checkLastEntry(entries, 0, [0, 150, 0, 100, 0, 150, 0, 100, 0, 800, 0, 600, true, true]);
 }
 </script>
	<!DOCTYPE html>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>
	<script src="../resources/intersection-observer-test-utils.js"></script>

	<style>
	body, html {
	margin: 0;
	}
	pre, #log {
	position: absolute;
	top: 0;
	left: 200px;
	}
	iframe {
	width: 150px;
	height: 100px;
	border: 0;
	}
	</style>

	<iframe srcdoc="<!DOCTYPE html><div>Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum. Lorem ipsum.</div>"></iframe>

	<script>
	var delay = 100;
	var entries = [];
	var target;

	runTestCycle(function() {
	target = document.querySelector("iframe");
	assert_true(!!target, "target exists");
	var observer = new IntersectionObserver(function(changes) {
	entries = entries.concat(changes)
	}, {trackVisibility: true, delay: delay});
	observer.observe(target);
	entries = entries.concat(observer.takeRecords());
	assert_equals(entries.length, 0, "No initial notifications.");
	runTestCycle(step0, "First rAF.", delay);
	}, "IntersectionObserverV2 observing an iframe element.", delay);

	function step0() {
	checkLastEntry(entries, 0, [0, 150, 0, 100, 0, 150, 0, 100, 0, 800, 0, 600, true, true]);
	}
	</script>