Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/**
* This test will check the Autoplay Policy Detection API for click-to-play
* blocking policy (media.autoplay.blocking_policy=2) and the blocked value set
* to BLOCKED (block audible) and BLOCKED_ALL (block audible & inaudible).
*
* We will create two video elements in the test page, and then click one of
* them. After doing that, only the element has been clicked can be allowed to
* autoplay, other elements should remain blocked depend on the default blocking
* value.
*/
"use strict";
add_setup(async function setSharedPrefs() {
await SpecialPowers.pushPrefEnv({
set: [["dom.media.autoplay-policy-detection.enabled", true]],
});
});
async function testAutoplayPolicy(defaultPolicy) {
await setupTestPref(defaultPolicy);
let tab = await BrowserTestUtils.openNewForegroundTab(
window.gBrowser,
"about:blank"
);
await createVideoElements(tab);
await SpecialPowers.spawn(
tab.linkedBrowser,
[defaultPolicy],
defaultPolicy => {
is(
content.navigator.getAutoplayPolicy("mediaelement"),
defaultPolicy,
"Check autoplay policy by media element type is correct"
);
let videos = content.document.getElementsByTagName("video");
for (let video of videos) {
is(
content.navigator.getAutoplayPolicy(video),
defaultPolicy,
"Check autoplay policy by element is correct"
);
}
}
);
info("click on one video to make it play");
await BrowserTestUtils.synthesizeMouseAtCenter(
"#will-be-clicked",
{ button: 0 },
tab.linkedBrowser
);
info("only the element has been clicked can be allowed to autoplay");
await SpecialPowers.spawn(
tab.linkedBrowser,
[defaultPolicy],
defaultPolicy => {
is(
content.navigator.getAutoplayPolicy("mediaelement"),
defaultPolicy,
"Check autoplay policy by media element type is correct"
);
let videos = content.document.getElementsByTagName("video");
for (let video of videos) {
is(
content.navigator.getAutoplayPolicy(video),
video.id === "will-be-clicked" ? "allowed" : defaultPolicy,
"Check autoplay policy by element is correct"
);
}
}
);
BrowserTestUtils.removeTab(tab);
}
add_task(async function testAutoplayPolicyDetectionForClickToPlay() {
await testAutoplayPolicy("allowed-muted");
await testAutoplayPolicy("disallowed");
});
// Following are helper functions
async function setupTestPref(defaultPolicy) {
function policyToBlockedValue(defaultPolicy) {
// Value for media.autoplay.default
if (defaultPolicy === "allowed") {
return 0 /* Allowed */;
} else if (defaultPolicy === "allowed-muted") {
return 1 /* Blocked */;
}
return 5 /* Blocked All */;
}
const defaultBlocked = policyToBlockedValue(defaultPolicy);
info(`Set 'media.autoplay.default' to ${defaultBlocked}`);
await SpecialPowers.pushPrefEnv({
set: [
["media.autoplay.default", defaultBlocked],
["media.autoplay.blocking_policy", 2 /* click-to-play */],
],
});
}
function createVideoElements(tab) {
info("create two video elements in the page");
let url = GetTestWebBasedURL("gizmo.mp4");
return SpecialPowers.spawn(tab.linkedBrowser, [url], url => {
let video1 = content.document.createElement("video");
video1.id = "will-be-clicked";
video1.controls = true;
video1.src = url;
let video2 = content.document.createElement("video");
video2.controls = true;
video2.src = url;
content.document.body.appendChild(video1);
content.document.body.appendChild(video2);
});
}