template-for-invokes-pagehide-with-end.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /html/dom/partial-updates/tentative/template-for-invokes-pagehide-with-end.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset="utf-8" />

<title>HTML partial updates - patch can invoke pagehide (with end)</title>

<link rel="help" href="https://github.com/WICG/declarative-partial-updates" />

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<body>

  <div id="container">

    <?start name="around-iframe"?>

    <div id="before-iframe"></div>

    <iframe id="iframe"></iframe>

    <div id="after-iframe-1"></div>

    <div id="after-iframe-2"></div>

    <?end?>

  </div>

  <script>

    const iframe = document.querySelector("iframe");

    const after_iframe = iframe.nextElementSibling;

    const newly_inserted = document.createElement("div");

    newly_inserted.id = "inserted-in-pagehide";

    iframe.contentWindow.addEventListener("pagehide", () => {

      after_iframe.before(newly_inserted);

      document.querySelector("#after-iframe-2").remove();

});

  </script>

  <template for="around-iframe">

    <div id="patched"></div>

  </template>

  <script>

    test(() => {

      const first = document.querySelector("#container").firstElementChild;

      assert_equals(first.id, "inserted-in-pagehide");

      assert_equals(first.nextElementSibling.id, "patched");

      assert_equals(first.nextElementSibling.nextElementSibling, null);

    }, "Patching only removes elements that were present when patching is prepared (with <?end>)");

  </script>

</body>