src/third_party/web_platform_tests/screen-orientation/onchange-event-subframe.html - cobalt - Git at Google

 <!DOCTYPE html>
 <html>
 <body>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>

 <iframe id="testIframe" sandbox="allow-scripts allow-same-origin" style="display:none">
 </iframe>

 <script>
     var test = async_test("Test subframes receive orientation change events");

     var orientations = [
         'portrait-primary',
         'portrait-secondary',
         'landscape-primary',
         'landscape-secondary'
     ];

     var currentIndex = orientations.indexOf(window.screen.orientation.type);
     var eventsReceived = 0;

     function getNextIndex() {
         return (currentIndex + 1) % orientations.length;
     }

     function changeOrientation() {
         screen.orientation.lock(orientations[getNextIndex()]).then(function () {}, function () {});
         currentIndex = getNextIndex();
     }

     window.onmessage = test.step_func(function (ev) {
         assert_equals(ev.data, orientations[currentIndex], "subframe receives orientation change event");
         ++eventsReceived;
         if (eventsReceived < orientations.length)
             changeOrientation()
         else
             test.done();
     });

     var testIframe = document.getElementById("testIframe");
     testIframe.src = "resources/iframe-listen-orientation-change.html";
     testIframe.onload = changeOrientation;
 </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<body>
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>

	<iframe id="testIframe" sandbox="allow-scripts allow-same-origin" style="display:none">
	</iframe>

	<script>
	var test = async_test("Test subframes receive orientation change events");

	var orientations = [
	'portrait-primary',
	'portrait-secondary',
	'landscape-primary',
	'landscape-secondary'
	];

	var currentIndex = orientations.indexOf(window.screen.orientation.type);
	var eventsReceived = 0;

	function getNextIndex() {
	return (currentIndex + 1) % orientations.length;
	}

	function changeOrientation() {
	screen.orientation.lock(orientations[getNextIndex()]).then(function () {}, function () {});
	currentIndex = getNextIndex();
	}

	window.onmessage = test.step_func(function (ev) {
	assert_equals(ev.data, orientations[currentIndex], "subframe receives orientation change event");
	++eventsReceived;
	if (eventsReceived < orientations.length)
	changeOrientation()
	else
	test.done();
	});

	var testIframe = document.getElementById("testIframe");
	testIframe.src = "resources/iframe-listen-orientation-change.html";
	testIframe.onload = changeOrientation;
	</script>
	</body>
	</html>