<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<!doctype html>

<html>
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>Network Monitor test page</title>
    <link rel="stylesheet" type="text/css" href="stylesheet_request" />
  </head>

  <body>
    <p>Request frame test</p>
    <img src="img_request" />
    <script type="text/javascript">
      "use strict";

      function performXhrRequest() {
        const xhr = new XMLHttpRequest();
        xhr.open("GET", "xhr_request", true);
        xhr.send();
      }

      function performFetchRequest() {
        fetch("fetch_request");
      }

      function performBeaconRequest() {
        navigator.sendBeacon("beacon_request");
      }

      performXhrRequest();
      performFetchRequest();

      // Perform some requests with async stacks
      Promise.resolve().then(function performPromiseFetchRequest() {
        fetch("promise_fetch_request");
        setTimeout(function performTimeoutFetchRequest() {
          fetch("timeout_fetch_request");

          // Finally, send a beacon request
          performBeaconRequest();
        }, 0);
      });
    </script>
  </body>
</html>
