diff options
Diffstat (limited to 'devtools/client/webconsole/test/browser/browser_jsterm_autocomplete_inside_text.js')
-rw-r--r-- | devtools/client/webconsole/test/browser/browser_jsterm_autocomplete_inside_text.js | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser/browser_jsterm_autocomplete_inside_text.js b/devtools/client/webconsole/test/browser/browser_jsterm_autocomplete_inside_text.js new file mode 100644 index 0000000000..6baf1d4201 --- /dev/null +++ b/devtools/client/webconsole/test/browser/browser_jsterm_autocomplete_inside_text.js @@ -0,0 +1,171 @@ +/* Any copyright is dedicated to the Public Domain. + * http://creativecommons.org/publicdomain/zero/1.0/ */ + +"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 +// See Bug 812618, 1479521 and 1334130. + +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> +<body>bug 812618 - test completion inside text</body>`; + +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; +} |