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> |
890e2a37 | 45 | <script type="text/javascript" src="../tests/stacked.js"></script> |
9ca829f2 | 46 | <script type="text/javascript" src="../tests/update_options.js"></script> |
48e614ac | 47 | <script type="text/javascript" src="../tests/utils_test.js"></script> |
87bbdb4d | 48 | |
5cfed8c5 RK |
49 | <style type="text/css"> |
50 | .pass .outcome { | |
51 | color: green; | |
52 | } | |
53 | ||
54 | .fail .outcome { | |
55 | color: red; | |
56 | } | |
87bbdb4d | 57 | |
5cfed8c5 RK |
58 | .activeAnchor { |
59 | color: black; | |
60 | text-decoration: none; | |
61 | } | |
62 | </style> | |
6788e30b | 63 | <script type="text/javascript"> |
b43b50fe RK |
64 | var tc = null; // Selected test case |
65 | var name = null; | |
5cfed8c5 RK |
66 | |
67 | var resultDiv = null; | |
68 | ||
6788e30b RK |
69 | function processVariables() { |
70 | var splitVariables = function() { // http://www.idealog.us/2006/06/javascript_to_p.html | |
71 | var query = window.location.search.substring(1); | |
72 | var args = {}; | |
73 | var vars = query.split("&"); | |
3d8093fa RK |
74 | for (var i = 0; i < vars.length; i++) { |
75 | if (vars[i].length > 0) { | |
76 | var pair = vars[i].split("="); | |
77 | args[pair[0]] = pair[1]; | |
78 | } | |
6788e30b RK |
79 | } |
80 | return args; | |
81 | } | |
82 | ||
83 | var args = splitVariables(); | |
84 | var test = args.test; | |
85 | var command = args.command; | |
86 | ||
ef13835b | 87 | // args.testCaseName uses the string name of the test. |
357f7a8a RK |
88 | if (args.testCaseName) { |
89 | var testCases = getAllTestCases(); | |
0c393397 | 90 | name = args.testCaseName; |
357f7a8a RK |
91 | for (var idx in testCases) { |
92 | var entry = testCases[idx]; | |
93 | if (entry.name == args.testCaseName) { | |
94 | var prototype = entry.testCase; | |
95 | tc = new entry.testCase(); | |
96 | break; | |
97 | } | |
98 | } | |
ef13835b | 99 | } else if (args.testCase) { // The class name of the test. |
0c393397 | 100 | name = args.testCase; |
6788e30b | 101 | eval("tc = new " + args.testCase + "()"); |
357f7a8a | 102 | } |
ef13835b | 103 | |
5cfed8c5 | 104 | var results = null; |
ef13835b | 105 | // If the test class is defined. |
357f7a8a | 106 | if (tc != null) { |
ef13835b RK |
107 | if (args.command == "runAllTests") { |
108 | console.log("Running all tests for " + args.testCase); | |
5cfed8c5 RK |
109 | results = tc.runAllTests(); |
110 | } else if (args.command == "runTest") { | |
ef13835b | 111 | console.log("Running test " + args.testCase + "." + args.test); |
5cfed8c5 | 112 | results = tc.runTest(args.test); |
ef13835b RK |
113 | } |
114 | } else { | |
115 | if (args.command == "runAllTests") { | |
116 | console.log("Running all tests for all test cases"); | |
117 | var testCases = getAllTestCases(); | |
5cfed8c5 | 118 | results = {}; |
ef13835b RK |
119 | for (var idx in testCases) { |
120 | var entry = testCases[idx]; | |
121 | var prototype = entry.testCase; | |
122 | tc = new entry.testCase(); | |
123 | results[entry.name] = tc.runAllTests(); | |
6788e30b RK |
124 | } |
125 | } | |
126 | } | |
5cfed8c5 | 127 | resultsDiv = createResultsDiv(); |
b43b50fe RK |
128 | var summary = { failed: 0, passed: 0 }; |
129 | postResults(results, summary); | |
5cfed8c5 | 130 | resultsDiv.appendChild(document.createElement("hr")); |
0bdbfaf3 | 131 | document.getElementById('summary').innerHTML = "(" + summary.failed + " failed, " + summary.passed + " passed)"; |
6788e30b | 132 | } |
da11a9a7 | 133 | |
5cfed8c5 RK |
134 | function createResultsDiv() { |
135 | var body = document.getElementsByTagName("body")[0]; | |
136 | div = document.createElement("div"); | |
137 | div.id='results'; | |
825a47fc | 138 | 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 |
139 | body.insertBefore(div, body.firstChild); |
140 | ||
141 | var setByClassName = function(name, displayStyle) { | |
142 | var elements = div.getElementsByClassName(name); | |
143 | for (var i = 0; i < elements.length; i++) { | |
144 | elements[i].style.display = displayStyle; | |
ef13835b | 145 | } |
ef13835b | 146 | } |
da11a9a7 | 147 | |
5cfed8c5 RK |
148 | var passedAnchor = document.getElementById('passed'); |
149 | var failedAnchor = document.getElementById('failed'); | |
150 | var allAnchor = document.getElementById('all'); | |
151 | passedAnchor.onclick = function() { | |
152 | setByClassName('fail', 'none'); | |
153 | setByClassName('pass', 'block'); | |
154 | ||
155 | passedAnchor.setAttribute("class", 'activeAnchor'); | |
156 | failedAnchor.setAttribute("class", ''); | |
157 | }; | |
158 | failedAnchor.onclick = function() { | |
159 | setByClassName('fail', 'block'); | |
160 | setByClassName('pass', 'none'); | |
161 | passedAnchor.setAttribute("class", ''); | |
162 | failedAnchor.setAttribute("class", 'activeAnchor'); | |
163 | }; | |
164 | allAnchor.onclick = function() { | |
165 | setByClassName('fail', 'block'); | |
166 | setByClassName('pass', 'block'); | |
167 | passedAnchor.setAttribute("class", ''); | |
168 | failedAnchor.setAttribute("class", ''); | |
169 | }; | |
170 | return div; | |
171 | } | |
da11a9a7 | 172 | |
b43b50fe | 173 | function postResults(results, summary, title) { |
da11a9a7 | 174 | if (typeof(results) == "boolean") { |
ef13835b | 175 | var elem = document.createElement("div"); |
5cfed8c5 RK |
176 | elem.setAttribute("class", results ? 'pass' : 'fail'); |
177 | ||
178 | var prefix = title ? (title + ": ") : ""; | |
179 | elem.innerHTML = prefix + '<span class=\'outcome\'>' + (results ? 'pass' : 'fail') + '</span>'; | |
180 | resultsDiv.appendChild(elem); | |
b43b50fe RK |
181 | if (results) { |
182 | summary.passed++; | |
183 | } else { | |
184 | summary.failed++; | |
185 | } | |
da11a9a7 | 186 | } else { // hash |
825a47fc | 187 | var failed = 0; |
da11a9a7 RK |
188 | var html = ""; |
189 | for (var key in results) { | |
190 | if (results.hasOwnProperty(key)) { | |
ef13835b RK |
191 | var elem = results[key]; |
192 | if (typeof(elem) == "boolean" && title) { | |
b43b50fe | 193 | postResults(results[key], summary, title + "." + key); |
ef13835b | 194 | } else { |
b43b50fe | 195 | postResults(results[key], summary, key); |
ef13835b | 196 | } |
da11a9a7 RK |
197 | } |
198 | } | |
da11a9a7 | 199 | } |
da11a9a7 | 200 | } |
5cfed8c5 | 201 | |
6788e30b | 202 | </script> |
644eff8b RK |
203 | </head> |
204 | <body> | |
205 | <div id='graph'></div> | |
33933283 | 206 | <div id="selector"></div> |
3914c8e1 | 207 | <p>This file is really nothing more than all the tests coalesced into a single |
33933283 RK |
208 | HTML file. To run a test, use the selector above, or |
209 | open a Javascript console and execute, for instance,</p> | |
3914c8e1 | 210 | <code>testDrawSimpleRangePlusOne()</code> |
6788e30b RK |
211 | |
212 | <p>Alternatively you can use query args: <ul> | |
33933283 RK |
213 | <li>testCase - for the name of the test case prototype |
214 | <li>testCaseName - for the name of the test case | |
6788e30b RK |
215 | <li>test - for the name of the test (use command=runTest) |
216 | <li>command - either runTest or runAllTests. | |
217 | </ul> | |
218 | Example: <code>local.html?testCase=ScrollingDivTestCase&test=testNestedDiv_Scrolled&command=runTest</code> | |
357f7a8a | 219 | <p/> |
644eff8b | 220 | </body> |
6788e30b RK |
221 | <script> |
222 | processVariables(); | |
3914c8e1 | 223 | addGlobalTestSymbols(); |
357f7a8a | 224 | |
357f7a8a | 225 | var selector = document.getElementById("selector"); |
0c393397 | 226 | |
357f7a8a | 227 | if (selector != null) { // running a test |
da11a9a7 RK |
228 | var createAttached = function(name, parent) { |
229 | var elem = document.createElement(name); | |
230 | parent.appendChild(elem); | |
231 | return elem; | |
232 | } | |
233 | ||
357f7a8a RK |
234 | var description = createAttached("div", selector); |
235 | var list = createAttached("ul", selector); | |
236 | var parent = list.parentElement; | |
da11a9a7 | 237 | var createLink = function(parent, text, url) { |
5cfed8c5 RK |
238 | var li = createAttached("li", parent); |
239 | var a = createAttached("a", li); | |
0bdbfaf3 | 240 | a.innerHTML = text; |
5cfed8c5 | 241 | a.href = url; |
da11a9a7 | 242 | } |
357f7a8a RK |
243 | if (tc == null) { |
244 | description.innerHTML = "Test cases:"; | |
245 | var testCases = getAllTestCases(); | |
ef13835b | 246 | createLink(list, "(run all tests)", document.URL + "?command=runAllTests"); |
357f7a8a | 247 | for (var idx in testCases) { |
da11a9a7 RK |
248 | var entryName = testCases[idx].name; |
249 | createLink(list, entryName, document.URL + "?testCaseName=" + entryName); | |
357f7a8a RK |
250 | } |
251 | } else { | |
252 | description.innerHTML = "Tests for " + name; | |
253 | var names = tc.getTestNames(); | |
da11a9a7 | 254 | createLink(list, "Run All Tests", document.URL + "&command=runAllTests"); |
357f7a8a RK |
255 | for (var idx in names) { |
256 | var name = names[idx]; | |
da11a9a7 | 257 | createLink(list, name, document.URL + "&test=" + name + "&command=runTest"); |
357f7a8a RK |
258 | } |
259 | } | |
260 | } | |
6788e30b | 261 | </script> |
644eff8b | 262 | </html> |