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