summaryrefslogtreecommitdiffstats
path: root/devtools/client/webconsole/test/browser/browser_webconsole_click_function_to_prettyprinted_source.js
blob: 0389cd657a408b0dd0f6e1eff95d2a7b39b9ff48 (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
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

// Tests that clicking on a function in a pretty-printed file displays its
// original source in the debugger. See Bug 1590824.

"use strict";

requestLongerTimeout(5);

const TEST_ROOT =
  "http://example.com/browser/devtools/client/webconsole/test/browser/";

const TEST_URI = TEST_ROOT + "test-click-function-to-prettyprinted-source.html";
const TEST_GENERATED_URI =
  TEST_ROOT + "test-click-function-to-source.unmapped.min.js";
const TEST_PRETTYPRINTED_URI = TEST_GENERATED_URI + ":formatted";

add_task(async function () {
  await clearDebuggerPreferences();

  info("Open the console");
  const hud = await openNewTabAndConsole(TEST_URI);
  const toolbox = hud.toolbox;

  const onLoggedFunction = waitForMessageByType(
    hud,
    "function foo",
    ".console-api"
  );
  invokeInTab("foo");
  const { node } = await onLoggedFunction;
  const jumpIcon = node.querySelector(".jump-definition");
  ok(jumpIcon, "A jump to definition button is rendered, as expected");

  info("Click on the jump to definition button");
  jumpIcon.click();
  await toolbox.getPanelWhenReady("jsdebugger");
  const dbg = createDebuggerContext(toolbox);
  await waitForSelectedSource(dbg, TEST_GENERATED_URI);

  info("Pretty-print the minified source");
  clickElement(dbg, "prettyPrintButton");
  await waitForSelectedSource(dbg, TEST_PRETTYPRINTED_URI);

  info("Switch back to the console");
  await toolbox.selectTool("webconsole");
  info("Click on the jump to definition button a second time");
  jumpIcon.click();

  info("Wait for the Debugger panel to open");
  await waitForSelectedSource(dbg, TEST_PRETTYPRINTED_URI);
  await waitForSelectedLocation(dbg, 2);

  const location = dbg.selectors.getPendingSelectedLocation();
  // Pretty-printed source maps don't have column positions
  const { url, line } = location;

  is(url, TEST_PRETTYPRINTED_URI, "Debugger is open at the expected file");
  is(line, 2, "Debugger is open at the expected line");
});