The Tor Browser: browser/devtools/sourceeditor/test/browser_css_autocompletion.js@6474c204b198 (annotated)

browser/devtools/sourceeditor/test/browser_css_autocompletion.js@6474c204b198 (annotated)

browser/devtools/sourceeditor/test/browser_css_autocompletion.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 ts=2 et sw=2 tw=80: */
 /* Any copyright is dedicated to the Public Domain.
    http://creativecommons.org/publicdomain/zero/1.0/ */
 "use strict";
 const cssAutoCompleter  = require("devtools/sourceeditor/css-autocompleter");
 const {InspectorFront} = require("devtools/server/actors/inspector");
 const { Cc, Ci } = require("chrome");
 const CSS_URI = "http://mochi.test:8888/browser/browser/devtools/sourceeditor" +
                 "/test/css_statemachine_testcases.css";
 const TESTS_URI = "http://mochi.test:8888/browser/browser/devtools/sourceeditor" +
                   "/test/css_autocompletion_tests.json";
 const source = read(CSS_URI);
 const tests = eval(read(TESTS_URI));
 const TEST_URI = "data:text/html;charset=UTF-8," + encodeURIComponent(
   ["<!DOCTYPE html>",
    "<html>",
    " <head>",
    "  <title>CSS State machine tests.</title>",
    "  <style type='text/css'>",
    "#progress {",
    "  width: 500px; height: 30px;",
    "  border: 1px solid black;",
    "  position: relative",
    "}",
    "#progress div {",
    "  width: 0%; height: 100%;",
    "  background: green;",
    "  position: absolute;",
    "  z-index: -1; top: 0",
    "}",
    "#progress.failed div {",
    "  background: red !important;",
    "}",
    "#progress.failed:after {",
    "  content: 'Some tests failed';",
    "  color: white",
    "}",
    "#progress:before {",
    "  content: 'Running test ' attr(data-progress) ' of " + tests.length + "';",
    "  color: white;",
    "  text-shadow: 0 0 2px darkgreen;",
    "}",
    "  </style>",
    " </head>",
    " <body>",
    "  <h2>State machine tests for CSS autocompleter.</h2><br>",
    "  <div id='progress' data-progress='0'>",
    "   <div></div>",
    "  </div>",
    "  <div id='devtools-menu' class='devtools-toolbarbutton'></div>",
    "  <div id='devtools-toolbarbutton' class='devtools-menulist'></div>",
    "  <div id='devtools-anotherone'></div>",
    "  <div id='devtools-yetagain'></div>",
    "  <div id='devtools-itjustgoeson'></div>",
    "  <div id='devtools-okstopitnow'></div>",
    "  <div class='hidden-labels-box devtools-toolbarbutton devtools-menulist'></div>",
    "  <div class='devtools-menulist'></div>",
    "  <div class='devtools-menulist'></div>",
    "  <tabs class='devtools-toolbarbutton'><tab></tab><tab></tab><tab></tab></tabs><tabs></tabs>",
    "  <button class='category-name visible'></button>",
    "  <div class='devtools-toolbarbutton' label='true'>",
    "   <hbox class='toolbarbutton-menubutton-button'></hbox></div>",
    " </body>",
    " </html>"
   ].join("\n"));
 let doc = null;
 let index = 0;
 let completer = null;
 let progress;
 let progressDiv;
 let inspector;
 function test() {
   waitForExplicitFinish();
   gBrowser.selectedTab = gBrowser.addTab();
   gBrowser.selectedBrowser.addEventListener("load", function onload() {
     gBrowser.selectedBrowser.removeEventListener("load", onload, true);
     doc = content.document;
     runTests();
   }, true);
   content.location = TEST_URI;
 }
 function runTests() {
   progress = doc.getElementById("progress");
   progressDiv = doc.querySelector("#progress > div");
   let target = devtools.TargetFactory.forTab(gBrowser.selectedTab);
   target.makeRemote().then(() => {
     inspector = InspectorFront(target.client, target.form);
     inspector.getWalker().then(walker => {
       completer = new cssAutoCompleter({walker: walker});
       checkStateAndMoveOn();
     });
   });
 }
 function checkStateAndMoveOn() {
   if (index == tests.length) {
     finishUp();
     return;
   }
   let test = tests[index];
   progress.dataset.progress = ++index;
   progressDiv.style.width = 100*index/tests.length + "%";
   completer.complete(limit(source, test[0]),
                      {line: test[0][0], ch: test[0][1]}).then(suggestions => {
     checkState(test[1], suggestions);
   }).then(checkStateAndMoveOn);
 }
 function checkState(expected, actual) {
   if (expected.length != actual.length) {
     ok(false, "Number of suggestions did not match up for state " + index +
               ". Expected: " + expected.length + ", Actual: " + actual.length);
     progress.classList.add("failed");
     return;
   }
   for (let i = 0; i < actual.length; i++) {
     if (expected[i] != actual[i].label) {
       ok (false, "Suggestion " + i + " of state " + index + " did not match up" +
                  ". Expected: " + expected[i] + ". Actual: " + actual[i].label);
       return;
     }
   }
   ok(true, "Test " + index + " passed. ");
 }
 function finishUp() {
   completer.walker.release().then(() => {
     inspector.destroy();
     inspector = null;
     completer = null;
   });
   progress = null;
   progressDiv = null;
   gBrowser.removeCurrentTab();
   finish();
 }