<!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>