155 lines
6.9 KiB
HTML
155 lines
6.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>User activation test: transient flag</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script src="/tests/SimpleTest/EventUtils.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
</head>
|
|
<body>
|
|
<iframe></iframe>
|
|
<iframe></iframe>
|
|
<script>
|
|
|
|
SimpleTest.requestFlakyTimeout("Timeouts are needed to test transient user_activation");
|
|
|
|
let timeout = SpecialPowers.getIntPref("dom.user_activation.transient.timeout") + 1000;
|
|
let [iframe0, iframe1] = document.querySelectorAll("iframe");
|
|
|
|
function waitForEvent(aTarget, aEvent, aCallback) {
|
|
return new Promise((aResolve) => {
|
|
aTarget.addEventListener(aEvent, function listener(event) {
|
|
aCallback(event);
|
|
aResolve();
|
|
}, { once: true });
|
|
});
|
|
}
|
|
|
|
add_task(async function checkInitialStatus() {
|
|
ok(!SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on top-level document");
|
|
ok(!SpecialPowers.wrap(frames[0].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on first iframe");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on second iframe");
|
|
});
|
|
|
|
add_task(async function triggerUserActivation() {
|
|
// Trigger user activation on the first iframe.
|
|
SpecialPowers.wrap(frames[0].document).notifyUserGestureActivation();
|
|
|
|
// We should also propagate to all the ancestors.
|
|
ok(SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(SpecialPowers.wrap(frames[0].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the first iframe");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
});
|
|
|
|
add_task(async function iframeNavigation() {
|
|
frames[0].frameElement.src = "file_empty.html";
|
|
await waitForEvent(frames[0].frameElement, "load", () => {});
|
|
// We should reset the flag on iframe that navigates away from current page,
|
|
// but the flag on its ancestor isn't changed.
|
|
ok(SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(!SpecialPowers.wrap(frames[0].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the first iframe");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
});
|
|
|
|
add_task(async function triggerUserActivationTimeout() {
|
|
// Trigger user activation on the first iframe.
|
|
SpecialPowers.wrap(frames[0].document).notifyUserGestureActivation();
|
|
|
|
// hasValidTransientUserGestureActivation should return false after timeout.
|
|
await new Promise((aResolve) => {
|
|
setTimeout(() => {
|
|
ok(!SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(!SpecialPowers.wrap(frames[0].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the first iframe");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
aResolve();
|
|
}, timeout);
|
|
});
|
|
|
|
// Trigger user activation again.
|
|
SpecialPowers.wrap(frames[0].document).notifyUserGestureActivation();
|
|
ok(SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(SpecialPowers.wrap(frames[0].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the first iframe");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
});
|
|
|
|
add_task(async function triggerUserActivationOnCrossOriginFrame() {
|
|
// Reset the activation flag.
|
|
SpecialPowers.wrap(document).clearUserGestureActivation();
|
|
|
|
// load cross-origin test page on iframe.
|
|
frames[0].frameElement.src = "https://example.com/tests/dom/base/test/useractivation/file_iframe_user_activated.html";
|
|
await waitForEvent(window, "message", (event) => {
|
|
if (event.data === "done") {
|
|
ok(SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
} else {
|
|
ok(false, "receive unexpected message: " + event.data);
|
|
}
|
|
});
|
|
|
|
// hasValidTransientUserGestureActivation should return false after timeout.
|
|
await new Promise((aResolve) => {
|
|
setTimeout(() => {
|
|
ok(!SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(!SpecialPowers.wrap(frames[1].document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
aResolve();
|
|
}, timeout);
|
|
});
|
|
});
|
|
|
|
add_task(async function propagateToSameOriginConnectedSubframe() {
|
|
// Reset the activation flag.
|
|
SpecialPowers.wrap(document).clearUserGestureActivation();
|
|
|
|
// load cross-origin test page on iframe.
|
|
iframe0.src = "https://example.com/tests/dom/base/test/useractivation/file_iframe_check_user_activation.html";
|
|
await waitForEvent(window, "message", (event) => {
|
|
if (event.data !== "loaded") {
|
|
ok(false, "receive unexpected message: " + event.data);
|
|
}
|
|
});
|
|
|
|
// Trigger user activation on top-level document.
|
|
SpecialPowers.wrap(document).notifyUserGestureActivation();
|
|
ok(SpecialPowers.wrap(document).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the top-level document");
|
|
ok(SpecialPowers.wrap(iframe1.contentDocument).hasValidTransientUserGestureActivation,
|
|
"check has-valid-transient-user-activation on the second iframe");
|
|
|
|
iframe0.contentWindow.postMessage("get", "*");
|
|
await waitForEvent(window, "message", (event) => {
|
|
if (typeof event.data === "object") {
|
|
ok(!event.data.isActivated, "check has-valid-transient-user-activation on the first iframe");
|
|
} else {
|
|
ok(false, "receive unexpected message: " + event.data);
|
|
}
|
|
});
|
|
});
|
|
|
|
add_task(async function endTests() {
|
|
// Reset the activation flag in order not to interfere following test in the
|
|
// verify mode which would run the test using same document couple times.
|
|
SpecialPowers.wrap(document).clearUserGestureActivation();
|
|
});
|
|
|
|
</script>
|
|
</body>
|