diff options
Diffstat (limited to 'devtools/client/shared/test/browser_inplace-editor_autoclose_parentheses.js')
-rw-r--r-- | devtools/client/shared/test/browser_inplace-editor_autoclose_parentheses.js | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/devtools/client/shared/test/browser_inplace-editor_autoclose_parentheses.js b/devtools/client/shared/test/browser_inplace-editor_autoclose_parentheses.js new file mode 100644 index 0000000000..79f4a2d14a --- /dev/null +++ b/devtools/client/shared/test/browser_inplace-editor_autoclose_parentheses.js @@ -0,0 +1,77 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ +/* import-globals-from helper_inplace_editor.js */ + +"use strict"; + +const AutocompletePopup = require("resource://devtools/client/shared/autocomplete-popup.js"); +const { + InplaceEditor, +} = require("resource://devtools/client/shared/inplace-editor.js"); +loadHelperScript("helper_inplace_editor.js"); + +// Test the inplace-editor closes parentheses automatically. + +// format : +// [ +// what key to press, +// expected input box value after keypress, +// selected suggestion index (-1 if popup is hidden), +// number of suggestions in the popup (0 if popup is hidden), +// ] +const testData = [ + ["u", "u", -1, 0], + ["r", "ur", -1, 0], + ["l", "url", -1, 0], + ["(", "url()", -1, 0], + ["v", "url(v)", -1, 0], + ["a", "url(va)", -1, 0], + ["r", "url(var)", -1, 0], + ["(", "url(var())", -1, 0], + ["-", "url(var(-))", -1, 0], + ["-", "url(var(--))", -1, 0], + ["a", "url(var(--a))", -1, 0], + [")", "url(var(--a))", -1, 0], + [")", "url(var(--a))", -1, 0], +]; + +add_task(async function () { + await addTab( + "data:text/html;charset=utf-8," + "inplace editor parentheses autoclose" + ); + const { host, doc } = await createHost(); + + const popup = new AutocompletePopup(doc, { autoSelect: true }); + await new Promise(resolve => { + createInplaceEditorAndClick( + { + start: runPropertyAutocompletionTest, + contentType: InplaceEditor.CONTENT_TYPES.CSS_VALUE, + property: { + name: "background-image", + }, + cssProperties: { + // No need to test autocompletion here, return an empty array. + getNames: () => [], + getValues: () => [], + }, + cssVariables: new Map(), + done: resolve, + popup, + }, + doc + ); + }); + + popup.destroy(); + host.destroy(); + gBrowser.removeCurrentTab(); +}); + +const runPropertyAutocompletionTest = async function (editor) { + info("Starting to test for css property completion"); + for (const data of testData) { + await testCompletion(data, editor); + } + EventUtils.synthesizeKey("VK_RETURN", {}, editor.input.defaultView); +}; |