1 files changed, 130 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser/browser_jsterm_completion_bracket_cached_results.js b/devtools/client/webconsole/test/browser/browser_jsterm_completion_bracket_cached_results.js
new file mode 100644
index 0000000000..ecca77f071
--- /dev/null
+++ b/devtools/client/webconsole/test/browser/browser_jsterm_completion_bracket_cached_results.js
@@ -0,0 +1,130 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+// Tests that code completion works properly with `[` and cached results
+
+"use strict";
+
+const TEST_URI = `data:text/html;charset=utf8,<!DOCTYPE html><p>test [ completion cached results.
+  <script>
+    window.testObject = Object.create(null, Object.getOwnPropertyDescriptors({
+      bar: 0,
+      dataTest: 1,
+      "data-test": 2,
+      'da"ta"test': 3,
+      "da\`ta\`test": 4,
+      "da'ta'test": 5,
+      "DATA-TEST": 6,
+    }));
+  </script>`;
+
+add_task(async function () {
+  await pushPref("devtools.editor.autoclosebrackets", false);
+  const hud = await openNewTabAndConsole(TEST_URI);
+  const { jsterm } = hud;
+
+  info("Test that the autocomplete cache works with brackets");
+  const { autocompletePopup } = jsterm;
+
+  const tests = [
+    {
+      description: "Test that it works if the user did not type a quote",
+      initialInput: `window.testObject[dat`,
+      expectedItems: [`"data-test"`, `"dataTest"`, `"DATA-TEST"`],
+      expectedCompletionText: `a-test"]`,
+      sequence: [
+        {
+          char: "a",
+          expectedItems: [`"data-test"`, `"dataTest"`, `"DATA-TEST"`],
+          expectedCompletionText: `-test"]`,
+        },
+        {
+          char: "-",
+          expectedItems: [`"data-test"`, `"DATA-TEST"`],
+          expectedCompletionText: `test"]`,
+        },
+        {
+          char: "t",
+          expectedItems: [`"data-test"`, `"DATA-TEST"`],
+          expectedCompletionText: `est"]`,
+        },
+        {
+          char: "e",
+          expectedItems: [`"data-test"`, `"DATA-TEST"`],
+          expectedCompletionText: `st"]`,
+        },
+      ],
+    },
+    {
+      description: "Test that it works if the user did type a quote",
+      initialInput: `window.testObject['dat`,
+      expectedItems: [`'data-test'`, `'dataTest'`, `'DATA-TEST'`],
+      expectedCompletionText: `a-test']`,
+      sequence: [
+        {
+          char: "a",
+          expectedItems: [`'data-test'`, `'dataTest'`, `'DATA-TEST'`],
+          expectedCompletionText: `-test']`,
+        },
+        {
+          char: "-",
+          expectedItems: [`'data-test'`, `'DATA-TEST'`],
+          expectedCompletionText: `test']`,
+        },
+        {
+          char: "t",
+          expectedItems: [`'data-test'`, `'DATA-TEST'`],
+          expectedCompletionText: `est']`,
+        },
+        {
+          char: "e",
+          expectedItems: [`'data-test'`, `'DATA-TEST'`],
+          expectedCompletionText: `st']`,
+        },
+      ],
+    },
+  ];
+
+  for (const test of tests) {
+    info(test.description);
+
+    let onPopupUpdate = jsterm.once("autocomplete-updated");
+    EventUtils.sendString(test.initialInput);
+    await onPopupUpdate;
+
+    ok(
+      hasExactPopupLabels(autocompletePopup, test.expectedItems),
+      `popup has expected items, in expected order`
+    );
+
+    checkInputCompletionValue(
+      hud,
+      test.expectedCompletionText,
+      `completeNode has expected value`
+    );
+    for (const {
+      char,
+      expectedItems,
+      expectedCompletionText,
+    } of test.sequence) {
+      onPopupUpdate = jsterm.once("autocomplete-updated");
+      EventUtils.sendString(char);
+      await onPopupUpdate;
+
+      ok(
+        hasExactPopupLabels(autocompletePopup, expectedItems),
+        `popup has expected items, in expected order`
+      );
+      checkInputCompletionValue(
+        hud,
+        expectedCompletionText,
+        `completeNode has expected value`
+      );
+    }
+
+    const onPopupClose = autocompletePopup.once("popup-closed");
+    EventUtils.synthesizeKey("KEY_Escape");
+    await onPopupClose;
+    setInputValue(hud, "");
+  }
+});