| 1 | <!-- A local source file that allows dygraph developers to test locally. --> |
| 2 | <html> |
| 3 | <head> |
| 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]--> |
| 9 | <script type="text/javascript" src="../../dygraph-dev.js"></script> |
| 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> |
| 17 | <script type="text/javascript" src="../tests/DygraphOps.js"></script> |
| 18 | <script type="text/javascript" src="../tests/annotations.js"></script> |
| 19 | <script type="text/javascript" src="../tests/axis_labels.js"></script> |
| 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> |
| 26 | <script type="text/javascript" src="../tests/interaction_model.js"></script> |
| 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> |
| 39 | <!-- |
| 40 | <script type="text/javascript" src="../tests/tickers.js"></script> |
| 41 | --> |
| 42 | <script type="text/javascript" src="../tests/to_dom_coords.js"></script> |
| 43 | <script type="text/javascript" src="../tests/update_while_panning.js"></script> |
| 44 | <script type="text/javascript" src="../tests/update_options.js"></script> |
| 45 | <script type="text/javascript" src="../tests/utils_test.js"></script> |
| 46 | |
| 47 | <style type="text/css"> |
| 48 | .pass .outcome { |
| 49 | color: green; |
| 50 | } |
| 51 | |
| 52 | .fail .outcome { |
| 53 | color: red; |
| 54 | } |
| 55 | |
| 56 | .activeAnchor { |
| 57 | color: black; |
| 58 | text-decoration: none; |
| 59 | } |
| 60 | </style> |
| 61 | <script type="text/javascript"> |
| 62 | var tc = null; |
| 63 | var name = null; |
| 64 | |
| 65 | var resultDiv = null; |
| 66 | |
| 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("&"); |
| 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 | } |
| 77 | } |
| 78 | return args; |
| 79 | } |
| 80 | |
| 81 | var args = splitVariables(); |
| 82 | var test = args.test; |
| 83 | var command = args.command; |
| 84 | |
| 85 | // args.testCaseName uses the string name of the test. |
| 86 | if (args.testCaseName) { |
| 87 | var testCases = getAllTestCases(); |
| 88 | name = args.testCaseName; |
| 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 | } |
| 97 | } else if (args.testCase) { // The class name of the test. |
| 98 | name = args.testCase; |
| 99 | eval("tc = new " + args.testCase + "()"); |
| 100 | } |
| 101 | |
| 102 | var results = null; |
| 103 | // If the test class is defined. |
| 104 | if (tc != null) { |
| 105 | if (args.command == "runAllTests") { |
| 106 | console.log("Running all tests for " + args.testCase); |
| 107 | results = tc.runAllTests(); |
| 108 | } else if (args.command == "runTest") { |
| 109 | console.log("Running test " + args.testCase + "." + args.test); |
| 110 | results = tc.runTest(args.test); |
| 111 | } |
| 112 | } else { |
| 113 | if (args.command == "runAllTests") { |
| 114 | console.log("Running all tests for all test cases"); |
| 115 | var testCases = getAllTestCases(); |
| 116 | results = {}; |
| 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(); |
| 122 | } |
| 123 | } |
| 124 | } |
| 125 | resultsDiv = createResultsDiv(); |
| 126 | postResults(results); |
| 127 | resultsDiv.appendChild(document.createElement("hr")); |
| 128 | } |
| 129 | |
| 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; |
| 141 | } |
| 142 | } |
| 143 | |
| 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 | } |
| 168 | |
| 169 | function postResults(results, title) { |
| 170 | if (typeof(results) == "boolean") { |
| 171 | var elem = document.createElement("div"); |
| 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); |
| 177 | } else { // hash |
| 178 | var html = ""; |
| 179 | for (var key in results) { |
| 180 | if (results.hasOwnProperty(key)) { |
| 181 | var elem = results[key]; |
| 182 | if (typeof(elem) == "boolean" && title) { |
| 183 | postResults(results[key], title + "." + key); |
| 184 | } else { |
| 185 | postResults(results[key], key); |
| 186 | } |
| 187 | } |
| 188 | } |
| 189 | } |
| 190 | } |
| 191 | |
| 192 | </script> |
| 193 | </head> |
| 194 | <body> |
| 195 | <div id='graph'></div> |
| 196 | <div id="selector"></div> |
| 197 | <p>This file is really nothing more than all the tests coalesced into a single |
| 198 | HTML file. To run a test, use the selector above, or |
| 199 | open a Javascript console and execute, for instance,</p> |
| 200 | <code>testDrawSimpleRangePlusOne()</code> |
| 201 | |
| 202 | <p>Alternatively you can use query args: <ul> |
| 203 | <li>testCase - for the name of the test case prototype |
| 204 | <li>testCaseName - for the name of the test case |
| 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> |
| 209 | <p/> |
| 210 | </body> |
| 211 | <script> |
| 212 | processVariables(); |
| 213 | addGlobalTestSymbols(); |
| 214 | |
| 215 | var selector = document.getElementById("selector"); |
| 216 | |
| 217 | if (selector != null) { // running a test |
| 218 | var createAttached = function(name, parent) { |
| 219 | var elem = document.createElement(name); |
| 220 | parent.appendChild(elem); |
| 221 | return elem; |
| 222 | } |
| 223 | |
| 224 | var description = createAttached("div", selector); |
| 225 | var list = createAttached("ul", selector); |
| 226 | var parent = list.parentElement; |
| 227 | var createLink = function(parent, text, url) { |
| 228 | var li = createAttached("li", parent); |
| 229 | var a = createAttached("a", li); |
| 230 | a.innerText = text; |
| 231 | a.href = url; |
| 232 | } |
| 233 | if (tc == null) { |
| 234 | description.innerHTML = "Test cases:"; |
| 235 | var testCases = getAllTestCases(); |
| 236 | createLink(list, "(run all tests)", document.URL + "?command=runAllTests"); |
| 237 | for (var idx in testCases) { |
| 238 | var entryName = testCases[idx].name; |
| 239 | createLink(list, entryName, document.URL + "?testCaseName=" + entryName); |
| 240 | } |
| 241 | } else { |
| 242 | description.innerHTML = "Tests for " + name; |
| 243 | var names = tc.getTestNames(); |
| 244 | createLink(list, "Run All Tests", document.URL + "&command=runAllTests"); |
| 245 | for (var idx in names) { |
| 246 | var name = names[idx]; |
| 247 | createLink(list, name, document.URL + "&test=" + name + "&command=runTest"); |
| 248 | } |
| 249 | } |
| 250 | } |
| 251 | </script> |
| 252 | </html> |