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
|
/* 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 paused overlay
"use strict";
add_task(async function () {
const dbg = await initDebugger("doc-scripts.html");
// Sanity check
const highlighterTestFront = await getHighlighterTestFront(dbg.toolbox);
let isPausedOverlayVisible =
await highlighterTestFront.isPausedDebuggerOverlayVisible();
is(
isPausedOverlayVisible,
false,
"The pause overlay is not visible in the beginning"
);
info("Create an eval script that pauses itself.");
invokeInTab("doEval");
await waitForPaused(dbg);
info("Check that the paused overlay is displayed");
await waitFor(() => highlighterTestFront.isPausedDebuggerOverlayVisible());
ok(true, "Paused debugger overlay is visible");
const pauseLine = getVisibleSelectedFrameLine(dbg);
is(pauseLine, 2, "We're paused at the expected location");
info("Test clicking the step over button");
await highlighterTestFront.clickPausedDebuggerOverlayButton(
"paused-dbg-step-button"
);
await waitFor(() => isPaused(dbg) && getVisibleSelectedFrameLine(dbg) === 4);
ok(true, "We're paused at the expected location after stepping");
isPausedOverlayVisible =
await highlighterTestFront.isPausedDebuggerOverlayVisible();
is(isPausedOverlayVisible, true, "The pause overlay is still visible");
info("Test clicking the highlighter resume button");
await highlighterTestFront.clickPausedDebuggerOverlayButton(
"paused-dbg-resume-button"
);
await waitForResumed(dbg);
ok("The debugger isn't paused after clicking on the resume button");
await waitFor(async () => {
const visible = await highlighterTestFront.isPausedDebuggerOverlayVisible();
return !visible;
});
ok(true, "The overlay is now hidden");
info(
"Check that the highlighter is removed when clicking on the debugger resume button"
);
invokeInTab("doEval");
await waitFor(() => highlighterTestFront.isPausedDebuggerOverlayVisible());
ok(true, "Paused debugger overlay is visible again");
info("Click debugger UI resume button");
const resumeButton = await waitFor(() => findElement(dbg, "resume"));
resumeButton.click();
await waitFor(async () => {
const visible = await highlighterTestFront.isPausedDebuggerOverlayVisible();
return !visible;
});
ok(true, "The overlay is hidden after clicking on the resume button");
});
add_task(async function testOverlayDisabled() {
await pushPref("devtools.debugger.features.overlay", false);
const dbg = await initDebugger("doc-scripts.html");
const highlighterTestFront = await getHighlighterTestFront(dbg.toolbox);
info("Create an eval script that pauses itself.");
invokeInTab("doEval");
await waitForPaused(dbg);
// Let a chance to regress and still show the overlay
await wait(500);
const isPausedOverlayVisible =
await highlighterTestFront.isPausedDebuggerOverlayVisible();
ok(
!isPausedOverlayVisible,
"The paused overlay wasn't shown when the related feature preference is false"
);
const onPreferenceApplied = dbg.toolbox.once("new-configuration-applied");
await pushPref("devtools.debugger.features.overlay", true);
await onPreferenceApplied;
info("Click debugger UI step-in button");
const stepButton = await waitFor(() => findElement(dbg, "stepIn"));
stepButton.click();
await waitFor(() => highlighterTestFront.isPausedDebuggerOverlayVisible());
ok(
true,
"Stepping after having toggled the feature preference back to true allow the overlay to be shown again"
);
});
|
