The Tor Browser: browser/devtools/styleinspector/test/browser_ruleview_completion-new-property_02.js@6474c204b198 (annotated)

browser/devtools/styleinspector/test/browser_ruleview_completion-new-property_02.js@6474c204b198 (annotated)

browser/devtools/styleinspector/test/browser_ruleview_completion-new-property_02.js

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 /* 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 CSS property names and values are autocompleted and cycled correctly
 // when editing new properties in the rule view
 // format :
 //  [
 //    what key to press,
 //    modifers,
 //    expected input box value after keypress,
 //    selectedIndex of the popup,
 //    total items in the popup
 //  ]
 let testData = [
   ["a", {accelKey: true, ctrlKey: true}, "", -1, 0],
   ["d", {}, "direction", 0, 3],
   ["VK_DOWN", {}, "display", 1, 3],
   ["VK_TAB", {}, "", -1, 10],
   ["VK_DOWN", {}, "-moz-box", 0, 10],
   ["n", {}, "none", -1, 0],
   ["VK_TAB", {shiftKey: true}, "display", -1, 0],
   ["VK_BACK_SPACE", {}, "", -1, 0],
   ["c", {}, "caption-side", 0, 10],
   ["o", {}, "color", 0, 6],
   ["VK_TAB", {}, "none", -1, 0],
   ["r", {}, "red", 0, 5],
   ["VK_DOWN", {}, "rgb", 1, 5],
   ["VK_DOWN", {}, "rgba", 2, 5],
   ["VK_DOWN", {}, "rosybrown", 3, 5],
   ["VK_DOWN", {}, "royalblue", 4, 5],
   ["VK_RIGHT", {}, "royalblue", -1, 0],
   [" ", {}, "royalblue !important", 0, 10],
   ["!", {}, "royalblue !important", 0, 0],
   ["VK_ESCAPE", {}, null, -1, 0]
 ];
 let TEST_URL = "data:text/html,<h1 style='border: 1px solid red'>Filename:"+
                " browser_bug894376_css_value_completion_new_property_value_pair.js</h1>";
 let test = asyncTest(function*() {
   yield addTab(TEST_URL);
   let {toolbox, inspector, view} = yield openRuleView();
   info("Selecting the test node");
   yield selectNode("h1", inspector);
   info("Focusing a new css property editable property");
   let brace = view.doc.querySelectorAll(".ruleview-ruleclose")[0];
   let editor = yield focusEditableField(brace);
   info("Starting to test for css property completion");
   for (let i = 0; i < testData.length; i ++) {
     // Re-define the editor at each iteration, because the focus may have moved
     // from property to value and back
     editor = inplaceEditor(view.doc.activeElement);
     yield testCompletion(testData[i], editor, view);
   }
 });
 function* testCompletion([key, modifiers, completion, index, total], editor, view) {
   info("Pressing key " + key);
   info("Expecting " + completion + ", " + index + ", " + total);
   let onKeyPress;
   if (/tab/ig.test(key)) {
     info("Waiting for the new property or value editor to get focused");
     let brace = view.doc.querySelector(".ruleview-ruleclose");
     onKeyPress = once(brace.parentNode, "focus", true);
   } else if (/(right|back_space|escape|return)/ig.test(key) ||
              (modifiers.accelKey || modifiers.ctrlKey)) {
     info("Adding event listener for right|escape|back_space|return keys");
     onKeyPress = once(editor.input, "keypress");
   } else {
     info("Waiting for after-suggest event on the editor");
     onKeyPress = editor.once("after-suggest");
   }
   info("Synthesizing key " + key + ", modifiers: " + Object.keys(modifiers));
   EventUtils.synthesizeKey(key, modifiers, view.doc.defaultView);
   yield onKeyPress;
   yield wait(1); // Equivalent of executeSoon
   info("Checking the state");
   if (completion != null) {
     // The key might have been a TAB or shift-TAB, in which case the editor will
     // be a new one
     editor = inplaceEditor(view.doc.activeElement);
     is(editor.input.value, completion, "Correct value is autocompleted");
   }
   if (total == 0) {
     ok(!(editor.popup && editor.popup.isOpen), "Popup is closed");
   } else {
     ok(editor.popup._panel.state == "open" || editor.popup._panel.state == "showing", "Popup is open");
     is(editor.popup.getItems().length, total, "Number of suggestions match");
     is(editor.popup.selectedIndex, index, "Correct item is selected");
   }
 }