mozilla-central/dom/media/test/test_eme_createMediaKeys_iframes.html (file symbol)

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!DOCTYPE HTML>
<html>
<head>
<title>Test creation of MediaKeys in iframes</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<script type="text/javascript" src="manifest.js"></script>
<script type="text/javascript" src="eme.js"></script>
</head>
<body>
<pre id="test">
<script class="testbody">
// Helper functions.
// We take navigator explicitly as an argument to avoid ambiguity in fetching
// it. This is to avoid issues with the following
// ```
// iframe.contentWindow.createMediaKeys = createMediaKeys;
// await iframe.contentWindow.createMediaKeys();
// ```
// If we don't pass a navigator, and just use `navigator` in the function, this
// ends up being equivalent to
// ```
// iframe.contentWindow.createMediaKeys = createMediaKeys;
// await iframe.contentWindow.createMediaKeys(window.navigator);
// ```
// i.e. the function will use the navigator from the global window for the top
// browsing context, not the iframe's. This would result in the tests not
// correctly testing within the iframe.
async function createMediaKeys(aNavigator) {
const clearKeyOptions = [
{
initDataTypes: ["webm"],
videoCapabilities: [{ contentType: 'video/webm; codecs="vp9"' }],
},
];
let access = await aNavigator.requestMediaKeySystemAccess(
"org.w3.clearkey",
clearKeyOptions
);
return access.createMediaKeys();
}
// End helper functions.
// These tests check that the following work using different iframe combinations
// - navigator.requestMediaKeySystem(...) successfully grants access.
// - the resulting MediaKeySystemAccess object's createMediaKeys() creates
// MediaKeys as expected.
// Same origin iframe, using src attribute, wait for onload.
add_task(async () => {
info(
"Starting same origin iframe, using src attribute, wait for onload test"
);
let iframe = document.createElement("iframe");
let iframeLoadPromise = new Promise(r => {
iframe.onload = r;
});
iframe.src = "file_eme_createMediaKeys.html";
document.body.appendChild(iframe);
await iframeLoadPromise;
info("iframe loaded");
// Setup our handler for when the iframe messages to tell us if it
// created MediaKeys or not.
let iframeMessagePromise = new Promise(r => {
window.onmessage = message => {
is(
message.data,
"successCreatingMediaKeys",
"iframe should have posted us a message saying keys were successfully created"
);
r();
};
});
// Post a message to the iframe to ask it to try and create media keys.
iframe.contentWindow.postMessage("", "*");
// Wait until we've got a message back from our iframe.
await iframeMessagePromise;
});
// Same origin iframe, call via JS, wait for onload.
add_task(async () => {
info("Starting same origin iframe, call via JS, wait for onload test");
let iframe = document.createElement("iframe");
let iframeLoadPromise = new Promise(r => {
iframe.onload = r;
});
iframe.src = ""; // No src iframes are same origin.
document.body.appendChild(iframe);
await iframeLoadPromise;
info("iframe loaded");
try {
iframe.contentWindow.createMediaKeys = createMediaKeys;
let mediaKeys = await iframe.contentWindow.createMediaKeys(
iframe.contentWindow.navigator
);
ok(mediaKeys, "Should get media keys");
} catch (e) {
ok(
false,
`Should not get any errors while trying to get media keys, got ${e}`
);
}
});
// Same origin iframe, call via JS, *do not* wait for onload.
//
// Note, sites shouldn't do this, because
// means not waiting for onload results in weird behavior, however
// shows sites doing this in the wild because historically this worked in
// Firefox.
//
// Breaking this test case isn't necessarily against any specifications
// I'm (bryce) aware of, but it will probably break site compat, so be really
// sure you want to before doing so.
add_task(async () => {
info(
"Starting same origin iframe, call via JS, *do not* wait for onload test"
);
let iframe = document.createElement("iframe");
let iframeLoadPromise = new Promise(r => {
iframe.onload = r;
});
iframe.src = ""; // No src iframes are same origin.
document.body.appendChild(iframe);
info("iframe appended (we're not waiting for load)");
try {
iframe.contentWindow.createMediaKeys = createMediaKeys;
let mediaKeys = await iframe.contentWindow.createMediaKeys(
iframe.contentWindow.navigator
);
ok(mediaKeys, "Should get media keys");
// We await the load to see if they keys persist through the load.
// This could fail if gecko internally associates the keys with the
// about:blank page that is replaced by the load.
await iframeLoadPromise;
ok(mediaKeys, "Media keys should still exist after the load");
} catch (e) {
ok(
false,
`Should not get any errors while trying to get media keys, got ${e}`
);
}
});
// Different origin iframe, using src attribute, wait for onload
add_task(async () => {
info(
"Starting different origin iframe, using src attribute, wait for onload test"
);
let iframe = document.createElement("iframe");
let iframeLoadPromise = new Promise(r => {
iframe.onload = r;
});
// Make our iframe cross origin (see build/pgo/server-locations.txt for more
// info the url used).
iframe.src =
iframe.allow = "encrypted-media";
document.body.appendChild(iframe);
await iframeLoadPromise;
info("iframe loaded");
// Setup our handler for when the iframe messages to tell us if it
// created MediaKeys or not.
let iframeMessagePromise = new Promise(r => {
window.onmessage = message => {
is(
message.data,
"successCreatingMediaKeys",
"iframe should have posted us a message saying keys were successfully created"
);
r();
};
});
// Post a message to the iframe to ask it to try and create media keys.
iframe.contentWindow.postMessage("", "*");
// Wait until we've got a message back from our iframe.
await iframeMessagePromise;
});
</script>
</pre>
</body>
</html>