Commit | Line | Data |
---|---|---|
7165f97b | 1 | <!-- A local source file that allows dygraph developers to test locally. --> |
644eff8b RK |
2 | <html> |
3 | <head> | |
7165f97b RK |
4 | <!-- Standard Dygraph scripts --> |
5 | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9"> | |
6 | <!--[if IE]> | |
7 | <script type="text/javascript" src="../../excanvas.js"></script> | |
8 | <![endif]--> | |
8d3d15af | 9 | <script type="text/javascript" src="../../dygraph-dev.js"></script> |
7165f97b RK |
10 | |
11 | <!-- Scripts for automated tests --> | |
12 | <script type="text/javascript" src="../lib/jquery-1.4.2.js"></script> | |
13 | <script type="text/javascript" src="../lib/Asserts.js"></script> | |
14 | <script type="text/javascript" src="fake-jstestdriver.js"></script> | |
15 | <script type="text/javascript" src="../tests/Proxy.js"></script> | |
16 | <script type="text/javascript" src="../tests/CanvasAssertions.js"></script> | |
72a74f04 | 17 | <script type="text/javascript" src="../tests/DygraphOps.js"></script> |
6a4587ac | 18 | <script type="text/javascript" src="../tests/annotations.js"></script> |
f3cbe61e | 19 | <script type="text/javascript" src="../tests/axis_labels.js"></script> |
6a4587ac RK |
20 | <script type="text/javascript" src="../tests/callback.js"></script> |
21 | <script type="text/javascript" src="../tests/css.js"></script> | |
22 | <script type="text/javascript" src="../tests/custom_bars.js"></script> | |
23 | <script type="text/javascript" src="../tests/date_formats.js"></script> | |
24 | <script type="text/javascript" src="../tests/error_bars.js"></script> | |
25 | <script type="text/javascript" src="../tests/formats.js"></script> | |
9c831431 | 26 | <script type="text/javascript" src="../tests/interaction_model.js"></script> |
cea0fb70 | 27 | <script type="text/javascript" src="../tests/missing_points.js"></script> |
6a4587ac RK |
28 | <script type="text/javascript" src="../tests/multiple_axes.js"></script> |
29 | <script type="text/javascript" src="../tests/multi_csv.js"></script> | |
30 | <script type="text/javascript" src="../tests/no_hours.js"></script> | |
31 | <script type="text/javascript" src="../tests/pathological_cases.js"></script> | |
32 | ||
33 | <script type="text/javascript" src="../tests/range_tests.js"></script> | |
34 | <script type="text/javascript" src="../tests/rolling_average.js"></script> | |
35 | <script type="text/javascript" src="../tests/sanity.js"></script> | |
36 | <script type="text/javascript" src="../tests/selection.js"></script> | |
37 | <script type="text/javascript" src="../tests/scientific_notation.js"></script> | |
38 | <script type="text/javascript" src="../tests/scrolling_div.js"></script> | |
39 | <script type="text/javascript" src="../tests/simple_drawing.js"></script> | |
0842b24b | 40 | <!-- |
48e614ac | 41 | <script type="text/javascript" src="../tests/tickers.js"></script> |
0842b24b | 42 | --> |
6a4587ac | 43 | <script type="text/javascript" src="../tests/to_dom_coords.js"></script> |
97583b90 | 44 | <script type="text/javascript" src="../tests/update_while_panning.js"></script> |
9ca829f2 | 45 | <script type="text/javascript" src="../tests/update_options.js"></script> |
48e614ac | 46 | <script type="text/javascript" src="../tests/utils_test.js"></script> |
87bbdb4d | 47 | |
5cfed8c5 RK |
48 | <style type="text/css"> |
49 | .pass .outcome { | |
50 | color: green; | |
51 | } | |
52 | ||
53 | .fail .outcome { | |
54 | color: red; | |
55 | } | |
87bbdb4d | 56 | |
5cfed8c5 RK |
57 | .activeAnchor { |
58 | color: black; | |
59 | text-decoration: none; | |
60 | } | |
61 | </style> | |
6788e30b | 62 | <script type="text/javascript"> |
b43b50fe RK |
63 | var tc = null; // Selected test case |
64 | var name = null; | |
5cfed8c5 RK |
65 | |
66 | var resultDiv = null; | |
67 | ||
6788e30b RK |
68 | function processVariables() { |
69 | var splitVariables = function() { // http://www.idealog.us/2006/06/javascript_to_p.html | |
70 | var query = window.location.search.substring(1); | |
71 | var args = {}; | |
72 | var vars = query.split("&"); | |
3d8093fa RK |
73 | for (var i = 0; i < vars.length; i++) { |
74 | if (vars[i].length > 0) { | |
75 | var pair = vars[i].split("="); | |
76 | args[pair[0]] = pair[1]; | |
77 | } | |
6788e30b RK |
78 | } |
79 | return args; | |
80 | } | |
81 | ||
82 | var args = splitVariables(); | |
83 | var test = args.test; | |
84 | var command = args.command; | |
85 | ||
ef13835b | 86 | // args.testCaseName uses the string name of the test. |
357f7a8a RK |
87 | if (args.testCaseName) { |
88 | var testCases = getAllTestCases(); | |
0c393397 | 89 | name = args.testCaseName; |
357f7a8a RK |
90 | for (var idx in testCases) { |
91 | var entry = testCases[idx]; | |
92 | if (entry.name == args.testCaseName) { | |
93 | var prototype = entry.testCase; | |
94 | tc = new entry.testCase(); | |
95 | break; | |
96 | } | |
97 | } | |
ef13835b | 98 | } else if (args.testCase) { // The class name of the test. |
0c393397 | 99 | name = args.testCase; |
6788e30b | 100 | eval("tc = new " + args.testCase + "()"); |
357f7a8a | 101 | } |
ef13835b | 102 | |
5cfed8c5 | 103 | var results = null; |
ef13835b | 104 | // If the test class is defined. |
357f7a8a | 105 | if (tc != null) { |
ef13835b RK |
106 | if (args.command == "runAllTests") { |
107 | console.log("Running all tests for " + args.testCase); | |
5cfed8c5 RK |
108 | results = tc.runAllTests(); |
109 | } else if (args.command == "runTest") { | |
ef13835b | 110 | console.log("Running test " + args.testCase + "." + args.test); |
5cfed8c5 | 111 | results = tc.runTest(args.test); |
ef13835b RK |
112 | } |
113 | } else { | |
114 | if (args.command == "runAllTests") { | |
115 | console.log("Running all tests for all test cases"); | |
116 | var testCases = getAllTestCases(); | |
5cfed8c5 | 117 | results = {}; |
ef13835b RK |
118 | for (var idx in testCases) { |
119 | var entry = testCases[idx]; | |
120 | var prototype = entry.testCase; | |
121 | tc = new entry.testCase(); | |
122 | results[entry.name] = tc.runAllTests(); | |
6788e30b RK |
123 | } |
124 | } | |
125 | } | |
5cfed8c5 | 126 | resultsDiv = createResultsDiv(); |
b43b50fe RK |
127 | var summary = { failed: 0, passed: 0 }; |
128 | postResults(results, summary); | |
5cfed8c5 | 129 | resultsDiv.appendChild(document.createElement("hr")); |
b43b50fe | 130 | document.getElementById('summary').innerText = "(" + summary.failed + " failed, " + summary.passed + " passed)"; |
6788e30b | 131 | } |
da11a9a7 | 132 | |
5cfed8c5 RK |
133 | function createResultsDiv() { |
134 | var body = document.getElementsByTagName("body")[0]; | |
135 | div = document.createElement("div"); | |
136 | div.id='results'; | |
825a47fc | 137 | div.innerHTML = "Test results: <span id='summary'></span> <a href='#' id='passed'>passed</a> <a href='#' id='failed'>failed</a> <a href='#' id='all'>all</a><br/>"; |
5cfed8c5 RK |
138 | body.insertBefore(div, body.firstChild); |
139 | ||
140 | var setByClassName = function(name, displayStyle) { | |
141 | var elements = div.getElementsByClassName(name); | |
142 | for (var i = 0; i < elements.length; i++) { | |
143 | elements[i].style.display = displayStyle; | |
ef13835b | 144 | } |
ef13835b | 145 | } |
da11a9a7 | 146 | |
5cfed8c5 RK |
147 | var passedAnchor = document.getElementById('passed'); |
148 | var failedAnchor = document.getElementById('failed'); | |
149 | var allAnchor = document.getElementById('all'); | |
150 | passedAnchor.onclick = function() { | |
151 | setByClassName('fail', 'none'); | |
152 | setByClassName('pass', 'block'); | |
153 | ||
154 | passedAnchor.setAttribute("class", 'activeAnchor'); | |
155 | failedAnchor.setAttribute("class", ''); | |
156 | }; | |
157 | failedAnchor.onclick = function() { | |
158 | setByClassName('fail', 'block'); | |
159 | setByClassName('pass', 'none'); | |
160 | passedAnchor.setAttribute("class", ''); | |
161 | failedAnchor.setAttribute("class", 'activeAnchor'); | |
162 | }; | |
163 | allAnchor.onclick = function() { | |
164 | setByClassName('fail', 'block'); | |
165 | setByClassName('pass', 'block'); | |
166 | passedAnchor.setAttribute("class", ''); | |
167 | failedAnchor.setAttribute("class", ''); | |
168 | }; | |
169 | return div; | |
170 | } | |
da11a9a7 | 171 | |
b43b50fe | 172 | function postResults(results, summary, title) { |
da11a9a7 | 173 | if (typeof(results) == "boolean") { |
ef13835b | 174 | var elem = document.createElement("div"); |
5cfed8c5 RK |
175 | elem.setAttribute("class", results ? 'pass' : 'fail'); |
176 | ||
177 | var prefix = title ? (title + ": ") : ""; | |
178 | elem.innerHTML = prefix + '<span class=\'outcome\'>' + (results ? 'pass' : 'fail') + '</span>'; | |
179 | resultsDiv.appendChild(elem); | |
b43b50fe RK |
180 | if (results) { |
181 | summary.passed++; | |
182 | } else { | |
183 | summary.failed++; | |
184 | } | |
da11a9a7 | 185 | } else { // hash |
825a47fc | 186 | var failed = 0; |
da11a9a7 RK |
187 | var html = ""; |
188 | for (var key in results) { | |
189 | if (results.hasOwnProperty(key)) { | |
ef13835b RK |
190 | var elem = results[key]; |
191 | if (typeof(elem) == "boolean" && title) { | |
b43b50fe | 192 | postResults(results[key], summary, title + "." + key); |
ef13835b | 193 | } else { |
b43b50fe | 194 | postResults(results[key], summary, key); |
ef13835b | 195 | } |
da11a9a7 RK |
196 | } |
197 | } | |
da11a9a7 | 198 | } |
da11a9a7 | 199 | } |
5cfed8c5 | 200 | |
6788e30b | 201 | </script> |
644eff8b RK |
202 | </head> |
203 | <body> | |
204 | <div id='graph'></div> | |
33933283 | 205 | <div id="selector"></div> |
3914c8e1 | 206 | <p>This file is really nothing more than all the tests coalesced into a single |
33933283 RK |
207 | HTML file. To run a test, use the selector above, or |
208 | open a Javascript console and execute, for instance,</p> | |
3914c8e1 | 209 | <code>testDrawSimpleRangePlusOne()</code> |
6788e30b RK |
210 | |
211 | <p>Alternatively you can use query args: <ul> | |
33933283 RK |
212 | <li>testCase - for the name of the test case prototype |
213 | <li>testCaseName - for the name of the test case | |
6788e30b RK |
214 | <li>test - for the name of the test (use command=runTest) |
215 | <li>command - either runTest or runAllTests. | |
216 | </ul> | |
217 | Example: <code>local.html?testCase=ScrollingDivTestCase&test=testNestedDiv_Scrolled&command=runTest</code> | |
357f7a8a | 218 | <p/> |
644eff8b | 219 | </body> |
6788e30b RK |
220 | <script> |
221 | processVariables(); | |
3914c8e1 | 222 | addGlobalTestSymbols(); |
357f7a8a | 223 | |
357f7a8a | 224 | var selector = document.getElementById("selector"); |
0c393397 | 225 | |
357f7a8a | 226 | if (selector != null) { // running a test |
da11a9a7 RK |
227 | var createAttached = function(name, parent) { |
228 | var elem = document.createElement(name); | |
229 | parent.appendChild(elem); | |
230 | return elem; | |
231 | } | |
232 | ||
357f7a8a RK |
233 | var description = createAttached("div", selector); |
234 | var list = createAttached("ul", selector); | |
235 | var parent = list.parentElement; | |
da11a9a7 | 236 | var createLink = function(parent, text, url) { |
5cfed8c5 RK |
237 | var li = createAttached("li", parent); |
238 | var a = createAttached("a", li); | |
239 | a.innerText = text; | |
240 | a.href = url; | |
da11a9a7 | 241 | } |
357f7a8a RK |
242 | if (tc == null) { |
243 | description.innerHTML = "Test cases:"; | |
244 | var testCases = getAllTestCases(); | |
ef13835b | 245 | createLink(list, "(run all tests)", document.URL + "?command=runAllTests"); |
357f7a8a | 246 | for (var idx in testCases) { |
da11a9a7 RK |
247 | var entryName = testCases[idx].name; |
248 | createLink(list, entryName, document.URL + "?testCaseName=" + entryName); | |
357f7a8a RK |
249 | } |
250 | } else { | |
251 | description.innerHTML = "Tests for " + name; | |
252 | var names = tc.getTestNames(); | |
da11a9a7 | 253 | createLink(list, "Run All Tests", document.URL + "&command=runAllTests"); |
357f7a8a RK |
254 | for (var idx in names) { |
255 | var name = names[idx]; | |
da11a9a7 | 256 | createLink(list, name, document.URL + "&test=" + name + "&command=runTest"); |
357f7a8a RK |
257 | } |
258 | } | |
259 | } | |
6788e30b | 260 | </script> |
644eff8b | 261 | </html> |