1 files changed, 158 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser_webconsole_split_escape_key.js b/devtools/client/webconsole/test/browser_webconsole_split_escape_key.js
new file mode 100644
index 000000000..f71efb99e
--- /dev/null
+++ b/devtools/client/webconsole/test/browser_webconsole_split_escape_key.js
@@ -0,0 +1,158 @@
+/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+ "use strict";
+
+ function test() {
+   info("Test various cases where the escape key should hide the split console.");
+
+   let toolbox;
+   let hud;
+   let jsterm;
+   let hudMessages;
+   let variablesView;
+
+   Task.spawn(runner).then(finish);
+
+   function* runner() {
+     let {tab} = yield loadTab("data:text/html;charset=utf-8,<p>Web Console " +
+                              "test for splitting");
+     let target = TargetFactory.forTab(tab);
+     toolbox = yield gDevTools.showToolbox(target, "inspector");
+
+     yield testCreateSplitConsoleAfterEscape();
+
+     yield showAutoCompletePopoup();
+
+     yield testHideAutoCompletePopupAfterEscape();
+
+     yield executeJS();
+     yield clickMessageAndShowVariablesView();
+     jsterm.focus();
+
+     yield testHideVariablesViewAfterEscape();
+
+     yield clickMessageAndShowVariablesView();
+     yield startPropertyEditor();
+
+     yield testCancelPropertyEditorAfterEscape();
+     yield testHideVariablesViewAfterEscape();
+     yield testHideSplitConsoleAfterEscape();
+   }
+
+   function testCreateSplitConsoleAfterEscape() {
+     let result = toolbox.once("webconsole-ready", () => {
+       hud = toolbox.getPanel("webconsole").hud;
+       jsterm = hud.jsterm;
+       ok(toolbox.splitConsole, "Split console is created.");
+     });
+
+     let contentWindow = toolbox.win;
+     contentWindow.focus();
+     EventUtils.sendKey("ESCAPE", contentWindow);
+
+     return result;
+   }
+
+   function testHideSplitConsoleAfterEscape() {
+     let result = toolbox.once("split-console", () => {
+       ok(!toolbox.splitConsole, "Split console is hidden.");
+     });
+     EventUtils.sendKey("ESCAPE", toolbox.win);
+
+     return result;
+   }
+
+   function testHideVariablesViewAfterEscape() {
+     let result = jsterm.once("sidebar-closed", () => {
+       ok(!hud.ui.jsterm.sidebar,
+        "Variables view is hidden.");
+       ok(toolbox.splitConsole,
+        "Split console is open after hiding the variables view.");
+     });
+     EventUtils.sendKey("ESCAPE", toolbox.win);
+
+     return result;
+   }
+
+   function testHideAutoCompletePopupAfterEscape() {
+     let deferred = promise.defer();
+     let popup = jsterm.autocompletePopup;
+
+     popup.once("popup-closed", () => {
+       ok(!popup.isOpen,
+        "Auto complete popup is hidden.");
+       ok(toolbox.splitConsole,
+        "Split console is open after hiding the autocomplete popup.");
+
+       deferred.resolve();
+     });
+
+     EventUtils.sendKey("ESCAPE", toolbox.win);
+
+     return deferred.promise;
+   }
+
+   function testCancelPropertyEditorAfterEscape() {
+     EventUtils.sendKey("ESCAPE", variablesView.window);
+     ok(hud.ui.jsterm.sidebar,
+      "Variables view is open after canceling property editor.");
+     ok(toolbox.splitConsole,
+      "Split console is open after editing.");
+   }
+
+   function* executeJS() {
+     jsterm.execute("var foo = { bar: \"baz\" }; foo;");
+     hudMessages = yield waitForMessages({
+       webconsole: hud,
+       messages: [{
+         text: "Object { bar: \"baz\" }",
+         category: CATEGORY_OUTPUT,
+         objects: true
+       }],
+     });
+   }
+
+   function clickMessageAndShowVariablesView() {
+     let result = jsterm.once("variablesview-fetched", (event, vview) => {
+       variablesView = vview;
+     });
+
+     let clickable = hudMessages[0].clickableElements[0];
+     EventUtils.synthesizeMouse(clickable, 2, 2, {}, hud.iframeWindow);
+
+     return result;
+   }
+
+   function* startPropertyEditor() {
+     let results = yield findVariableViewProperties(variablesView, [
+      {name: "bar", value: "baz"}
+     ], {webconsole: hud});
+     results[0].matchedProp.focus();
+     EventUtils.synthesizeKey("VK_RETURN", variablesView.window);
+   }
+
+   function showAutoCompletePopoup() {
+     let onPopupShown = jsterm.autocompletePopup.once("popup-opened");
+
+     jsterm.focus();
+     jsterm.setInputValue("document.location.");
+     EventUtils.sendKey("TAB", hud.iframeWindow);
+
+     return onPopupShown;
+   }
+
+   function finish() {
+     toolbox.destroy().then(() => {
+       toolbox = null;
+       hud = null;
+       jsterm = null;
+       hudMessages = null;
+       variablesView = null;
+
+       finishTest();
+     });
+   }
+ }