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
|
/* 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);
}
|
