browser_dbg-expressions.js

Enable keyboard shortcuts

/* 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/>. */

/**

 * tests the watch expressions component

 * 1. add watch expressions

 * 2. edit watch expressions

 * 3. delete watch expressions

 * 4. expanding properties when not paused

*/

"use strict";

add_task(async function () {

  const dbg = await initDebugger("doc-script-switching.html");

  invokeInTab("firstCall");

  await waitForPaused(dbg);

  await addExpression(dbg, "f");

  is(getWatchExpressionLabel(dbg, 1), "f");

  is(getWatchExpressionValue(dbg, 1), "(unavailable)");

  await editExpression(dbg, "oo");

  is(getWatchExpressionLabel(dbg, 1), "foo()");

  // There is no "value" element for functions.

  assertEmptyValue(dbg, 1);

  await addExpression(dbg, "location");

  is(getWatchExpressionLabel(dbg, 2), "location");

  ok(getWatchExpressionValue(dbg, 2).includes("Location"), "has a value");

  // can expand an expression

  await toggleExpressionNode(dbg, 2);

  is(findAllElements(dbg, "expressionNodes").length, 35);

  is(dbg.selectors.getExpressions(dbg.store.getState()).length, 2);

  await deleteExpression(dbg, "foo");

  await deleteExpression(dbg, "location");

  is(findAllElements(dbg, "expressionNodes").length, 0);

  is(dbg.selectors.getExpressions(dbg.store.getState()).length, 0);

  // Test expanding properties when the debuggee is active

  // Wait for full evaluation of the expressions in order to avoid having

  // mixed up code between the location being removed and the one being re-added

  const evaluated = waitForDispatch(dbg.store, "EVALUATE_EXPRESSIONS");

  await resume(dbg);

  await evaluated;

  await addExpression(dbg, "location");

  is(dbg.selectors.getExpressions(dbg.store.getState()).length, 1);

  is(findAllElements(dbg, "expressionNodes").length, 1);

  await toggleExpressionNode(dbg, 1);

  is(findAllElements(dbg, "expressionNodes").length, 34);

  await deleteExpression(dbg, "location");

  is(findAllElements(dbg, "expressionNodes").length, 0);

  info(

    "Test an expression calling a function with a breakpoint and a debugger statement, which shouldn't pause"

);

  await addBreakpoint(dbg, "script-switching-01.js", 7);

  // firstCall will call secondCall from script-switching-02.js which has a debugger statement

  await addExpression(dbg, "firstCall()");

  is(getWatchExpressionLabel(dbg, 1), "firstCall()");

  is(getWatchExpressionValue(dbg, 1), "43", "has a value");

  await addExpression(dbg, "$('body')");

  is(getWatchExpressionLabel(dbg, 2), "$('body')");

ok(

    getWatchExpressionValue(dbg, 2).includes("body"),

    "uses console command $() helper"

);

  info("Implement a custom '$' function in the page");

  await SpecialPowers.spawn(gBrowser.selectedBrowser, [], function () {

    content.eval("window.$ = function () {return 'page-override';}");

});

  info("Refresh expressions");

  const refreshed = waitForDispatch(dbg.store, "EVALUATE_EXPRESSIONS");

  await clickElement(dbg, "expressionRefresh");

  await refreshed;

ok(

    getWatchExpressionValue(dbg, 2).includes("page-override"),

    "the expression uses the page symbols and not the console command '$' function"

);

});

function assertEmptyValue(dbg, index) {

  const value = findElement(dbg, "expressionValue", index);

  if (value) {

    is(value.innerText, "");

    return;

  is(value, null);