1 files changed, 41 insertions, 0 deletions
diff --git a/devtools/client/debugger/test/mochitest/browser_dbg-keyboard-navigation.js b/devtools/client/debugger/test/mochitest/browser_dbg-keyboard-navigation.js
new file mode 100644
index 0000000000..21d911a2cd
--- /dev/null
+++ b/devtools/client/debugger/test/mochitest/browser_dbg-keyboard-navigation.js
@@ -0,0 +1,41 @@
+/* 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
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+// Tests that keyboard navigation into and out of debugger code editor
+
+"use strict";
+
+add_task(async function () {
+  const dbg = await initDebugger("doc-scripts.html", "simple2.js");
+  const doc = dbg.win.document;
+
+  await selectSource(dbg, "simple2.js");
+
+  await waitForElementWithSelector(dbg, ".CodeMirror");
+  findElementWithSelector(dbg, ".CodeMirror").focus();
+
+  // Enter code editor
+  pressKey(dbg, "Enter");
+  is(
+    findElementWithSelector(dbg, "textarea"),
+    doc.activeElement,
+    "Editor is enabled"
+  );
+
+  // Exit code editor and focus on container
+  pressKey(dbg, "Escape");
+  is(
+    findElementWithSelector(dbg, ".CodeMirror"),
+    doc.activeElement,
+    "Focused on container"
+  );
+
+  // Enter code editor
+  pressKey(dbg, "Tab");
+  is(
+    findElementWithSelector(dbg, "textarea"),
+    doc.activeElement,
+    "Editor is enabled"
+  );
+});