Source code
Revision control
Copy as Markdown
Other Tools
/* 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
// 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() {
const dbg = await initDebugger("doc-scripts.html");
const overlayMenuItemClassName =
".debugger-settings-menu-item-toggle-pause-overlay";
info("Disabling the overlay with the settings menu");
// Sanity check
is(
Services.prefs.getBoolPref("devtools.debugger.features.overlay"),
true,
"overlay pref is enabled by default"
);
let onThreadConfigurationApplied = dbg.toolbox.once(
"new-configuration-applied"
);
await toggleDebuggerSettingsMenuItem(dbg, {
className: overlayMenuItemClassName,
isChecked: true,
});
await onThreadConfigurationApplied;
is(
Services.prefs.getBoolPref("devtools.debugger.features.overlay"),
false,
"overlay pref is disabled after toggling the setting menu item"
);
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"
);
info("Re-enable the overlay while paused");
onThreadConfigurationApplied = dbg.toolbox.once("new-configuration-applied");
await toggleDebuggerSettingsMenuItem(dbg, {
className: overlayMenuItemClassName,
isChecked: false,
});
await onThreadConfigurationApplied;
is(
Services.prefs.getBoolPref("devtools.debugger.features.overlay"),
true,
"overlay pref is enabled again after toggling the setting menu item"
);
info("Wait for the overlay to be displayed");
await waitFor(
async () => await highlighterTestFront.isPausedDebuggerOverlayVisible()
);
ok(
true,
"The overlay gets shown when the setting is toggled to true and the page is paused"
);
info("Disable the overlay while paused");
onThreadConfigurationApplied = dbg.toolbox.once("new-configuration-applied");
await toggleDebuggerSettingsMenuItem(dbg, {
className: overlayMenuItemClassName,
isChecked: true,
});
await onThreadConfigurationApplied;
is(
Services.prefs.getBoolPref("devtools.debugger.features.overlay"),
false,
"overlay pref is disabled again after toggling the setting menu item"
);
info("Wait for the overlay to be hidden");
await waitFor(
async () => !(await highlighterTestFront.isPausedDebuggerOverlayVisible())
);
ok(
true,
"The overlay gets hidden when the setting is toggled to false and the page is paused"
);
await waitForResumed;
});