225 lines
7.9 KiB
HTML
225 lines
7.9 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: Test Suite</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel=stylesheet href="../doc/docs.css">
|
|
|
|
<link rel="stylesheet" href="../lib/codemirror.css">
|
|
<link rel="stylesheet" href="mode_test.css">
|
|
<script src="../doc/activebookmark.js"></script>
|
|
<script src="../lib/codemirror.js"></script>
|
|
<script src="../addon/mode/overlay.js"></script>
|
|
<script src="../addon/mode/multiplex.js"></script>
|
|
<script src="../addon/search/searchcursor.js"></script>
|
|
<script src="../addon/dialog/dialog.js"></script>
|
|
<script src="../addon/edit/matchbrackets.js"></script>
|
|
<script src="../addon/comment/comment.js"></script>
|
|
<script src="../mode/javascript/javascript.js"></script>
|
|
<script src="../mode/xml/xml.js"></script>
|
|
<script src="../keymap/vim.js"></script>
|
|
<script src="../keymap/emacs.js"></script>
|
|
<script src="../keymap/sublime.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>
|
|
|
|
<div id=nav>
|
|
<a href="http://codemirror.net"><img id=logo src="../doc/logo.png"></a>
|
|
|
|
<ul>
|
|
<li><a href="../index.html">Home</a>
|
|
<li><a href="../doc/manual.html">Manual</a>
|
|
<li><a href="https://github.com/marijnh/codemirror">Code</a>
|
|
</ul>
|
|
<ul>
|
|
<li><a class=active href="#">Test suite</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>Test Suite</h2>
|
|
|
|
<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="doc_test.js"></script>
|
|
<script src="multi_test.js"></script>
|
|
<script src="comment_test.js"></script>
|
|
<script src="search_test.js"></script>
|
|
<script src="mode_test.js"></script>
|
|
<script src="../mode/javascript/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/css/less_test.js"></script>
|
|
<script src="../mode/xml/xml.js"></script>
|
|
<script src="../mode/xml/test.js"></script>
|
|
<script src="../mode/htmlmixed/htmlmixed.js"></script>
|
|
<script src="../mode/ruby/ruby.js"></script>
|
|
<script src="../mode/ruby/test.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 src="vim_test.js"></script>
|
|
<script src="emacs_test.js"></script>
|
|
<script src="sublime_test.js"></script>
|
|
<script>
|
|
window.onload = runHarness;
|
|
CodeMirror.on(window, 'hashchange', runHarness);
|
|
|
|
function esc(str) {
|
|
return str.replace(/[<&]/, function(ch) { return ch == "<" ? "<" : "&"; });
|
|
}
|
|
|
|
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
|
|
|
|
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 (verbose && !customMessage) customMessage = message;
|
|
setStatus(message, type);
|
|
if (customMessage && customMessage.length > 0) {
|
|
addOutput(name, type, customMessage);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</article>
|