<!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>