summaryrefslogtreecommitdiffstats
path: root/devtools/client/debugger/test/mochitest/browser_dbg-preview-getter.js
blob: 72146963adfd628ef3275f43a538003dd9848685 (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
/* 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/>. */

// This test checks if 'executing getter' in a preview correctly displays values.
// Bug 1456441 - 'execute getter' not working in Preview

"use strict";

add_task(async function () {
  // Make sure the toolbox is tall enough to be able to display the whole popup.
  await pushPref("devtools.toolbox.footer.height", 500);

  const dbg = await initDebugger(
    "doc-preview-getter.html",
    "preview-getter.js"
  );

  await loadAndAddBreakpoint(dbg, "preview-getter.js", 5, 5);
  invokeInTab("funcA");
  await waitForPaused(dbg);

  info("Hovers over 'this' token to display the preview.");
  const { tokenEl } = await tryHovering(dbg, 5, 5, "previewPopup");

  info("Wait for properties to be loaded");
  await waitUntil(
    () => dbg.win.document.querySelectorAll(".preview-popup .node").length > 1
  );

  info("Invokes getter and waits for the element to be rendered");
  await clickElement(dbg, "previewPopupInvokeGetterButton");
  await waitForAllElements(dbg, "previewPopupObjectNumber", 2);

  await clickElement(dbg, "previewPopupInvokeGetterButton");
  await waitForAllElements(dbg, "previewPopupObjectObject", 4);

  const getterButtonEls = findAllElements(
    dbg,
    "previewPopupInvokeGetterButton"
  );
  const previewObjectNumberEls = findAllElements(
    dbg,
    "previewPopupObjectNumber"
  );
  const previewObjectObjectEls = findAllElements(
    dbg,
    "previewPopupObjectObject"
  );

  is(getterButtonEls.length, 0, "There are no getter buttons in the preview.");
  is(
    previewObjectNumberEls.length,
    2,
    "Getters were invoked and two numerical values are displayed as expected."
  );
  is(
    previewObjectObjectEls.length,
    4,
    "Getters were invoked and three object values are displayed as expected."
  );

  await closePreviewForToken(dbg, tokenEl);
});