<!DOCTYPE html>
<html>
<title>Screen wake locks respect page visibility changes</title>
<link rel="help" href="https://w3c.github.io/screen-wake-lock/#handling-document-loss-of-visibility">
<body>
<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 src="/page-visibility/resources/window_state_context.js"></script>
<script>
'use strict';
promise_test(async t => {
await test_driver.set_permission({ name: 'screen-wake-lock' }, 'granted');
const {minimize, restore} = window_state_context(t);
await minimize();
assert_true(document.hidden);
await promise_rejects_dom(t, "NotAllowedError", navigator.wakeLock.request('screen'),
"new screen locks are not allowed when the page is not visible");
}, "navigator.wakeLock.request('screen') fails when the document is hidden");
promise_test(async t => {
await test_driver.set_permission({ name: 'screen-wake-lock' }, 'granted');
const { minimize, restore } = window_state_context(t);
const screenLock1 = await navigator.wakeLock.request('screen');
const screenLock2 = await navigator.wakeLock.request('screen');
assert_false(screenLock1.released, "The released attribute is initially false");
assert_false(screenLock2.released, "The released attribute is initially false");
const wait1 = new EventWatcher(t, screenLock1, 'release').wait_for('release');
const wait2 = new EventWatcher(t, screenLock2, 'release').wait_for('release');
await minimize();
assert_true(document.hidden);
await Promise.all([wait1, wait2]);
assert_true(screenLock1.released, "The released attribute is true after the lock is released");
assert_true(screenLock2.released, "The released attribute is true after the lock is released");
}, "Screen wake locks are released when the document the page is hidden");
</script>
</body>
</html>