summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_remove-iframe-during-load.js
blob: 69ac087735962328f19e521e09ec72ff955ff67a (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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";

// Testing that the inspector doesn't go blank when navigating to a page that
// deletes an iframe while loading.

const TEST_URL = URL_ROOT + "doc_inspector_remove-iframe-during-load.html";

add_task(async function() {
  const { inspector, tab } = await openInspectorForURL("about:blank");
  await selectNode("body", inspector);

  // Note: here we don't want to use the `navigateTo` helper from shared-head.js
  // because we want to modify the page as early as possible after the
  // navigation, ideally before the inspector has fully initialized.
  // See next comments.
  const browser = tab.linkedBrowser;
  const onBrowserLoaded = BrowserTestUtils.browserLoaded(browser);
  BrowserTestUtils.loadURI(browser, TEST_URL);
  await onBrowserLoaded;

  // We do not want to wait for the inspector to be fully ready before testing
  // so we load TEST_URL and just wait for the content window to be done loading
  await SpecialPowers.spawn(browser, [], async function() {
    await content.wrappedJSObject.readyPromise;
  });

  // The content doc contains a script that creates iframes and deletes them
  // immediately after. It does this before the load event, after
  // DOMContentLoaded and after load. This is what used to make the inspector go
  // blank when navigating to that page.
  // At this stage, there should be no iframes in the page anymore.
  ok(
    !(await contentPageHasNode(browser, "iframe")),
    "Iframes added by the content page should have been removed"
  );

  // Create/remove an extra one now, after the load event.
  info("Creating and removing an iframe.");
  await SpecialPowers.spawn(browser, [], async function() {
    const iframe = content.document.createElement("iframe");
    content.document.body.appendChild(iframe);
    iframe.remove();
  });

  ok(
    !(await contentPageHasNode(browser, "iframe")),
    "The after-load iframe should have been removed."
  );

  // Assert that the markup-view is displayed and works
  ok(!(await contentPageHasNode(browser, "iframe")), "Iframe has been removed");

  const expectedText = await SpecialPowers.spawn(browser, [], async function() {
    return content.document.querySelector("#yay").textContent;
  });
  is(expectedText, "load", "Load event fired.");

  // Smoke test to check that the inspector can still select nodes and hasn't
  // gone blank.
  await selectNode("#yay", inspector);
});

function contentPageHasNode(browser, selector) {
  return SpecialPowers.spawn(browser, [selector], async function(
    selectorChild
  ) {
    return !!content.document.querySelector(selectorChild);
  });
}