index.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <!doctype html>
  2. <title>CodeMirror: Test Suite</title>
  3. <meta charset="utf-8"/>
  4. <link rel=stylesheet href="../doc/docs.css">
  5. <link rel="stylesheet" href="../lib/codemirror.css">
  6. <link rel="stylesheet" href="mode_test.css">
  7. <script src="../doc/activebookmark.js"></script>
  8. <script src="../lib/codemirror.js"></script>
  9. <script src="../addon/mode/overlay.js"></script>
  10. <script src="../addon/mode/multiplex.js"></script>
  11. <script src="../addon/search/searchcursor.js"></script>
  12. <script src="../addon/dialog/dialog.js"></script>
  13. <script src="../addon/edit/matchbrackets.js"></script>
  14. <script src="../addon/comment/comment.js"></script>
  15. <script src="../mode/javascript/javascript.js"></script>
  16. <script src="../mode/clike/clike.js"></script>
  17. <script src="../mode/php/php.js"></script>
  18. <script src="../mode/xml/xml.js"></script>
  19. <script src="../keymap/vim.js"></script>
  20. <script src="../keymap/emacs.js"></script>
  21. <script src="../keymap/sublime.js"></script>
  22. <style type="text/css">
  23. .ok {color: #090;}
  24. .fail {color: #e00;}
  25. .error {color: #c90;}
  26. .done {font-weight: bold;}
  27. #progress {
  28. background: #45d;
  29. color: white;
  30. text-shadow: 0 0 1px #45d, 0 0 2px #45d, 0 0 3px #45d;
  31. font-weight: bold;
  32. white-space: pre;
  33. }
  34. #testground {
  35. visibility: hidden;
  36. }
  37. #testground.offscreen {
  38. visibility: visible;
  39. position: absolute;
  40. left: -10000px;
  41. top: -10000px;
  42. }
  43. .CodeMirror { border: 1px solid black; }
  44. </style>
  45. <div id=nav>
  46. <a href="http://codemirror.net"><img id=logo src="../doc/logo.png"></a>
  47. <ul>
  48. <li><a href="../index.html">Home</a>
  49. <li><a href="../doc/manual.html">Manual</a>
  50. <li><a href="https://github.com/marijnh/codemirror">Code</a>
  51. </ul>
  52. <ul>
  53. <li><a class=active href="#">Test suite</a>
  54. </ul>
  55. </div>
  56. <article>
  57. <h2>Test Suite</h2>
  58. <p>A limited set of programmatic sanity tests for CodeMirror.</p>
  59. <div style="border: 1px solid black; padding: 1px; max-width: 700px;">
  60. <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>
  61. </div>
  62. <p id=status>Please enable JavaScript...</p>
  63. <div id=output></div>
  64. <div id=testground></div>
  65. <script src="driver.js"></script>
  66. <script src="test.js"></script>
  67. <script src="doc_test.js"></script>
  68. <script src="multi_test.js"></script>
  69. <script src="comment_test.js"></script>
  70. <script src="search_test.js"></script>
  71. <script src="mode_test.js"></script>
  72. <script src="../mode/javascript/test.js"></script>
  73. <script src="../mode/php/test.js"></script>
  74. <script src="../mode/css/css.js"></script>
  75. <script src="../mode/css/test.js"></script>
  76. <script src="../mode/css/scss_test.js"></script>
  77. <script src="../mode/css/less_test.js"></script>
  78. <script src="../mode/xml/xml.js"></script>
  79. <script src="../mode/xml/test.js"></script>
  80. <script src="../mode/htmlmixed/htmlmixed.js"></script>
  81. <script src="../mode/ruby/ruby.js"></script>
  82. <script src="../mode/ruby/test.js"></script>
  83. <script src="../mode/haml/haml.js"></script>
  84. <script src="../mode/haml/test.js"></script>
  85. <script src="../mode/markdown/markdown.js"></script>
  86. <script src="../mode/markdown/test.js"></script>
  87. <script src="../mode/slim/slim.js"></script>
  88. <script src="../mode/slim/test.js"></script>
  89. <script src="../mode/gfm/gfm.js"></script>
  90. <script src="../mode/gfm/test.js"></script>
  91. <script src="../mode/shell/shell.js"></script>
  92. <script src="../mode/shell/test.js"></script>
  93. <script src="../mode/stex/stex.js"></script>
  94. <script src="../mode/stex/test.js"></script>
  95. <script src="../mode/verilog/verilog.js"></script>
  96. <script src="../mode/verilog/test.js"></script>
  97. <script src="../mode/xquery/xquery.js"></script>
  98. <script src="../mode/xquery/test.js"></script>
  99. <script src="../addon/mode/multiplex_test.js"></script>
  100. <script src="vim_test.js"></script>
  101. <script src="emacs_test.js"></script>
  102. <script src="sublime_test.js"></script>
  103. <script>
  104. window.onload = runHarness;
  105. CodeMirror.on(window, 'hashchange', runHarness);
  106. function esc(str) {
  107. return str.replace(/[<&]/, function(ch) { return ch == "<" ? "&lt;" : "&amp;"; });
  108. }
  109. var output = document.getElementById("output"),
  110. progress = document.getElementById("progress"),
  111. progressRan = document.getElementById("progress_ran").childNodes[0],
  112. progressTotal = document.getElementById("progress_total").childNodes[0];
  113. var count = 0,
  114. failed = 0,
  115. skipped = 0,
  116. bad = "",
  117. running = false, // Flag that states tests are running
  118. quit = false, // Flag to quit tests ASAP
  119. verbose = false; // Adds message for *every* test to output
  120. function runHarness(){
  121. if (running) {
  122. quit = true;
  123. setStatus("Restarting tests...", '', true);
  124. setTimeout(function(){runHarness();}, 500);
  125. return;
  126. }
  127. filters = [];
  128. verbose = false;
  129. if (window.location.hash.substr(1)){
  130. var strings = window.location.hash.substr(1).split(",");
  131. while (strings.length) {
  132. var s = strings.shift();
  133. if (s === "verbose")
  134. verbose = true;
  135. else
  136. filters.push(parseTestFilter(decodeURIComponent(s)));;
  137. }
  138. }
  139. quit = false;
  140. running = true;
  141. setStatus("Loading tests...");
  142. count = 0;
  143. failed = 0;
  144. skipped = 0;
  145. bad = "";
  146. totalTests = countTests();
  147. progressTotal.nodeValue = " of " + totalTests;
  148. progressRan.nodeValue = count;
  149. output.innerHTML = '';
  150. document.getElementById("testground").innerHTML = "<form>" +
  151. "<textarea id=\"code\" name=\"code\"></textarea>" +
  152. "<input type=submit value=ok name=submit>" +
  153. "</form>";
  154. runTests(displayTest);
  155. }
  156. function setStatus(message, className, force){
  157. if (quit && !force) return;
  158. if (!message) throw("must provide message");
  159. var status = document.getElementById("status").childNodes[0];
  160. status.nodeValue = message;
  161. status.parentNode.className = className;
  162. }
  163. function addOutput(name, className, code){
  164. var newOutput = document.createElement("dl");
  165. var newTitle = document.createElement("dt");
  166. newTitle.className = className;
  167. newTitle.appendChild(document.createTextNode(name));
  168. newOutput.appendChild(newTitle);
  169. var newMessage = document.createElement("dd");
  170. newMessage.innerHTML = code;
  171. newOutput.appendChild(newTitle);
  172. newOutput.appendChild(newMessage);
  173. output.appendChild(newOutput);
  174. }
  175. function displayTest(type, name, customMessage) {
  176. var message = "???";
  177. if (type != "done" && type != "skipped") ++count;
  178. progress.style.width = (count * (progress.parentNode.clientWidth - 2) / totalTests) + "px";
  179. progressRan.nodeValue = count;
  180. if (type == "ok") {
  181. message = "Test '" + name + "' succeeded";
  182. if (!verbose) customMessage = false;
  183. } else if (type == "skipped") {
  184. message = "Test '" + name + "' skipped";
  185. ++skipped;
  186. if (!verbose) customMessage = false;
  187. } else if (type == "expected") {
  188. message = "Test '" + name + "' failed as expected";
  189. if (!verbose) customMessage = false;
  190. } else if (type == "error" || type == "fail") {
  191. ++failed;
  192. message = "Test '" + name + "' failed";
  193. } else if (type == "done") {
  194. if (failed) {
  195. type += " fail";
  196. message = failed + " failure" + (failed > 1 ? "s" : "");
  197. } else if (count < totalTests) {
  198. failed = totalTests - count;
  199. type += " fail";
  200. message = failed + " failure" + (failed > 1 ? "s" : "");
  201. } else {
  202. type += " ok";
  203. message = "All passed";
  204. if (skipped) {
  205. message += " (" + skipped + " skipped)";
  206. }
  207. }
  208. progressTotal.nodeValue = '';
  209. customMessage = true; // Hack to avoid adding to output
  210. }
  211. if (verbose && !customMessage) customMessage = message;
  212. setStatus(message, type);
  213. if (customMessage && customMessage.length > 0) {
  214. addOutput(name, type, customMessage);
  215. }
  216. }
  217. </script>
  218. </article>