notifications/requireInteraction-manual.https.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>requireInteraction: true</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<p>
  <button id="button">Push me to open a requireInteraction=true notification!</button>
  <button id="finish">Push me if you are done</button>
</p>
Steps:
<ol>
  <li>Make sure you didn't block the notification permission.</li>
  <li>Allow the notification permission if the prompt opens.</li>
  <li>Click the first button.</li>
  <li>See whether the notification disappears from the screen without interaction. It must not.</li>
  <li>If you are sure it's not disappearing, then click that second button.</li>
</ol>
Why this is manual? Because
<ol>
  <li>
    One need to wait for more than arbitrary platform-specific time to see
    it really does not disappear automatically.
  </li>
  <li>There's simply no API to tell it's disappeared from the screen or not</li>
</ol>
<script>
  setup({ explicit_timeout: true })

  promise_test(async () => {
    const permission = await Notification.requestPermission();
    if (permission === "denied") {
      throw new Error("Permission is denied, can't proceed");
    }
    await new Promise(r => button.onclick = r);
    const n = new Notification("Test notification", { requireInteraction: true });
    await new Promise((resolve, reject) => {
      n.onshow = resolve;
      n.onerror = () => reject(new Error(
        "Notification failed, and there's no good error message. Maybe some permission issue?"
      ));
    });
    await Promise.race([
      new Promise(r => finish.onclick = r),
      new Promise((r, reject) => {
        n.onclose = n.onclick = () => reject(new Error(
          "Uh, you should finish the test before you interact with the notification."
        ));
      }),
    ]);
  });
</script>