| OLD | NEW |
|---|
| (Empty) |
| 1 <!-- | |
| 2 Copyright (c) 2011 Mozilla Foundation. All rights reserved. | |
| 3 Use of this source code is governed by a BSD-style license that can be | |
| 4 found in the LICENSE file. | |
| 5 --> | |
| 6 <!DOCTYPE html> | |
| 7 <html> | |
| 8 <head> | |
| 9 <meta charset="utf-8"> | |
| 10 <title>WebGL Conformance Tests</title> | |
| 11 <style> | |
| 12 html, body { | |
| 13 border: 0; | |
| 14 margin: 0; | |
| 15 height: 100%; | |
| 16 height: 100%; | |
| 17 text-align: center; | |
| 18 font-family: monospace; | |
| 19 } | |
| 20 table { | |
| 21 width: 100%; | |
| 22 height: 100%; | |
| 23 } | |
| 24 .timeout { } | |
| 25 .success { } | |
| 26 .fail { } | |
| 27 .testpage { border: 1px solid black; background-color: #ccc; } | |
| 28 .testpagesuccess { border: 1px solid black; background-color: #8F8; } | |
| 29 .testpagefail { border: 1px solid black; background-color: #F88; } | |
| 30 .testpagetimeout { border: 1px solid black; background-color: #FC8; } | |
| 31 .nowebgl { font-weight: bold; color: red; } | |
| 32 #error-wrap { | |
| 33 float: left; | |
| 34 position: relative; | |
| 35 left: 50%; | |
| 36 } | |
| 37 #error { | |
| 38 color: red; | |
| 39 float: left; | |
| 40 position: relative; | |
| 41 left: -50%; | |
| 42 text-align: left; | |
| 43 } | |
| 44 ul { | |
| 45 list-style: none; | |
| 46 padding-left: 1em; | |
| 47 } | |
| 48 </style> | |
| 49 <script type="text/javascript" src="resources/webgl-test-harness.js"></script> | |
| 50 <script> | |
| 51 var CONFORMANCE_TEST_VERSION = "1.0.1 (beta)"; | |
| 52 | |
| 53 function start() { | |
| 54 | |
| 55 function log(msg) { | |
| 56 if (window.console && window.console.log) { | |
| 57 window.console.log(msg); | |
| 58 } | |
| 59 } | |
| 60 | |
| 61 function create3DContext(canvas) | |
| 62 { | |
| 63 if (!canvas) { | |
| 64 canvas = document.createElement("canvas"); | |
| 65 } | |
| 66 var context = null; | |
| 67 try { | |
| 68 context = canvas.getContext("webgl"); | |
| 69 } catch(e) { | |
| 70 } | |
| 71 if (!context) { | |
| 72 try { | |
| 73 context = canvas.getContext("experimental-webgl"); | |
| 74 } catch(e) { | |
| 75 } | |
| 76 } | |
| 77 return context; | |
| 78 } | |
| 79 | |
| 80 var reportType = WebGLTestHarnessModule.TestHarness.reportType; | |
| 81 | |
| 82 var Page = function(reporter, folder, testIndex, url) { | |
| 83 this.reporter = reporter; | |
| 84 this.folder = folder; | |
| 85 this.url = url; | |
| 86 this.totalTests = 0; | |
| 87 this.totalSuccessful = 0; | |
| 88 this.totalTimeouts = 0; | |
| 89 this.testIndex = testIndex; | |
| 90 | |
| 91 var li = reporter.localDoc.createElement('li'); | |
| 92 var div = reporter.localDoc.createElement('div'); | |
| 93 var check = reporter.localDoc.createElement('input'); | |
| 94 check.type = 'checkbox'; | |
| 95 check.checked = true; | |
| 96 div.appendChild(check); | |
| 97 var button = reporter.localDoc.createElement('input'); | |
| 98 button.type = 'button'; | |
| 99 button.value = 'run'; | |
| 100 button.onclick = function() { | |
| 101 reporter.runTest(url); | |
| 102 }; | |
| 103 if (reporter.noWebGL) { | |
| 104 button.disabled = true; | |
| 105 } | |
| 106 div.appendChild(button); | |
| 107 var a = reporter.localDoc.createElement('a'); | |
| 108 a.href = url; | |
| 109 a.target = "_blank"; | |
| 110 var node = reporter.localDoc.createTextNode(url); | |
| 111 a.appendChild(node); | |
| 112 div.appendChild(a); | |
| 113 li.setAttribute('class', 'testpage'); | |
| 114 li.appendChild(div); | |
| 115 var ul = reporter.localDoc.createElement('ul'); | |
| 116 var node = reporter.localDoc.createTextNode(''); | |
| 117 li.appendChild(ul); | |
| 118 div.appendChild(node); | |
| 119 this.totalsElem = node; | |
| 120 this.resultElem = ul; | |
| 121 this.elem = li; | |
| 122 this.check = check; | |
| 123 }; | |
| 124 | |
| 125 Page.prototype.addResult = function(msg, success) { | |
| 126 ++this.totalTests; | |
| 127 if (success === undefined) { | |
| 128 ++this.totalTimeouts; | |
| 129 var result = "timeout"; | |
| 130 var css = "timeout"; | |
| 131 } else if (success) { | |
| 132 ++this.totalSuccessful; | |
| 133 var result = "success"; | |
| 134 var css = "success"; | |
| 135 // don't report success. | |
| 136 return; | |
| 137 } else { | |
| 138 var result = "failed"; | |
| 139 var css = "fail"; | |
| 140 } | |
| 141 | |
| 142 var node = this.reporter.localDoc.createTextNode(result + ': ' + msg); | |
| 143 var li = this.reporter.localDoc.createElement('li'); | |
| 144 li.appendChild(node); | |
| 145 li.setAttribute('class', css); | |
| 146 this.resultElem.appendChild(li); | |
| 147 }; | |
| 148 | |
| 149 Page.prototype.startPage = function() { | |
| 150 this.totalTests = 0; | |
| 151 this.totalSuccessful = 0; | |
| 152 this.totalTimeouts = 0; | |
| 153 // remove previous results. | |
| 154 while (this.resultElem.hasChildNodes()) { | |
| 155 this.resultElem.removeChild(this.resultElem.childNodes[0]); | |
| 156 } | |
| 157 this.totalsElem.textContent = ''; | |
| 158 return this.check.checked && this.folder.checked(); | |
| 159 }; | |
| 160 | |
| 161 Page.prototype.firstTestIndex = function() { | |
| 162 return this.testIndex; | |
| 163 }; | |
| 164 | |
| 165 Page.prototype.finishPage = function(success) { | |
| 166 var msg = ' (' + this.totalSuccessful + ' of ' + | |
| 167 this.totalTests + ' passed)'; | |
| 168 if (success === undefined) { | |
| 169 var css = 'testpagetimeout'; | |
| 170 msg = '(*timeout*)'; | |
| 171 ++this.totalTests; | |
| 172 ++this.totalTimeouts; | |
| 173 } else if (this.totalSuccessful != this.totalTests) { | |
| 174 var css = 'testpagefail'; | |
| 175 } else { | |
| 176 var css = 'testpagesuccess'; | |
| 177 } | |
| 178 this.elem.setAttribute('class', css); | |
| 179 this.totalsElem.textContent = msg; | |
| 180 }; | |
| 181 | |
| 182 var Folder = function(reporter, folder, depth, opt_name) { | |
| 183 this.reporter = reporter; | |
| 184 this.depth = depth; | |
| 185 this.name = opt_name || ""; | |
| 186 this.subFolders = {}; | |
| 187 this.pages = []; | |
| 188 this.items = []; | |
| 189 var that = this; | |
| 190 | |
| 191 var doc = reporter.localDoc; | |
| 192 var li = doc.createElement('li'); | |
| 193 var div = doc.createElement('div'); | |
| 194 var check = doc.createElement('input'); | |
| 195 check.type = 'checkbox'; | |
| 196 check.checked = true; | |
| 197 div.appendChild(check); | |
| 198 var button = doc.createElement('input'); | |
| 199 button.type = 'button'; | |
| 200 button.value = 'run'; | |
| 201 button.onclick = function() { | |
| 202 that.run(); | |
| 203 }; | |
| 204 if (reporter.noWebGL) { | |
| 205 button.disabled = true; | |
| 206 } | |
| 207 div.appendChild(button); | |
| 208 var h = doc.createElement('span'); | |
| 209 h.appendChild(doc.createTextNode(this.name)); | |
| 210 div.appendChild(h); | |
| 211 var ul = doc.createElement('ul'); | |
| 212 li.appendChild(div); | |
| 213 li.appendChild(ul); | |
| 214 this.childUL = ul; | |
| 215 this.elem = li; | |
| 216 this.check = check; | |
| 217 }; | |
| 218 | |
| 219 Folder.prototype.checked = function() { | |
| 220 return this.check.checked && | |
| 221 (this.folder ? this.folder.checked() : true); | |
| 222 }; | |
| 223 | |
| 224 Folder.prototype.firstTestIndex = function() { | |
| 225 return this.items[0].firstTestIndex(); | |
| 226 }; | |
| 227 | |
| 228 Folder.prototype.numChildren = function() { | |
| 229 var numChildren = 0; | |
| 230 for (var name in this.subFolders) { | |
| 231 numChildren += this.subFolders[name].numChildren(); | |
| 232 } | |
| 233 return numChildren + this.pages.length; | |
| 234 }; | |
| 235 | |
| 236 Folder.prototype.run = function() { | |
| 237 var firstTestIndex = this.firstTestIndex(); | |
| 238 var count = this.numChildren(); | |
| 239 log("run tests: " + firstTestIndex + " to " + (firstTestIndex + count - 1)) | |
| 240 testHarness.runTests(firstTestIndex, count); | |
| 241 }; | |
| 242 | |
| 243 Folder.prototype.getSubFolder = function(name) { | |
| 244 var subFolder = this.subFolders[name]; | |
| 245 if (subFolder === undefined) { | |
| 246 subFolder = new Folder(this.reporter, this, this.depth + 1, name); | |
| 247 this.subFolders[name] = subFolder; | |
| 248 this.items.push(subFolder); | |
| 249 this.childUL.appendChild(subFolder.elem); | |
| 250 } | |
| 251 return subFolder; | |
| 252 }; | |
| 253 | |
| 254 Folder.prototype.getOrCreateFolder = function(url) { | |
| 255 var parts = url.split('/'); | |
| 256 var folder = this; | |
| 257 for (var pp = 0; pp < parts.length - 1; ++pp) { | |
| 258 folder = folder.getSubFolder(parts[pp]); | |
| 259 } | |
| 260 return folder; | |
| 261 }; | |
| 262 | |
| 263 Folder.prototype.addPage = function(page) { | |
| 264 this.pages.push(page); | |
| 265 this.items.push(page); | |
| 266 this.childUL.appendChild(page.elem); | |
| 267 }; | |
| 268 | |
| 269 var Reporter = function() { | |
| 270 this.localDoc = document; | |
| 271 this.resultElem = document.getElementById("results"); | |
| 272 this.fullResultsElem = document.getElementById("fullresults"); | |
| 273 var node = this.localDoc.createTextNode(''); | |
| 274 this.fullResultsElem.appendChild(node); | |
| 275 this.fullResultsNode = node; | |
| 276 this.iframe = document.getElementById("testframe"); | |
| 277 this.currentPageElem = null; | |
| 278 this.totalPages = 0; | |
| 279 this.pagesByURL = {}; | |
| 280 var canvas = document.getElementById("webglcheck"); | |
| 281 var ctx = create3DContext(canvas); | |
| 282 this.noWebGL = !ctx; | |
| 283 this.contextInfo = {}; | |
| 284 this.root = new Folder(this, null, 0, "all"); | |
| 285 this.resultElem.appendChild(this.root.elem); | |
| 286 | |
| 287 if (ctx) { | |
| 288 this.contextInfo["VENDOR"] = ctx.getParameter(ctx.VENDOR); | |
| 289 this.contextInfo["VERSION"] = ctx.getParameter(ctx.VERSION); | |
| 290 this.contextInfo["RENDERER"] = ctx.getParameter(ctx.RENDERER); | |
| 291 this.contextInfo["RED_BITS"] = ctx.getParameter(ctx.RED_BITS); | |
| 292 this.contextInfo["GREEN_BITS"] = ctx.getParameter(ctx.GREEN_BITS); | |
| 293 this.contextInfo["BLUE_BITS"] = ctx.getParameter(ctx.BLUE_BITS); | |
| 294 this.contextInfo["ALPHA_BITS"] = ctx.getParameter(ctx.ALPHA_BITS); | |
| 295 this.contextInfo["DEPTH_BITS"] = ctx.getParameter(ctx.DEPTH_BITS); | |
| 296 this.contextInfo["STENCIL_BITS"] = ctx.getParameter(ctx.STENCIL_BITS); | |
| 297 } | |
| 298 }; | |
| 299 | |
| 300 Reporter.prototype.runTest = function(url) { | |
| 301 var page = this.pagesByURL[url]; | |
| 302 page.startPage(); | |
| 303 this.currentPage = page; | |
| 304 this.iframe.src = url; | |
| 305 }; | |
| 306 | |
| 307 Reporter.prototype.getFolder = function(url) { | |
| 308 return this.root.getOrCreateFolder(url); | |
| 309 }; | |
| 310 | |
| 311 Reporter.prototype.addPage = function(url) { | |
| 312 var folder = this.getFolder(url); | |
| 313 var page = new Page(this, folder, this.totalPages, url); | |
| 314 folder.addPage(page); | |
| 315 ++this.totalPages; | |
| 316 this.pagesByURL[url] = page; | |
| 317 }; | |
| 318 | |
| 319 Reporter.prototype.startPage = function(url) { | |
| 320 var page = this.pagesByURL[url]; | |
| 321 this.currentPage = page; | |
| 322 return page.startPage(); | |
| 323 }; | |
| 324 | |
| 325 Reporter.prototype.addResult = function(msg, success) { | |
| 326 if (this.currentPage != null) { | |
| 327 this.currentPage.addResult(msg, success); | |
| 328 } | |
| 329 }; | |
| 330 | |
| 331 Reporter.prototype.finishPage = function(success) { | |
| 332 if (this.currentPage != null) { | |
| 333 this.currentPage.finishPage(success); | |
| 334 this.currentPage = null; | |
| 335 } | |
| 336 }; | |
| 337 | |
| 338 Reporter.prototype.displayFinalResults = function(msg, success) { | |
| 339 if (success) { | |
| 340 var totalTests = 0; | |
| 341 var totalSuccessful = 0; | |
| 342 var totalTimeouts = 0; | |
| 343 for (var url in this.pagesByURL) { | |
| 344 var page = this.pagesByURL[url]; | |
| 345 totalTests += page.totalTests; | |
| 346 totalSuccessful += page.totalSuccessful; | |
| 347 totalTimeouts += page.totalTimeouts; | |
| 348 } | |
| 349 var timeout = ''; | |
| 350 if (totalTimeouts > 0) { | |
| 351 timeout = ', ' + totalTimeouts + ' timed out'; | |
| 352 } | |
| 353 var msg = ' (' + totalSuccessful + ' of ' + | |
| 354 totalTests + ' passed' + timeout + ')'; | |
| 355 this.fullResultsNode.textContent = msg; | |
| 356 | |
| 357 // generate a text summary | |
| 358 var tx = ""; | |
| 359 tx += "WebGL Conformance Test Results\n"; | |
| 360 tx += "Version " + CONFORMANCE_TEST_VERSION + "\n"; | |
| 361 tx += "\n"; | |
| 362 tx += "-------------------\n\n"; | |
| 363 tx += "User Agent: " + (navigator.userAgent ? navigator.userAgent : "(navi
gator.userAgent is null)") + "\n"; | |
| 364 tx += "WebGL VENDOR: " + this.contextInfo["VENDOR"] + "\n"; | |
| 365 tx += "WebGL VERSION: " + this.contextInfo["VERSION"] + "\n"; | |
| 366 tx += "WebGL RENDERER: " + this.contextInfo["RENDERER"] + "\n"; | |
| 367 tx += "WebGL R/G/B/A/Depth/Stencil bits (default config): " + this.context
Info["RED_BITS"] + "/" + this.contextInfo["GREEN_BITS"] + "/" + this.contextInfo
["BLUE_BITS"] + "/" + this.contextInfo["ALPHA_BITS"] + "/" + this.contextInfo["D
EPTH_BITS"] + "/" + this.contextInfo["STENCIL_BITS"] + "\n"; | |
| 368 tx += "\n"; | |
| 369 tx += "-------------------\n\n"; | |
| 370 tx += "Test Summary (" + totalTests + " total tests):\n"; | |
| 371 tx += "Tests PASSED: " + totalSuccessful + "\n"; | |
| 372 tx += "Tests FAILED: " + (totalTests - totalSuccessful) + "\n"; | |
| 373 tx += "Tests TIMED OUT: " + totalTimeouts + "\n"; | |
| 374 tx += "\n"; | |
| 375 tx += "-------------------\n\n"; | |
| 376 tx += "Individual Test Results (pass / total / timeout):\n\n"; | |
| 377 for (var url in this.pagesByURL) { | |
| 378 var page = this.pagesByURL[url]; | |
| 379 if (!(page.totalTests == 0 && page.totalTimeouts == 0)) { | |
| 380 tx += url + ": " + page.totalSuccessful + " / " + | |
| 381 page.totalTests + " / " + page.totalTimeouts + "\n"; | |
| 382 } | |
| 383 } | |
| 384 tx += "\n"; | |
| 385 tx += "-------------------\n\n"; | |
| 386 tx += "Generated on: " + (new Date()).toString() + "\n"; | |
| 387 | |
| 388 var r = document.getElementById("testResultsAsText"); | |
| 389 while (r.firstChild) r.removeChild(r.firstChild); | |
| 390 r.appendChild(document.createTextNode(tx)); | |
| 391 document.getElementById("showTextSummary").style.visibility = "visible"; | |
| 392 } else { | |
| 393 var e = document.getElementById("error"); | |
| 394 e.innerHTML = msg; | |
| 395 } | |
| 396 }; | |
| 397 | |
| 398 Reporter.prototype.ready = function() { | |
| 399 var loading = document.getElementById("loading"); | |
| 400 loading.style.display = "none"; | |
| 401 if (!this.noWebGL) { | |
| 402 var button = document.getElementById("runTestsButton"); | |
| 403 button.disabled = false; | |
| 404 } | |
| 405 }; | |
| 406 | |
| 407 Reporter.prototype.reportFunc = function(type, msg, success) { | |
| 408 switch (type) { | |
| 409 case reportType.ADD_PAGE: | |
| 410 return this.addPage(msg); | |
| 411 case reportType.READY: | |
| 412 return this.ready(); | |
| 413 case reportType.START_PAGE: | |
| 414 return this.startPage(msg); | |
| 415 case reportType.TEST_RESULT: | |
| 416 return this.addResult(msg, success); | |
| 417 case reportType.FINISH_PAGE: | |
| 418 return this.finishPage(success); | |
| 419 case reportType.FINISHED_ALL_TESTS: | |
| 420 return this.displayFinalResults(msg, success); | |
| 421 default: | |
| 422 throw 'unhandled'; | |
| 423 break; | |
| 424 }; | |
| 425 }; | |
| 426 | |
| 427 document.getElementById("testVersion").innerHTML = CONFORMANCE_TEST_VERSION; | |
| 428 | |
| 429 var reporter = new Reporter(); | |
| 430 var iframe = document.getElementById("testframe"); | |
| 431 var testHarness = new WebGLTestHarnessModule.TestHarness( | |
| 432 iframe, | |
| 433 '00_test_list.txt', | |
| 434 function(type, msg, success) { | |
| 435 return reporter.reportFunc(type, msg, success); | |
| 436 }); | |
| 437 window.webglTestHarness = testHarness; | |
| 438 var button = document.getElementById("runTestsButton"); | |
| 439 button.disabled = true; | |
| 440 button.onclick = function() { | |
| 441 testHarness.runTests(); | |
| 442 }; | |
| 443 var textbutton = document.getElementById("showTextSummary"); | |
| 444 textbutton.onclick = function() { | |
| 445 log("click"); | |
| 446 var htmldiv = document.getElementById("testResultsHTML"); | |
| 447 var textdiv = document.getElementById("testResultsText"); | |
| 448 if (textdiv.style.display == "none") { | |
| 449 textdiv.style.display = "block"; | |
| 450 htmldiv.style.display = "none"; | |
| 451 textbutton.setAttribute("value", "display html summary"); | |
| 452 } else { | |
| 453 textdiv.style.display = "none"; | |
| 454 htmldiv.style.display = "block"; | |
| 455 textbutton.setAttribute("value", "display text summary"); | |
| 456 } | |
| 457 }; | |
| 458 if (reporter.noWebGL) { | |
| 459 button.disabled = true; | |
| 460 var elem = document.getElementById("nowebgl"); | |
| 461 elem.style.display = ""; | |
| 462 } | |
| 463 } | |
| 464 </script> | |
| 465 </head> | |
| 466 <body onload="start()"> | |
| 467 <table border="2"> | |
| 468 <tr style="height: 300px;"> | |
| 469 <td> | |
| 470 <table> | |
| 471 <tr><td><img src="http://www.khronos.org/img/api_logos/webgl-logo.png" /><br />W
ebGL Conformance Test Runner<br/>Version <span id="testVersion"></span><br/><inp
ut type="button" value="run tests" id="runTestsButton"/><br/><input type="button
" style="visibility: hidden;" value="display text summary" id="showTextSummary"/
> | |
| 472 <div id="nowebgl" class="nowebgl" style="display: none;">This browser does not a
ppear to support WebGL</div></td></tr> | |
| 473 <tr><td><div id="loading">Loading Tests...</div> | |
| 474 <div style="border: 1px">Results: <span id="fullresults"></span></div> | |
| 475 <canvas id="webglcheck" style="display: none;"></canvas></td></tr> | |
| 476 <tr><td><div id="error-wrap"><pre id="error"></pre></div></td></tr> | |
| 477 </table> | |
| 478 </td> | |
| 479 <td> | |
| 480 <iframe id="testframe" scrolling="yes" width="100%" height="100%"></iframe> | |
| 481 </td> | |
| 482 </tr> | |
| 483 <tr> | |
| 484 <td colspan="2"> | |
| 485 <div style="text-align: left; width: 100%; height: 100%; overflow: auto;"> | |
| 486 <div id="testResultsHTML"><ul id="results"></ul></div> | |
| 487 <div style="display: none;" id="testResultsText"><pre id="testResultsAsText"></p
re></div> | |
| 488 </div> | |
| 489 </td> | |
| 490 </tr> | |
| 491 </table> | |
| 492 </body> | |
| 493 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 9360034:
Remove everthing except conformance tests in the deps/third_party/webgl (Closed)
Base URL: svn://chrome-svn/chrome/trunk/deps/