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