<!DOCTYPE html>
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script>
let chained_timeout_test = async_test("Chained setTimeout test");
const max_call_depth = 3;
const delay_ms = 10;
function testInitialStates(depth) {
assert_true(1 <= depth && depth <= max_call_depth);
chained_timeout_test.step_timeout(() => {
let test_name = "Call-depth=" + depth + ": initial activation states are false";
test(() => {
assert_false(navigator.userActivation.isActive);
assert_false(navigator.userActivation.hasBeenActive);
}, test_name);
if (depth < max_call_depth)
testInitialStates(depth+1);
else
test_driver.click(document.body);
}, delay_ms);
}
function testFinalStates(depth) {
assert_true(1 <= depth && depth <= max_call_depth);
chained_timeout_test.step_timeout(() => {
let test_name = "Call-depth=" + depth + ": after-click activation states are true";
test(() => {
assert_true(navigator.userActivation.isActive);
assert_true(navigator.userActivation.hasBeenActive);
}, test_name);
if (depth < max_call_depth)
testFinalStates(depth+1);
else
chained_timeout_test.done();
}, delay_ms)
}
function run() {
window.addEventListener("click", event => {
testFinalStates(1);
});
testInitialStates(1);
}
</script>
</head>
<body onload="run()">
<h1>User activation state in chained setTimeout calls</h1>
<p>Tests that user activation state is visible in arbitrary call depth of setTimeout.</p>
<ol id="instructions">
<li>Click anywhere in the document.
</ol></body>
</html>