Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test that editing text inside parens behave as expected, i.e.
// - it does not show the autocompletion text
// - show popup when there's properties to complete
// - insert the selected item from the popup in the input
// - right arrow dismiss popup and don't autocomplete
// - tab key when there is not visible autocomplete suggestion insert a tab
const TEST_URI = `data:text/html;charset=utf-8,<!DOCTYPE html>
<head>
<script>
window.testBugAA = "hello world";
window.testBugBB = "hello world 2";
window.x = "hello world 3";
</script>
</head>
add_task(async function () {
const hud = await openNewTabAndConsole(TEST_URI);
const { jsterm } = hud;
info("web console opened");
const { autocompletePopup: popup } = jsterm;
await setInitialState(hud);
ok(popup.isOpen, "popup is open");
is(popup.itemCount, 2, "popup.itemCount is correct");
is(popup.selectedIndex, 0, "popup.selectedIndex is correct");
ok(!getInputCompletionValue(hud), "there is no completion text");
info("Pressing arrow right");
let onPopupClose = popup.once("popup-closed");
EventUtils.synthesizeKey("KEY_ArrowRight");
await onPopupClose;
ok(true, "popup was closed");
checkInputValueAndCursorPosition(
hud,
"dump(window.testB)|",
"input wasn't modified"
);
await setInitialState(hud);
EventUtils.synthesizeKey("KEY_ArrowDown");
is(popup.selectedIndex, 1, "popup.selectedIndex is correct");
ok(!getInputCompletionValue(hud), "completeNode.value is empty");
ok(
hasExactPopupLabels(popup, ["testBugAA", "testBugBB"]),
"getItems returns the items we expect"
);
info("press Tab and wait for popup to hide");
onPopupClose = popup.once("popup-closed");
EventUtils.synthesizeKey("KEY_Tab");
await onPopupClose;
// At this point the completion suggestion should be accepted.
ok(!popup.isOpen, "popup is not open");
checkInputValueAndCursorPosition(
hud,
"dump(window.testBugBB|)",
"completion was successful after VK_TAB"
);
ok(!getInputCompletionValue(hud), "there is no completion text");
info("Test ENTER key when popup is visible with a selected item");
await setInitialState(hud);
info("press Enter and wait for popup to hide");
onPopupClose = popup.once("popup-closed");
EventUtils.synthesizeKey("KEY_Enter");
await onPopupClose;
ok(!popup.isOpen, "popup is not open");
checkInputValueAndCursorPosition(
hud,
"dump(window.testBugAA|)",
"completion was successful after Enter"
);
ok(!getInputCompletionValue(hud), "there is no completion text");
info("Test autocomplete inside parens");
await setInputValueForAutocompletion(hud, "dump()", -1);
let onAutocompleteUpdated = jsterm.once("autocomplete-updated");
EventUtils.sendString("window.testBugA");
await onAutocompleteUpdated;
ok(popup.isOpen, "popup is open");
ok(!getInputCompletionValue(hud), "there is no completion text");
info("Matching the completion proposal should close the popup");
onPopupClose = popup.once("popup-closed");
EventUtils.sendString("A");
await onPopupClose;
info("Test TAB key when there is no autocomplete suggestion");
ok(!popup.isOpen, "popup is not open");
ok(!getInputCompletionValue(hud), "there is no completion text");
EventUtils.synthesizeKey("KEY_Tab");
checkInputValueAndCursorPosition(
hud,
"dump(window.testBugAA\t|)",
"completion was successful after Enter"
);
info("Check that we don't show the popup when editing words");
await setInputValueForAutocompletion(hud, "estBug", 0);
onAutocompleteUpdated = jsterm.once("autocomplete-updated");
EventUtils.sendString("t");
await onAutocompleteUpdated;
is(getInputValue(hud), "testBug", "jsterm has expected value");
is(popup.isOpen, false, "popup is not open");
ok(!getInputCompletionValue(hud), "there is no completion text");
await setInputValueForAutocompletion(hud, "__foo", 1);
onAutocompleteUpdated = jsterm.once("autocomplete-updated");
EventUtils.sendString("t");
await onAutocompleteUpdated;
is(getInputValue(hud), "_t_foo", "jsterm has expected value");
is(popup.isOpen, false, "popup is not open");
ok(!getInputCompletionValue(hud), "there is no completion text");
await setInputValueForAutocompletion(hud, "$$bar", 1);
onAutocompleteUpdated = jsterm.once("autocomplete-updated");
EventUtils.sendString("t");
await onAutocompleteUpdated;
is(getInputValue(hud), "$t$bar", "jsterm has expected value");
is(popup.isOpen, false, "popup is not open");
ok(!getInputCompletionValue(hud), "there is no completion text");
await setInputValueForAutocompletion(hud, "99luftballons", 1);
onAutocompleteUpdated = jsterm.once("autocomplete-updated");
EventUtils.sendString("t");
await onAutocompleteUpdated;
is(getInputValue(hud), "9t9luftballons", "jsterm has expected value");
is(popup.isOpen, false, "popup is not open");
ok(!getInputCompletionValue(hud), "there is no completion text");
info("Check that typing the closing paren closes the autocomplete window");
await setInputValueForAutocompletion(hud, "dump()", -1);
const onPopupOpen = popup.once("popup-opened");
EventUtils.sendString("x");
await onPopupOpen;
onPopupClose = popup.once("popup-closed");
// Since the paren is already here, it won't add any new character
EventUtils.sendString(")");
checkInputValueAndCursorPosition(
hud,
"dump(x)|",
"the input is the expected one after typing the closing paren"
);
await onPopupClose;
ok(true, "popup was closed when typing the closing paren");
});
async function setInitialState(hud) {
const { jsterm } = hud;
await setInputValueForAutocompletion(hud, "dump()", -1);
const onAutocompleteUpdated = jsterm.once("autocomplete-updated");
EventUtils.sendString("window.testB");
checkInputValueAndCursorPosition(hud, "dump(window.testB|)");
await onAutocompleteUpdated;
}