summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/doc_inspector_remove-iframe-during-load.html
blob: 25454e122db22d9e51ab8e64261be9b3a7f31a80 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>iframe creation/deletion test</title>
</head>
<body>
  <div id="yay"></div>
  <script type="text/javascript">
    "use strict";

    var yay = document.querySelector("#yay");
    yay.textContent = "nothing";

    // Create a custom event to let the test know when the window has finished
    // loading.
    var event = new Event("test-page-processing-done");

    // Create/remove an iframe before load.
    var iframe = document.createElement("iframe");
    document.body.appendChild(iframe);
    iframe.remove();
    yay.textContent = "before events";

    // Create/remove an iframe on DOMContentLoaded.
    document.addEventListener("DOMContentLoaded", function () {
      let newIframe = document.createElement("iframe");
      document.body.appendChild(newIframe);
      newIframe.remove();
      yay.textContent = "DOMContentLoaded";
    });

    // Create/remove an iframe on window load.
    window.addEventListener("load", function () {
      let newIframe = document.createElement("iframe");
      document.body.appendChild(newIframe);
      newIframe.remove();
      yay.textContent = "load";

      // Dispatch the done event.
      window.dispatchEvent(event);
    });
  </script>
</body>
</html>