diff -r 000000000000 -r 6474c204b198 browser/devtools/styleinspector/test/browser_ruleview_keybindings.js --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/browser/devtools/styleinspector/test/browser_ruleview_keybindings.js Wed Dec 31 06:09:35 2014 +0100 @@ -0,0 +1,49 @@ +/* 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"; + +// Test that focus doesn't leave the style editor when adding a property +// (bug 719916) + +let test = asyncTest(function*() { + yield addTab("data:text/html,

Some header text

"); + let {toolbox, inspector, view} = yield openRuleView(); + + info("Selecting the test node"); + yield selectNode("h1", inspector); + + info("Getting the ruleclose brace element"); + let brace = view.doc.querySelector(".ruleview-ruleclose"); + + info("Clicking on the brace element to focus the new property field"); + let onFocus = once(brace.parentNode, "focus", true); + brace.click(); + yield onFocus; + + info("Entering a property name"); + let editor = getCurrentInplaceEditor(view); + editor.input.value = "color"; + + info("Typing ENTER to focus the next field: property value"); + let onFocus = once(brace.parentNode, "focus", true); + EventUtils.sendKey("return"); + yield onFocus; + ok(true, "The value field was focused"); + + info("Entering a property value"); + let editor = getCurrentInplaceEditor(view); + editor.input.value = "green"; + + info("Typing ENTER again should focus a new property name"); + let onFocus = once(brace.parentNode, "focus", true); + EventUtils.sendKey("return"); + yield onFocus; + ok(true, "The new property name field was focused"); + getCurrentInplaceEditor(view).input.blur(); +}); + +function getCurrentInplaceEditor(view) { + return inplaceEditor(view.doc.activeElement); +}