browser/devtools/sourceeditor/test/browser_css_statemachine.js

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/devtools/sourceeditor/test/browser_css_statemachine.js	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,113 @@
     1.4 +/* vim: set ts=2 et sw=2 tw=80: */
     1.5 +/* Any copyright is dedicated to the Public Domain.
     1.6 +   http://creativecommons.org/publicdomain/zero/1.0/ */
     1.7 +
     1.8 +"use strict";
     1.9 +
    1.10 +const cssAutoCompleter  = require("devtools/sourceeditor/css-autocompleter");
    1.11 +const { Cc, Ci } = require("chrome");
    1.12 +
    1.13 +const CSS_URI = "http://mochi.test:8888/browser/browser/devtools/sourceeditor" +
    1.14 +                "/test/css_statemachine_testcases.css";
    1.15 +const TESTS_URI = "http://mochi.test:8888/browser/browser/devtools/sourceeditor" +
    1.16 +                  "/test/css_statemachine_tests.json";
    1.17 +
    1.18 +const source = read(CSS_URI);
    1.19 +const tests = eval(read(TESTS_URI));
    1.20 +
    1.21 +const TEST_URI = "data:text/html;charset=UTF-8," + encodeURIComponent(
    1.22 +  ["<!DOCTYPE html>",
    1.23 +   "<html>",
    1.24 +   " <head>",
    1.25 +   "  <title>CSS State machine tests.</title>",
    1.26 +   "  <style type='text/css'>",
    1.27 +   "#progress {",
    1.28 +   "  width: 500px; height: 30px;",
    1.29 +   "  border: 1px solid black;",
    1.30 +   "  position: relative",
    1.31 +   "}",
    1.32 +   "#progress div {",
    1.33 +   "  width: 0%; height: 100%;",
    1.34 +   "  background: green;",
    1.35 +   "  position: absolute;",
    1.36 +   "  z-index: -1; top: 0",
    1.37 +   "}",
    1.38 +   "#progress.failed div {",
    1.39 +   "  background: red !important;",
    1.40 +   "}",
    1.41 +   "#progress.failed:after {",
    1.42 +   "  content: 'Some tests failed';",
    1.43 +   "  color: white",
    1.44 +   "}",
    1.45 +   "#progress:before {",
    1.46 +   "  content: 'Running test ' attr(data-progress) ' of " + tests.length + "';",
    1.47 +   "  color: white;",
    1.48 +   "  text-shadow: 0 0 2px darkgreen;",
    1.49 +   "}",
    1.50 +   "  </style>",
    1.51 +   " </head>",
    1.52 +   " <body>",
    1.53 +   "  <h2>State machine tests for CSS autocompleter.</h2><br>",
    1.54 +   "  <div id='progress' data-progress='0'>",
    1.55 +   "   <div></div>",
    1.56 +   "  </div>",
    1.57 +   " </body>",
    1.58 +   " </html>"
    1.59 +  ].join("\n"));
    1.60 +
    1.61 +let doc = null;
    1.62 +function test() {
    1.63 +  waitForExplicitFinish();
    1.64 +  gBrowser.selectedTab = gBrowser.addTab();
    1.65 +  gBrowser.selectedBrowser.addEventListener("load", function onload() {
    1.66 +    gBrowser.selectedBrowser.removeEventListener("load", onload, true);
    1.67 +    doc = content.document;
    1.68 +    runTests();
    1.69 +  }, true);
    1.70 +  content.location = TEST_URI;
    1.71 +}
    1.72 +
    1.73 +function runTests() {
    1.74 +  let completer = new cssAutoCompleter();
    1.75 +  let checkState = state => {
    1.76 +    if (state[0] == 'null' && (!completer.state || completer.state == 'null')) {
    1.77 +      return true;
    1.78 +    } else if (state[0] == completer.state && state[0] == 'selector' &&
    1.79 +               state[1] == completer.selectorState &&
    1.80 +               state[2] == completer.completing &&
    1.81 +               state[3] == completer.selector) {
    1.82 +      return true;
    1.83 +    } else if (state[0] == completer.state && state[0] == 'value' &&
    1.84 +               state[2] == completer.completing &&
    1.85 +               state[3] == completer.propertyName) {
    1.86 +      return true;
    1.87 +    } else if (state[0] == completer.state &&
    1.88 +               state[2] == completer.completing &&
    1.89 +               state[0] != 'selector' && state[0] != 'value') {
    1.90 +      return true;
    1.91 +    }
    1.92 +    return false;
    1.93 +  };
    1.94 +
    1.95 +  let progress = doc.getElementById("progress");
    1.96 +  let progressDiv = doc.querySelector("#progress > div");
    1.97 +  let i = 0;
    1.98 +  for (let test of tests) {
    1.99 +    progress.dataset.progress = ++i;
   1.100 +    progressDiv.style.width = 100*i/tests.length + "%";
   1.101 +    completer.resolveState(limit(source, test[0]),
   1.102 +                           {line: test[0][0], ch: test[0][1]});
   1.103 +    if (checkState(test[1])) {
   1.104 +      ok(true, "Test " + i + " passed. ");
   1.105 +    }
   1.106 +    else {
   1.107 +      ok(false, "Test " + i + " failed. Expected state : [" + test[1] + "] but" +
   1.108 +         " found [" + completer.state + ", " + completer.selectorState + ", " +
   1.109 +         completer.completing + ", " +
   1.110 +         (completer.propertyName || completer.selector) + "].");
   1.111 +      progress.classList.add("failed");
   1.112 +    }
   1.113 +  }
   1.114 +  gBrowser.removeCurrentTab();
   1.115 +  finish();
   1.116 +}

mercurial