summaryrefslogtreecommitdiffstats
path: root/devtools/client/webconsole/test/browser/browser_jsterm_evaluation_context_selector_pause_in_debugger.js
blob: f94e3ff6ebdcb431993498c1547f948abb614146 (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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

// Check that when the debugger pauses in a frame which is in a different target, the
// context selector is updated, and evaluating in the console is done in the paused
// frame context.

const TEST_URI = `${URL_ROOT_COM_SSL}test-console-evaluation-context-selector.html`;
const IFRAME_FILE = `test-console-evaluation-context-selector-child.html`;

add_task(async function () {
  await pushPref("devtools.webconsole.input.context", true);

  const tab = await addTab(TEST_URI);

  info("Create new iframes and add them to the page.");
  await addIFrameAndWaitForLoad(
    `${URL_ROOT_ORG_SSL}${IFRAME_FILE}?id=iframe_org`
  );
  await addIFrameAndWaitForLoad(
    `${URL_ROOT_NET_SSL}${IFRAME_FILE}?id=iframe_net`
  );

  const toolbox = await openToolboxForTab(tab, "webconsole");

  info("Open Debugger");
  await openDebugger();
  const dbg = createDebuggerContext(toolbox);

  info("Hit the debugger statement on first iframe");
  clickOnIframeStopMeButton(".iframe-1");

  info("Wait for the debugger to pause");
  await waitForPaused(dbg);

  info("Open the split Console");
  await toolbox.openSplitConsole();
  const { hud } = toolbox.getPanel("webconsole");

  const evaluationContextSelectorButton = hud.ui.outputNode.querySelector(
    ".webconsole-evaluation-selector-button"
  );

  if (!isFissionEnabled() && !isEveryFrameTargetEnabled()) {
    is(
      evaluationContextSelectorButton,
      null,
      "context selector is only displayed when Fission or EFT is enabled"
    );
    return;
  }

  await waitFor(
    () => evaluationContextSelectorButton.innerText.includes("example.org"),
    "The context selector wasn't updated"
  );
  ok(true, "The context was set to the first iframe document");

  // localVar is defined in the event listener, and was assigned the `document` value.
  setInputValue(hud, "localVar");
  await waitForEagerEvaluationResult(hud, /example\.org/);
  ok(true, "Instant evaluation has the expected result");

  await keyboardExecuteAndWaitForResultMessage(hud, `localVar`, "example.org");
  ok(true, "Evaluation result is the expected one");

  // Cleanup
  await clearOutput(hud);
  setInputValue(hud, "");

  info("Resume the debugger");
  await resume(dbg);

  info("Hit the debugger statement on second iframe");
  clickOnIframeStopMeButton(".iframe-2");

  info("Wait for the debugger to pause");
  await waitForPaused(dbg);

  await waitFor(
    () => evaluationContextSelectorButton.innerText.includes("example.net"),
    "The context selector wasn't updated"
  );
  ok(true, "The context was set to the second iframe document");

  // localVar is defined in the event listener, and was assigned the `document` value.
  setInputValue(hud, "localVar");
  await waitForEagerEvaluationResult(hud, /example\.net/);
  ok(true, "Instant evaluation has the expected result");

  await keyboardExecuteAndWaitForResultMessage(hud, `localVar`, "example.net");
  ok(true, "Evaluation result is the expected one");

  info("Resume the debugger");
  await resume(dbg);
});

async function addIFrameAndWaitForLoad(url) {
  await SpecialPowers.spawn(gBrowser.selectedBrowser, [url], async innerUrl => {
    const iframe = content.document.createElement("iframe");
    const iframeCount = content.document.querySelectorAll("iframe").length;
    iframe.classList.add(`iframe-${iframeCount + 1}`);
    content.document.body.append(iframe);

    const onLoadIframe = new Promise(resolve => {
      iframe.addEventListener("load", resolve, { once: true });
    });

    iframe.src = innerUrl;
    await onLoadIframe;
  });
}

function clickOnIframeStopMeButton(iframeClassName) {
  SpecialPowers.spawn(gBrowser.selectedBrowser, [iframeClassName], cls => {
    const iframe = content.document.querySelector(cls);
    SpecialPowers.spawn(iframe, [], () => {
      content.document.querySelector(".stop-me").click();
    });
  });
}