<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>Test backward/forward navigation</title>
  </head>
  <body>
    <ul class="logs"></ul>
    <script>
      const query = new URLSearchParams(document.location.search);
      const noMutation = query.has("no-mutation");

      /* Add stylesheet, script and dom nodes so it triggers multiple actions in the toolbox. */
      function addContent() {
        const now = Date.now();

        const styleSheetEl = document.createElement("link");
        styleSheetEl.href = "./doc_theme.css?id=" + now;
        document.head.append(styleSheetEl);

        const scriptEl = document.createElement("script");
        scriptEl.src = "./code_inline_bundle.js?id=" + now;
        document.body.append(scriptEl);

        const li = document.createElement("li");
        li.textContent = now;
        document.querySelector("ul.logs").append(li);
      }

      if (noMutation) {
        document.body.classList.add("no-mutation");
        addContent();
      } else {
        setInterval(addContent, 200);
      }
    </script>
  </body>
</html>
