devtools/client/shared/sourceeditor/test/codemirror/codemirror.html
author Nicolas Chevobbe <nchevobbe@mozilla.com>
Tue, 12 Mar 2019 14:56:24 +0000
changeset 521552 2f7c1341cc1e39358cf79de3dc476c0104ae8279
parent 516783 5e40a4baa30b6d2623c9a4186c52c791a58d0fbf
permissions -rw-r--r--
Bug 1530255 - Load keyMap files on demand; r=bgrins. We use to include all the keyMap files in the codeMirror bundle, but these files can be pretty large, and are useless if the user did not select a custom key mapping in the settings panel. This patch changes this to only load those files when they are needed, either when a new editor is created, or when the user changes the key mapping preference. The files are only loaded once. Differential Revision: https://phabricator.services.mozilla.com/D22977

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CodeMirror: Basic Tests</title>
    <link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css">
    <link rel="stylesheet" href="cm_mode_test.css">
    <!--<link rel="stylesheet" href="../doc/docs.css">-->

    <script src="chrome://devtools/content/shared/sourceeditor/codemirror/codemirror.bundle.js"></script>
    <script src="chrome://devtools/content/shared/sourceeditor/codemirror/keymap/emacs.js"></script>
    <script src="chrome://devtools/content/shared/sourceeditor/codemirror/keymap/sublime.js"></script>
    <script src="chrome://devtools/content/shared/sourceeditor/codemirror/keymap/vim.js"></script>

    <style type="text/css">
      .ok {color: #090;}
      .fail {color: #e00;}
      .error {color: #c90;}
      .done {font-weight: bold;}
      #progress {
        background: #45d;
        color: white;
        text-shadow: 0 0 1px #45d, 0 0 2px #45d, 0 0 3px #45d;
        font-weight: bold;
        white-space: pre;
      }
      #testground {
        visibility: hidden;
      }
      #testground.offscreen {
        visibility: visible;
        position: absolute;
        left: -10000px;
        top: -10000px;
      }
      .CodeMirror { border: 1px solid black; }
    </style>
  </head>
  <body>
    <h1>CodeMirror: Basic Tests</h1>

    <p>A limited set of programmatic sanity tests for CodeMirror.</p>

    <div style="border: 1px solid black; padding: 1px; max-width: 700px;">
      <div style="width: 0px;" id=progress><div style="padding: 3px;">Ran <span id="progress_ran">0</span><span id="progress_total"> of 0</span> tests</div></div>
    </div>
    <p id=status>Please enable JavaScript...</p>
    <div id=output></div>

    <div id=testground></div>

    <script src="driver.js"></script>
    <script src="test.js"></script>
    <script src="comment_test.js"></script>
    <script src="doc_test.js"></script>
    <script src="driver.js"></script>
    <script src="emacs_test.js"></script>
    <script src="mode_test.js"></script>
    <script src="mode/javascript/test.js"></script>
    <script src="multi_test.js"></script>
    <script src="search_test.js"></script>

    <!-- VIM and Emacs mode tests are in vimemacs.html
    <script src="cm_sublime_test.js"></script>
    <script src="cm_vim_test.js"></script>
    <script src="cm_emacs_test.js"></script>
    -->

    <!-- These modes/addons are not used by Editor
    <script src="doc_test.js"></script>
    <script src="../mode/css/css.js"></script>
    <script src="../mode/css/test.js"></script>
    <script src="../mode/css/scss_test.js"></script>
    <script src="../mode/xml/xml.js"></script>
    <script src="../mode/htmlmixed/htmlmixed.js"></script>
    <script src="../mode/ruby/ruby.js"></script>
    <script src="../mode/haml/haml.js"></script>
    <script src="../mode/haml/test.js"></script>
    <script src="../mode/markdown/markdown.js"></script>
    <script src="../mode/markdown/test.js"></script>
    <script src="../mode/gfm/gfm.js"></script>
    <script src="../mode/gfm/test.js"></script>
    <script src="../mode/stex/stex.js"></script>
    <script src="../mode/stex/test.js"></script>
    <script src="../mode/xquery/xquery.js"></script>
    <script src="../mode/xquery/test.js"></script>
    <script src="../addon/mode/multiplex_test.js"></script>-->

    <script>
      window.onload = runHarness;
      CodeMirror.on(window, 'hashchange', runHarness);

      function esc(str) {
        return str.replace(/[<&]/, function(ch) { return ch == "<" ? "&lt;" : "&amp;"; });
      }

      var output = document.getElementById("output"),
          progress = document.getElementById("progress"),
          progressRan = document.getElementById("progress_ran").childNodes[0],
          progressTotal = document.getElementById("progress_total").childNodes[0];

      var count = 0,
          failed = 0,
          skipped = 0,
          bad = "",
          running = false, // Flag that states tests are running
          quit = false, // Flag to quit tests ASAP
          verbose = false, // Adds message for *every* test to output
          phantom = false;

      function runHarness(){
        if (running) {
          quit = true;
          setStatus("Restarting tests...", '', true);
          setTimeout(function(){runHarness();}, 500);
          return;
        }
        filters = [];
        verbose = false;
        if (window.location.hash.substr(1)){
          var strings = window.location.hash.substr(1).split(",");
          while (strings.length) {
            var s = strings.shift();
            if (s === "verbose")
              verbose = true;
            else
              filters.push(parseTestFilter(decodeURIComponent(s)));
          }
        }
        quit = false;
        running = true;
        setStatus("Loading tests...");
        count = 0;
        failed = 0;
        skipped = 0;
        bad = "";
        totalTests = countTests();
        progressTotal.nodeValue = " of " + totalTests;
        progressRan.nodeValue = count;
        output.innerHTML = '';
        document.getElementById("testground").innerHTML = "<form>" +
          "<textarea id=\"code\" name=\"code\"></textarea>" +
          "<input type=submit value=ok name=submit>" +
          "</form>";
        runTests(displayTest);
      }

      function setStatus(message, className, force){
        if (quit && !force) return;
        if (!message) throw("must provide message");
        var status = document.getElementById("status").childNodes[0];
        status.nodeValue = message;
        status.parentNode.className = className;
      }
      function addOutput(name, className, code){
        var newOutput = document.createElement("dl");
        var newTitle = document.createElement("dt");
        newTitle.className = className;
        newTitle.appendChild(document.createTextNode(name));
        newOutput.appendChild(newTitle);
        var newMessage = document.createElement("dd");
        newMessage.innerHTML = code;
        newOutput.appendChild(newTitle);
        newOutput.appendChild(newMessage);
        output.appendChild(newOutput);
      }
      function displayTest(type, name, customMessage) {
        var message = "???";
        if (type != "done" && type != "skipped") ++count;
        progress.style.width = (count * (progress.parentNode.clientWidth - 2) / totalTests) + "px";
        progressRan.nodeValue = count;
        if (type == "ok") {
          message = "Test '" + name + "' succeeded";
          if (!verbose) customMessage = false;
        } else if (type == "skipped") {
          message = "Test '" + name + "' skipped";
          ++skipped;
          if (!verbose) customMessage = false;
        } else if (type == "expected") {
          message = "Test '" + name + "' failed as expected";
          if (!verbose) customMessage = false;
        } else if (type == "error" || type == "fail") {
          ++failed;
          message = "Test '" + name + "' failed";
        } else if (type == "done") {
          if (failed) {
            type += " fail";
            message = failed + " failure" + (failed > 1 ? "s" : "");
          } else if (count < totalTests) {
            failed = totalTests - count;
            type += " fail";
            message = failed + " failure" + (failed > 1 ? "s" : "");
          } else {
            type += " ok";
            message = "All passed";
            if (skipped) {
              message += " (" + skipped + " skipped)";
            }
          }
          progressTotal.nodeValue = '';
          customMessage = true; // Hack to avoid adding to output
        }
        if (window.mozilla_setStatus)
          mozilla_setStatus(message, type, customMessage);
        if (verbose && !customMessage)  customMessage = message;
        setStatus(message, type);
        if (customMessage && customMessage.length > 0) {
          addOutput(name, type, customMessage);
        }
      }
    </script>
  </body>
</html>