Mercurial
comparison .cms/lib/codemirror/test/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
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> |