Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: asan
- Manifest: devtools/client/webconsole/test/browser/_webconsole.toml
/* 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 reverse search results keyboard navigation.
"use strict";
const TEST_URI = `data:text/html,<!DOCTYPE html><meta charset=utf8>Test reverse search`;
const isMacOS = AppConstants.platform === "macosx";
add_task(async function () {
const hud = await openNewTabAndConsole(TEST_URI);
const jstermHistory = [
`document`,
`document
.querySelectorAll("*")
.forEach(console.log)`,
`Dog = "Snoopy"`,
];
const onLastMessage = waitForMessageByType(hud, `"Snoopy"`, ".result");
for (const input of jstermHistory) {
execute(hud, input);
}
await onLastMessage;
await openReverseSearch(hud);
EventUtils.sendString("d");
const infoElement = await waitFor(() => getReverseSearchInfoElement(hud));
is(
infoElement.textContent,
"3 of 3 results",
"The reverse info has the expected text"
);
is(getInputValue(hud), jstermHistory[2], "JsTerm has the expected input");
is(
hud.jsterm.autocompletePopup.isOpen,
false,
"Setting the input value did not trigger the autocompletion"
);
await navigateResultsAndCheckState(hud, {
direction: "previous",
expectedInfoText: "2 of 3 results",
expectedJsTermInputValue: jstermHistory[1],
});
await navigateResultsAndCheckState(hud, {
direction: "previous",
expectedInfoText: "1 of 3 results",
expectedJsTermInputValue: jstermHistory[0],
});
info(
"Check that we go back to the last matching item if we were at the first"
);
await navigateResultsAndCheckState(hud, {
direction: "previous",
expectedInfoText: "3 of 3 results",
expectedJsTermInputValue: jstermHistory[2],
});
await navigateResultsAndCheckState(hud, {
direction: "next",
expectedInfoText: "1 of 3 results",
expectedJsTermInputValue: jstermHistory[0],
});
await navigateResultsAndCheckState(hud, {
direction: "next",
expectedInfoText: "2 of 3 results",
expectedJsTermInputValue: jstermHistory[1],
});
await navigateResultsAndCheckState(hud, {
direction: "next",
expectedInfoText: "3 of 3 results",
expectedJsTermInputValue: jstermHistory[2],
});
info(
"Check that trying to navigate when there's only 1 result does not throw"
);
EventUtils.sendString("og");
await waitFor(
() => getReverseSearchInfoElement(hud).textContent === "1 result"
);
triggerPreviousResultShortcut();
triggerNextResultShortcut();
info("Check that trying to navigate when there's no result does not throw");
EventUtils.sendString("g");
await waitFor(
() => getReverseSearchInfoElement(hud).textContent === "No results"
);
triggerPreviousResultShortcut();
triggerNextResultShortcut();
});
async function navigateResultsAndCheckState(
hud,
{ direction, expectedInfoText, expectedJsTermInputValue }
) {
const onJsTermValueChanged = hud.jsterm.once("set-input-value");
if (direction === "previous") {
triggerPreviousResultShortcut();
} else {
triggerNextResultShortcut();
}
await onJsTermValueChanged;
is(getInputValue(hud), expectedJsTermInputValue, "JsTerm has expected value");
const infoElement = getReverseSearchInfoElement(hud);
is(
infoElement.textContent,
expectedInfoText,
"The reverse info has the expected text"
);
is(
isReverseSearchInputFocused(hud),
true,
"reverse search input is still focused"
);
}
function triggerPreviousResultShortcut() {
if (isMacOS) {
EventUtils.synthesizeKey("r", { ctrlKey: true });
} else {
EventUtils.synthesizeKey("VK_F9");
}
}
function triggerNextResultShortcut() {
if (isMacOS) {
EventUtils.synthesizeKey("s", { ctrlKey: true });
} else {
EventUtils.synthesizeKey("VK_F9", { shiftKey: true });
}
}