diff options
Diffstat (limited to 'dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html')
| -rw-r--r-- | dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html | 1268 |
1 files changed, 1268 insertions, 0 deletions
diff --git a/dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html b/dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html new file mode 100644 index 000000000..2aa8ac06c --- /dev/null +++ b/dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html @@ -0,0 +1,1268 @@ +<!-- + +/* +** Copyright (c) 2013 The Khronos Group Inc. +** +** Permission is hereby granted, free of charge, to any person obtaining a +** copy of this software and/or associated documentation files (the +** "Materials"), to deal in the Materials without restriction, including +** without limitation the rights to use, copy, modify, merge, publish, +** distribute, sublicense, and/or sell copies of the Materials, and to +** permit persons to whom the Materials are furnished to do so, subject to +** the following conditions: +** +** The above copyright notice and this permission notice shall be included +** in all copies or substantial portions of the Materials. +** +** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY +** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, +** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE +** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS. +*/ + +--> +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<!-- Prevents Chrome from offering to translate tests which generate + random characters for things like attribute names --> +<meta name="google" value="notranslate"> +<title>WebGL Conformance Tests</title> +<style> + body { + border: 0; + margin: 0; + padding: 0; + height: 100%; + max-height:100%; + font-family: Verdana, Arial, sans-serif; + font-size: 0.8em; + } + + a { + color: #88F; + text-decoration: none; + } + + a:hover { + border-bottom: 1px solid #66D; + } + + #testlist { + position:fixed; + top:310px; + left:0; + right:0; + bottom:0px; + overflow:auto; + padding:1em; + } + + #header { + position:absolute; + top:0; + left:0; + width:100%; + height:310px; + overflow:auto; + border-bottom: 1px solid #CCC; + } + + #info { + text-align: center; + min-width: 300px; + } + + table { + width: 100%; + height: 100%; + border: 0; + } + + #frames { + border-left: 1px solid #CCC; + } + + #frames td { + min-height: 1px; + min-width: 1px; + } + + #frames iframe { + border: 0; + } + + #testList { + padding:1em; + } + + .folder { + margin-bottom: 1.5em; + } + + .folderHeader { + white-space: nowrap; + } + + .folderName { + font-weight: bold; + } + + .folderMessage { + margin-left: 1em; + font-size: 0.9em; + } + + .pageHeader { + white-space: nowrap; + } + + .testpage { + border-style: solid; + border-color: #CCC; + border-width: 0px 0 1px 0; + background-color: #FFF; + padding: 4px 0 4px 0; + + -webkit-transition: background-color 0.25s; + -moz-transition: background-color 0.25s; + transition: background-color 0.25s; + } + + .testpage:first-child { + border-width: 1px 0 1px 0; + } + + .timeout { } + .success { } + .fail { } + .testpagesuccess { background-color: #8F8; } + .testpagefail { background-color: #F88; } + .testpageskipped { background-color: #888; } + .testpagetimeout { background-color: #FC8; } + .nowebgl { font-weight: bold; color: red; } + #error-wrap { + float: left; + position: relative; + left: 50%; + } + #error { + color: red; + float: left; + position: relative; + left: -50%; + text-align: left; + } + ul { + list-style: none; + padding-left: 1em; + } +</style> +<script type="application/javascript" src="js/webgl-test-harness.js"></script> +<script> +"use strict"; +var DEFAULT_CONFORMANCE_TEST_VERSION = "2.0.0"; + +var OPTIONS = { + version: DEFAULT_CONFORMANCE_TEST_VERSION, + frames: 1, + allowSkip: 0, + root: null, + quiet: 0 +}; + +var testVersions = [ + "2.0.0" +]; + +function start() { + + function log(msg) { + if (window.console && window.console.log) { + window.console.log(msg); + } + } + + function createStylesheet() { + var style = document.createElement("style"); + style.appendChild(document.createTextNode("")); + document.head.appendChild(style); + return style.sheet; + } + + function create3DContext(canvas, attrs, version) { + if (!canvas) { + canvas = document.createElement("canvas"); + } + var context = null; + var names; + switch (version) { + case 2: + names = ["webgl2", "experimental-webgl2"]; break; + default: + names = ["webgl", "experimental-webgl"]; break; + } + for (var i = 0; i < names.length; ++i) { + try { + context = canvas.getContext(names[i], attrs); + } catch (e) { + } + if (context) { + break; + } + } + return context; + } + + var reportType = WebGLTestHarnessModule.TestHarness.reportType; + var pageCount = 0; + var folderCount = 0; + var autoScrollEnabled = true; // Whether the user prefers to auto scroll + var autoScroll = true; // Whether auto scroll is actually performed + + var Page = function(reporter, folder, testIndex, url) { + this.reporter = reporter; + this.folder = folder; + this.url = url; + this.totalTests = 0; + this.totalSuccessful = 0; + this.totalTimeouts = 0; + this.totalSkipped = 0; + this.totalFailed = 0; + this.testIndex = testIndex; + this.startTime = 0; + this.totalTime = 0; + var that = this; + + this.elementId = "page" + pageCount++; + var li = reporter.localDoc.createElement('li'); + li.id = this.elementId; + var div = reporter.localDoc.createElement('div'); + div.classList.add('pageHeader'); + var check = reporter.localDoc.createElement('input'); + check.type = 'checkbox'; + check.checked = true; + check.onclick = function() { + if (this.checked) { + that.folder.enableUp_(); + } + else { + that.folder.disableUp_(); + } + }; + div.appendChild(check); + var button = reporter.localDoc.createElement('input'); + button.type = 'button'; + button.value = 'run'; + button.onclick = function() { + autoScroll = false; + reporter.runTest(url); + }; + if (reporter.noSelectedWebGLVersion) { + button.disabled = true; + } + div.appendChild(button); + var a = reporter.localDoc.createElement('a'); + a.href = WebGLTestHarnessModule.getURLWithOptions(url, { + webglVersion: reporter.selectedWebGLVersion, + quiet: OPTIONS.quiet + }); + a.target = "_blank"; + var node = reporter.localDoc.createTextNode(url); + a.appendChild(node); + div.appendChild(a); + li.setAttribute('class', 'testpage'); + li.appendChild(div); + var ul = reporter.localDoc.createElement('ul'); + var node = reporter.localDoc.createTextNode(''); + li.appendChild(ul); + div.appendChild(node); + this.totalsElem = node; + this.resultElem = ul; + this.elem = li; + this.check = check; + }; + + Page.prototype.checked = function() { + return this.check.checked; + } + + Page.prototype.addResult = function(msg, success, skipped) { + ++this.totalTests; + if (success === undefined) { + ++this.totalTimeouts; + var result = "timeout"; + var css = "timeout"; + } else if (success) { + if(skipped) { + ++this.totalSkipped; + } else { + ++this.totalSuccessful; + } + // don't report success. + return; + } else { + ++this.totalFailed; + var result = "failed"; + var css = "fail"; + } + + var node = this.reporter.localDoc.createTextNode(result + ': ' + msg); + var li = this.reporter.localDoc.createElement('li'); + li.appendChild(node); + li.setAttribute('class', css); + this.resultElem.appendChild(li); + }; + + Page.prototype.startPage = function() { + if (autoScroll && this.elem.scrollIntoView) { + this.elem.scrollIntoView(false); + } + this.totalTests = 0; + this.totalSuccessful = 0; + this.totalSkipped = 0; + this.totalFailed = 0; + this.totalTimeouts = 0; + this.totalTime = 0; + // remove previous results. + while (this.resultElem.hasChildNodes()) { + this.resultElem.removeChild(this.resultElem.childNodes[0]); + } + this.totalsElem.textContent = ''; + + var shouldRun = this.check.checked && this.folder.checked(); + + if (shouldRun) { + this.elem.classList.remove('testpagetimeout'); + this.elem.classList.remove('testpageskipped'); + this.elem.classList.remove('testpagefail'); + this.elem.classList.remove('testpagesuccess'); + this.startTime = Date.now(); + } + + return this.check.checked && this.folder.checked(); + }; + + Page.prototype.firstTestIndex = function() { + return this.testIndex; + }; + + Page.prototype.finishPage = function(success) { + var shouldRun = this.check.checked && this.folder.checked(); + if (shouldRun) { + this.totalTime = Date.now() - this.startTime; + } else { + this.totalTime = 0; + } + + var passedMsg = ' (Passed: ' + this.totalSuccessful + '/' + this.totalTests; + var skippedMsg = ''; + if (this.totalSkipped > 0) { + skippedMsg = ' Skipped: ' + this.totalSkipped + '/' + this.totalTests; + } + var failedMsg = ''; + if (this.totalFailed > 0) { + failedMsg = ' Failed: ' + this.totalFailed + '/' + this.totalTests; + } + var timeoutMsg = ''; + if (this.totalTimeouts > 0) { + timeoutMsg = ' Timeout: ' + this.totalTimeouts + '/' + this.totalTests; + } + var msg = passedMsg + skippedMsg + failedMsg + timeoutMsg + ' in ' + this.totalTime.toFixed(1) + ' ms)'; + + if (success === undefined) { + var css = 'testpagetimeout'; + msg = '(*timeout*)'; + ++this.totalTests; + ++this.totalTimeouts; + } else if (this.totalSkipped) { + var css = 'testpageskipped'; + } else if (this.totalSuccessful != this.totalTests) { + var css = 'testpagefail'; + } else { + var css = 'testpagesuccess'; + } + this.elem.classList.add(css); + this.totalsElem.textContent = msg; + this.folder.pageFinished(this, success); + }; + + Page.prototype.enableTest = function(re) { + if (this.url.match(re)) { + this.check.checked = true; + this.folder.enableUp_(); + } + }; + + Page.prototype.disableTest = function(re) { + if (this.url.match(re)) { + this.check.checked = false; + } + }; + + var Folder = function(reporter, folder, depth, opt_name) { + this.reporter = reporter; + this.depth = depth; + this.name = opt_name || ""; + this.displayName = this.name; + if (folder && folder.displayName) { + this.displayName = folder.displayName + '/' + this.displayName; + } + this.subFolders = {}; + this.pages = []; + this.items = []; + this.folder = folder; + this.cachedTotalTime = 0; + this.cachedTotalSuccessful = 0; + this.cachedTotalSkipped = 0; + this.cachedTotalTimeouts = 0; + this.cachedTotalTests = 0; + var that = this; + + var doc = reporter.localDoc; + this.elementId = "folder" + folderCount++; + var li = doc.createElement('li'); + li.id = this.elementId; + li.classList.add("folder"); + var div = doc.createElement('div'); + div.classList.add('folderHeader'); + var check = doc.createElement('input'); + check.type = 'checkbox'; + check.checked = true; + check.onclick = function() { + if (this.checked) { + that.enableTest(".*"); + } + else { + that.disableTest(".*", true); + } + }; + div.appendChild(check); + var button = doc.createElement('input'); + button.type = 'button'; + button.value = 'run'; + button.onclick = function() { + autoScroll = autoScrollEnabled; + that.run(); + }; + if (reporter.noSelectedWebGLVersion) { + button.disabled = true; + } + div.appendChild(button); + var h = doc.createElement('span'); + h.classList.add('folderName'); + h.appendChild(doc.createTextNode(this.displayName)); + div.appendChild(h); + var m = doc.createElement('span'); + m.classList.add('folderMessage'); + this.msgNode = doc.createTextNode(''); + m.appendChild(this.msgNode); + div.appendChild(m); + var ul = doc.createElement('ul'); + li.appendChild(div); + li.appendChild(ul); + this.childUL = ul; + this.elem = li; + this.check = check; + this.folderHeader = div; + }; + + Folder.prototype.checked = function() { + return this.check.checked && + (this.folder ? this.folder.checked() : true); + }; + + Folder.prototype.firstTestIndex = function() { + return this.items[0].firstTestIndex(); + }; + + Folder.prototype.numChildren = function() { + var numChildren = 0; + for (var name in this.subFolders) { + numChildren += this.subFolders[name].numChildren(); + } + return numChildren + this.pages.length; + }; + + Folder.prototype.totalTime = function() { + // Check to see if the cached total time needs to be recomputed + if (this.cachedTotalTime == -1) { + this.cachedTotalTime = 0; + for (var name in this.subFolders) { + this.cachedTotalTime += this.subFolders[name].totalTime(); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.cachedTotalTime += this.pages[ii].totalTime; + } + } + return this.cachedTotalTime; + }; + + Folder.prototype.totalSuccessful = function() { + if (this.cachedTotalSuccessful == -1) { + this.cachedTotalSuccessful = 0; + for (var name in this.subFolders) { + this.cachedTotalSuccessful += this.subFolders[name].totalSuccessful(); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.cachedTotalSuccessful += this.pages[ii].totalSuccessful; + } + } + return this.cachedTotalSuccessful; + }; + + Folder.prototype.totalSkipped = function() { + if (this.cachedTotalSkipped == -1) { + this.cachedTotalSkipped = 0; + for (var name in this.subFolders) { + this.cachedTotalSkipped += this.subFolders[name].totalSkipped(); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.cachedTotalSkipped += this.pages[ii].totalSkipped; + } + } + return this.cachedTotalSkipped; + }; + + Folder.prototype.totalFailed = function() { + if (this.cachedTotalFailed == -1) { + this.cachedTotalFailed = 0; + for (var name in this.subFolders) { + this.cachedTotalFailed += this.subFolders[name].totalFailed(); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.cachedTotalFailed += this.pages[ii].totalFailed; + } + } + return this.cachedTotalFailed; + }; + + Folder.prototype.totalTimeouts = function() { + if (this.cachedTotalTimeouts == -1) { + this.cachedTotalTimeouts = 0; + for (var name in this.subFolders) { + this.cachedTotalTimeouts += this.subFolders[name].totalTimeouts(); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.cachedTotalTimeouts += this.pages[ii].totalTimeouts; + } + } + return this.cachedTotalTimeouts; + }; + + Folder.prototype.totalTests = function() { + if (this.cachedTotalTests == -1) { + this.cachedTotalTests = 0; + for (var name in this.subFolders) { + this.cachedTotalTests += this.subFolders[name].totalTests(); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.cachedTotalTests += this.pages[ii].totalTests; + } + } + return this.cachedTotalTests; + }; + + Folder.prototype.run = function() { + this.msgNode.textContent = ''; + var firstTestIndex = this.firstTestIndex(); + var count = this.numChildren(); + log("run tests: " + firstTestIndex + " to " + (firstTestIndex + count - 1)) + testHarness.runTests({start: firstTestIndex, count: count}); + }; + + Folder.prototype.pageFinished = function(page, success) { + this.cachedTotalTime = -1; + this.cachedTotalSuccessful = -1; + this.cachedTotalSkipped = -1; + this.cachedTotalFailed = -1; + this.cachedTotalTimeouts = -1; + this.cachedTotalTests = -1; + var passedMsg = ' (Passed: ' + this.totalSuccessful() + '/' + this.totalTests(); + var skippedMsg = ''; + if (this.totalSkipped() > 0) { + skippedMsg = ' Skipped: ' + this.totalSkipped() + '/' + this.totalTests(); + } + var failedMsg = ''; + if (this.totalFailed() > 0) { + failedMsg = ' Failed: ' + this.totalFailed() + '/' + this.totalTests(); + } + var timeoutMsg = ''; + if (this.totalTimeouts() > 0) { + timeoutMsg = ' Timeout: ' + this.totalTimeouts() + '/' + this.totalTests(); + } + this.msgNode.textContent = passedMsg + skippedMsg + failedMsg + timeoutMsg + ' in ' + (this.totalTime() / 1000).toFixed(2) + ' seconds)'; + if (this.folder) { + this.folder.pageFinished(page, success); + } + }; + + Folder.prototype.getSubFolder = function(name) { + var subFolder = this.subFolders[name]; + if (subFolder === undefined) { + subFolder = new Folder(this.reporter, this, this.depth + 1, name); + this.subFolders[name] = subFolder; + this.items.push(subFolder); + this.childUL.appendChild(subFolder.elem); + } + return subFolder; + }; + + Folder.prototype.getOrCreateFolder = function(url) { + var parts = url.split('/'); + var folder = this; + for (var pp = 0; pp < parts.length - 1; ++pp) { + folder = folder.getSubFolder(parts[pp]); + } + return folder; + }; + + Folder.prototype.addPage = function(page) { + this.pages.push(page); + this.items.push(page); + this.childUL.appendChild(page.elem); + this.folderHeader.classList.add('hasPages'); + }; + + Folder.prototype.disableTest = function(re, opt_forceRecurse) { + var recurse = true; + if (this.name.match(re)) { + this.check.checked = false; + recurse = opt_forceRecurse; + } + if (recurse) { + for (var name in this.subFolders) { + this.subFolders[name].disableTest(re, opt_forceRecurse); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.pages[ii].disableTest(re); + } + } + }; + + Folder.prototype.enableUp_ = function() { + this.check.checked = true; + var parent = this.folder; + if (parent) { + parent.enableUp_(); + } + } + + Folder.prototype.disableUp_ = function() { + var checked = false; + for (var name in this.subFolders) { + checked = this.subFolders[name].checked(); + if (checked) { + break; + } + } + for (var ii = 0; ii < this.pages.length && checked == false; ++ii) { + checked = this.pages[ii].checked(); + } + this.check.checked = checked; + var parent = this.folder; + if (parent) { + parent.disableUp_(); + } + } + + Folder.prototype.enableTest = function(re) { + if (this.name.match(re)) { + this.enableUp_(); + } + for (var name in this.subFolders) { + this.subFolders[name].enableTest(re); + } + for (var ii = 0; ii < this.pages.length; ++ii) { + this.pages[ii].enableTest(re); + } + }; + + var Reporter = function(iframes) { + this.localDoc = document; + this.resultElem = document.getElementById("results"); + this.fullResultsElem = document.getElementById("fullresults"); + var node = this.localDoc.createTextNode(''); + this.fullResultsElem.appendChild(node); + this.fullResultsNode = node; + this.iframes = iframes; + this.currentPageElem = null; + this.totalPages = 0; + this.pagesByURL = {}; + + // Check to see if WebGL is supported + var canvas = document.createElement("canvas"); + var ctx = create3DContext(canvas, null, 1); + + // Check to see if WebGL2 is supported + var canvas2 = document.createElement("canvas"); + var ctx2 = create3DContext(canvas2, null, 2); + + this.noSelectedWebGLVersion = false; + this.selectedWebGLVersion = WebGLTestHarnessModule.getMajorVersion(OPTIONS.version); + if (this.selectedWebGLVersion == 2 && !ctx2) { + this.noSelectedWebGLVersion = true; + } else if (this.selectedWebGLVersion == 1 && !ctx) { + this.noSelectedWebGLVersion = true; + } + + // If the WebGL2 context could be created use it to get context info + if (ctx2) { + ctx = ctx2; + } + + this.noWebGL = !ctx; + + this.contextInfo = {}; + this.root = new Folder(this, null, 0, "all"); + this.resultElem.appendChild(this.root.elem); + this.callbacks = { }; + this.startTime = 0; + + if (ctx) { + this.contextInfo["VENDOR"] = ctx.getParameter(ctx.VENDOR); + this.contextInfo["VERSION"] = ctx.getParameter(ctx.VERSION); + this.contextInfo["RENDERER"] = ctx.getParameter(ctx.RENDERER); + this.contextInfo["RED_BITS"] = ctx.getParameter(ctx.RED_BITS); + this.contextInfo["GREEN_BITS"] = ctx.getParameter(ctx.GREEN_BITS); + this.contextInfo["BLUE_BITS"] = ctx.getParameter(ctx.BLUE_BITS); + this.contextInfo["ALPHA_BITS"] = ctx.getParameter(ctx.ALPHA_BITS); + this.contextInfo["DEPTH_BITS"] = ctx.getParameter(ctx.DEPTH_BITS); + this.contextInfo["STENCIL_BITS"] = ctx.getParameter(ctx.STENCIL_BITS); + + var ext = ctx.getExtension("WEBGL_debug_renderer_info"); + if (ext) { + this.contextInfo["UNMASKED_VENDOR"] = ctx.getParameter(ext.UNMASKED_VENDOR_WEBGL); + this.contextInfo["UNMASKED_RENDERER"] = ctx.getParameter(ext.UNMASKED_RENDERER_WEBGL); + } + } + }; + + Reporter.prototype.enableTest = function(name) { + this.root.enableTest(name); + }; + + Reporter.prototype.disableTest = function(name) { + this.root.disableTest(name); + }; + + Reporter.prototype.disableAllTests = function() { + this.root.disableTest(".*", true); + }; + + Reporter.prototype.addEventListener = function(type, func) { + if (!this.callbacks[type]) { + this.callbacks[type] = []; + } + this.callbacks[type].push(func); + }; + + Reporter.prototype.executeListenerEvents_ = function(type) { + var callbacks = this.callbacks[type].slice(0); + for (var ii = 0; ii < callbacks.length; ++ii) { + setTimeout(callbacks[ii], 0); + } + }; + + Reporter.prototype.runTest = function(url) { + var page = this.pagesByURL[url]; + testHarness.runTests({start: page.firstTestIndex(), count: 1}); + }; + + Reporter.prototype.getFolder = function(url) { + return this.root.getOrCreateFolder(url); + }; + + Reporter.prototype.addPage = function(url) { + var folder = this.getFolder(url); + var page = new Page(this, folder, this.totalPages, url); + folder.addPage(page); + ++this.totalPages; + this.pagesByURL[url] = page; + }; + + Reporter.prototype.startPage = function(url) { + var page = this.pagesByURL[url]; + return page.startPage(); + }; + + Reporter.prototype.addResult = function(url, msg, success, skipped) { + var page = this.pagesByURL[url]; + page.addResult(msg, success, skipped); + }; + + Reporter.prototype.finishPage = function(url, success) { + var page = this.pagesByURL[url]; + page.finishPage(success); + if (OPTIONS.dumpShaders == 1) { + var xhr = new XMLHttpRequest(); + xhr.open('POST', "/finishIndividualTest", true); + xhr.send(null); + } + }; + + Reporter.prototype.displayFinalResults = function(msg, success) { + if (success) { + var totalTests = 0; + var totalSuccessful = 0; + var totalTimeouts = 0; + var totalSkipped = 0; + var totalFailed = 0; + var totalTime = Date.now() - this.startTime; + for (var url in this.pagesByURL) { + var page = this.pagesByURL[url]; + totalTests += page.totalTests; + totalSuccessful += page.totalSuccessful; + totalTimeouts += page.totalTimeouts; + totalSkipped += page.totalSkipped; + totalFailed += page.totalFailed; + } + var passedMsg = 'Passed ' + totalSuccessful + '/' + totalTests + ' (' + (totalSuccessful * 100.0 / totalTests).toFixed(2) + '%)'; + var timeout = ''; + if (totalTimeouts > 0) { + timeout = ', ' + totalTimeouts + ' timed out'; + } + var skippedMsg = ''; + if (totalSkipped > 0) { + skippedMsg = ' Skipped ' + totalSkipped + '/' + totalTests + ' (' + (totalSkipped * 100.0 / totalTests).toFixed(2) + '%)'; + } + var failedMsg = ''; + if (totalFailed > 0) { + failedMsg = ' Failed ' + totalFailed + '/' + totalTests + ' (' + (totalFailed * 100.0 / totalTests).toFixed(2) + '%)'; + } + var timeoutMsg = ''; + if (totalTimeouts > 0) { + timeoutMsg = ' Timeout ' + totalTimeouts + '/' + totalTests + ' (' + (totalTimeouts * 100.0 / totalTests).toFixed(2) + '%)'; + } + var msg = passedMsg + skippedMsg + failedMsg + timeoutMsg; + this.fullResultsNode.textContent = msg; + + // generate a text summary + var tx = ""; + tx += "WebGL Conformance Test Results\n"; + tx += "Version " + OPTIONS.version + "\n"; + tx += "\n"; + tx += "-------------------\n\n"; + tx += "User Agent: " + (navigator.userAgent ? navigator.userAgent : "(navigator.userAgent is null)") + "\n"; + tx += "WebGL VENDOR: " + this.contextInfo["VENDOR"] + "\n"; + tx += "WebGL VERSION: " + this.contextInfo["VERSION"] + "\n"; + tx += "WebGL RENDERER: " + this.contextInfo["RENDERER"] + "\n"; + tx += "Unmasked VENDOR: " + this.contextInfo["UNMASKED_VENDOR"] + "\n"; + tx += "Unmasked RENDERER: " + this.contextInfo["UNMASKED_RENDERER"] + "\n"; + tx += "WebGL R/G/B/A/Depth/Stencil bits (default config): " + this.contextInfo["RED_BITS"] + "/" + this.contextInfo["GREEN_BITS"] + "/" + this.contextInfo["BLUE_BITS"] + "/" + this.contextInfo["ALPHA_BITS"] + "/" + this.contextInfo["DEPTH_BITS"] + "/" + this.contextInfo["STENCIL_BITS"] + "\n"; + tx += "\n"; + tx += "-------------------\n\n"; + tx += "Test Summary (" + totalTests + " total tests):\n"; + tx += "Tests ran in " + (totalTime / 1000.0).toFixed(2) + " seconds\n"; + tx += "Tests PASSED: " + totalSuccessful + "\n"; + tx += "Tests FAILED: " + (totalTests - totalSuccessful - totalSkipped) + "\n"; + tx += "Tests TIMED OUT: " + totalTimeouts + "\n"; + tx += "Tests SKIPPED: " + totalSkipped + "\n"; + tx += "\n"; + tx += "-------------------\n\n"; + if (totalSuccessful < totalTests) { + tx += "Failures:\n\n"; + for (var url in this.pagesByURL) { + var page = this.pagesByURL[url]; + var pageTotalFail = page.totalTests - page.totalSuccessful - page.totalSkipped; + if (!(page.totalTests == 0 && page.totalTimeouts == 0) && + pageTotalFail > 0) + { + tx += url + ": " + pageTotalFail + " tests failed"; + if (page.totalTimeouts) + tx += " (" + page.totalTimeouts + " timed out)"; + tx += "\n"; + } + } + } else { + tx += "All tests PASSED\n\n"; + } + tx += "\n"; + tx += "-------------------\n\n"; + tx += "Complete Test Results (total / pass / fail / timeout / skipped):\n\n"; + for (var url in this.pagesByURL) { + var page = this.pagesByURL[url]; + var pageTotalFail = page.totalTests - page.totalSuccessful - page.totalSkipped; + if (!(page.totalTests == 0 && page.totalTimeouts == 0)) { + tx += url + ": " + page.totalTests + " / " + + page.totalSuccessful + " / " + pageTotalFail + " / " + page.totalTimeouts + " / " + page.totalSkipped + "\n"; + } + } + tx += "\n"; + tx += "-------------------\n\n"; + tx += "Generated on: " + (new Date()).toString() + "\n"; + + var r = document.getElementById("testResultsAsText"); + while (r.firstChild) r.removeChild(r.firstChild); + r.appendChild(document.createTextNode(tx)); + document.getElementById("showTextSummary").style.visibility = "visible"; + + this.postResultsToServer(tx); + } else { + var e = document.getElementById("error"); + e.innerHTML = msg; + this.postResultsToServer(msg); + } + }; + + Reporter.prototype.postTestStartToServer = function(resultText) { + this.startTime = Date.now(); + if(OPTIONS.postResults == undefined || OPTIONS.postResults == 0) { + return; + } + + var xhr = new XMLHttpRequest(); + xhr.open('POST', "/start", true); + xhr.send(null); + }; + + Reporter.prototype.postResultsToServer = function(resultText) { + if(OPTIONS.postResults == undefined || OPTIONS.postResults == 0) { + return; + } + + var xhr = new XMLHttpRequest(); + xhr.open('POST', "/finish", true); + xhr.setRequestHeader("Content-Type", "text/plain"); + xhr.send(resultText); + }; + + Reporter.prototype.ready = function() { + var loading = document.getElementById("loading"); + loading.style.display = "none"; + if (!this.noSelectedWebGLVersion) { + var button = document.getElementById("runTestsButton"); + button.disabled = false; + this.executeListenerEvents_("ready"); + } + }; + + Reporter.prototype.reportFunc = function(type, url, msg, success, skipped) { + switch (type) { + case reportType.ADD_PAGE: + return this.addPage(msg); + case reportType.READY: + return this.ready(); + case reportType.START_PAGE: + return this.startPage(url); + case reportType.TEST_RESULT: + return this.addResult(url, msg, success, skipped); + case reportType.FINISH_PAGE: + return this.finishPage(url, success); + case reportType.FINISHED_ALL_TESTS: + return this.displayFinalResults(msg, success); + default: + throw 'unhandled'; + break; + }; + }; + + var getURLOptions = function(obj) { + var s = window.location.href; + var q = s.indexOf("?"); + var e = s.indexOf("#"); + if (e < 0) { + e = s.length; + } + var query = s.substring(q + 1, e); + var pairs = query.split("&"); + for (var ii = 0; ii < pairs.length; ++ii) { + var keyValue = pairs[ii].split("="); + var key = keyValue[0]; + var value = decodeURIComponent(keyValue[1]); + obj[key] = value; + } + }; + + getURLOptions(OPTIONS); + + var makeVersionSelect = function(currentVersion) { + var versionSelect = document.getElementById("testVersion"); + var foundCurrentVersion = false; + var numericCurrentVersion = currentVersion.replace(/[^\d.]/g, ''); + + for (var i in testVersions) { + var version = testVersions[i]; + var numericVersion = version.replace(/[^\d.]/g, ''); + var option = document.createElement("option"); + option.setAttribute('value', numericVersion); + option.innerHTML = version; + + if (numericVersion == numericCurrentVersion) { + foundCurrentVersion = true; + option.selected = true; + } + + versionSelect.appendChild(option); + } + + // If the version requested by the query string isn't in the list add it. + if (!foundCurrentVersion) { + var option = document.createElement("option"); + option.setAttribute('value', numericCurrentVersion); + option.innerHTML = currentVersion + " (unknown)"; + option.selected = true; + + versionSelect.appendChild(option); + } + + versionSelect.addEventListener('change', function(ev) { + window.location.href = "?version=" + versionSelect.value; + }, false); + } + + makeVersionSelect(OPTIONS.version); + + // Make iframes + var makeIFrames = function() { + var toparea = document.getElementById("toparea"); + var frame = document.getElementById("frames"); + var areaWidth = Math.max(100, toparea.clientWidth - 300); + var areaHeight = Math.max(100, frame.clientHeight); + + var numCells = OPTIONS.frames; + + var gridWidth = Math.max(1, Math.ceil(Math.sqrt(numCells))); + var gridHeight = gridWidth; + var bestAspect = 99999; + var bestNumEmptyCells = 99999; + var bestNumEmptyCellsColumns = 0; + var bestNumEmptyCellsAspect = 99999; + var minGoodAspect = 1 / 3; + var maxGoodAspect = 3 / 1; + + for (var columns = 1; columns <= numCells; ++columns) { + var rows = Math.ceil(numCells / columns); + var cellWidth = areaWidth / columns; + var cellHeight = areaHeight / rows; + var cellAspect = cellWidth / cellHeight; + if (cellAspect >= minGoodAspect && cellAspect <= maxGoodAspect) { + var numEmptyCells = columns * rows - numCells; + // Keep the one with the least number of empty cells. + if (numEmptyCells < bestNumEmptyCells) { + bestNumEmptyCells = numEmptyCells; + bestNumEmptyCellsColumns = columns; + bestNumEmptyCellsAspect = cellAspect; + // If it's the same number of empty cells keep the one + // with the best aspect. + } else if (numEmptyCells == bestNumEmptyCells && + Math.abs(cellAspect - 1) < + Math.abs(bestNumEmptyCellsAspect - 1)) { + bestNumEmptyCellsColumns = columns; + bestNumEmptyCellsAspect = cellAspect; + } + } + if (Math.abs(cellAspect - 1) < Math.abs(bestAspect - 1)) { + gridWidth = columns; + gridHeight = rows; + bestAspect = cellAspect; + } + } + + // if we found an aspect with few empty cells use that. + var numEmptyCells = gridWidth * gridHeight - numCells; + if (bestNumEmptyCellsColumns && bestNumEmptyCells < numEmptyCells) { + gridWidth = bestNumEmptyCellsColumns; + gridHeight = Math.ceil(numCells / gridWidth); + } + + var table = document.createElement("table"); + table.style.height = areaHeight + "px"; + var tbody = document.createElement("tbody"); + var iframes = []; + for (var row = 0; row < gridHeight; ++row) { + var tr = document.createElement("tr"); + for (var column = 0; column < gridWidth; ++column) { + var td = document.createElement("td"); + if (numCells > 0) { + --numCells; + var iframe = document.createElement("iframe"); + iframe.setAttribute("scrolling", "yes"); + iframe.style.width = "100%"; + iframe.style.height = "100%"; + iframes.push(iframe); + td.appendChild(iframe); + } + tr.appendChild(td); + } + tbody.appendChild(tr); + } + table.appendChild(tbody); + frame.appendChild(table); + return iframes; + }; + var iframes = makeIFrames(); + + var testPath = "00_test_list.txt"; + if (OPTIONS.root) { + testPath = OPTIONS.root + "/" + testPath; + } + + var reporter = new Reporter(iframes); + var testHarness = new WebGLTestHarnessModule.TestHarness( + iframes, + testPath, + function(type, url, msg, success, skipped) { + return reporter.reportFunc(type, url, msg, success, skipped); + }, + OPTIONS); + reporter.addEventListener("ready", function() { + // Set which tests to include. + if (OPTIONS.include) { + reporter.disableAllTests(); + var includes = OPTIONS.include.split(",") + for (var ii = 0; ii < includes.length; ++ii) { + reporter.enableTest(new RegExp(includes[ii])); + } + } + // Remove tests based on skip=re1,re2 in URL. + if (OPTIONS.skip) { + var skips = OPTIONS.skip.split(",") + for (var ii = 0; ii < skips.length; ++ii) { + reporter.disableTest(new RegExp(skips[ii])); + } + } + // Auto run the tests if the run=1 in URL + if (OPTIONS.run != undefined && OPTIONS.run != 0) { + reporter.postTestStartToServer(); + testHarness.runTests(); + } + }); + window.webglTestHarness = testHarness; + var button = document.getElementById("runTestsButton"); + button.disabled = true; + button.onclick = function() { + autoScroll = autoScrollEnabled; + reporter.postTestStartToServer(); + testHarness.runTests(); + }; + var autoScrollCheckbox = document.getElementById("autoScrollCheckbox"); + autoScrollCheckbox.checked = autoScrollEnabled; + autoScrollCheckbox.onclick = function() { + autoScrollEnabled = autoScrollCheckbox.checked; + autoScroll = autoScrollEnabled; + }; + + var hidePassedSheet = createStylesheet(); + var hidePassedCheckbox = document.getElementById("hidePassedCheckbox"); + hidePassedCheckbox.checked = false; + hidePassedCheckbox.onclick = function() { + var hidePassedTests = hidePassedCheckbox.checked; + if (hidePassedTests) { + hidePassedSheet.insertRule(".testpagesuccess { display: none; }", 0); + } else { + hidePassedSheet.deleteRule(0); + } + }; + + var textbutton = document.getElementById("showTextSummary"); + textbutton.onclick = function() { + log("click"); + var htmldiv = document.getElementById("testResultsHTML"); + var textdiv = document.getElementById("testResultsText"); + if (textdiv.style.display == "none") { + textdiv.style.display = "block"; + htmldiv.style.display = "none"; + textbutton.setAttribute("value", "display html summary"); + } else { + textdiv.style.display = "none"; + htmldiv.style.display = "block"; + textbutton.setAttribute("value", "display text summary"); + } + }; + if (reporter.noSelectedWebGLVersion) { + button.disabled = true; + } + if (reporter.noWebGL) { + var elem = document.getElementById("nowebgl"); + elem.style.display = ""; + reporter.postResultsToServer("Browser does not appear to support WebGL"); + } else if (reporter.noSelectedWebGLVersion) { + var elem = document.getElementById("noselectedwebgl"); + elem.style.display = ""; + reporter.postResultsToServer("Browser does not appear to support the selected version of WebGL"); + } +} +</script> +</head> +<body onload="start()"> + +<div id="testlist"> + + <div id="testResultsHTML"> + <ul id="results"> + </ul> + </div> + <div style="display: none;" id="testResultsText"> + <pre id="testResultsAsText"></pre> + </div> + +</div> <!-- end of container --> + +<div id="header"> + +<table> + <tr style="height: 300px;"> + <td> + <table id="toparea"> + <tr> + <td style="width: 300px"> + <div id="info"> + <img src="resources/webgl-logo.png" /><br /> + WebGL Conformance Test Runner<br/> + Version + <select id="testVersion"> + </select> + <br/> + <a href="../../conformance-suites/"><i>(click here for previous versions)</i></a> + <br/> + <input type="button" value="run tests" id="runTestsButton"/> + <br/> + <input type="checkbox" id="autoScrollCheckbox"/> + <label for="autoScrollCheckbox">auto scroll</label> + <br/> + <input type="checkbox" id="hidePassedCheckbox"/> + <label for="hidePassedCheckbox">hide passed tests</label> + <br/> + <input type="button" style="visibility: hidden;" value="display text summary" id="showTextSummary"/> + <div id="nowebgl" class="nowebgl" style="display: none;"> + This browser does not appear to support WebGL + </div> + <div id="noselectedwebgl" class="nowebgl" style="display: none;"> + This browser does not appear to support the selected version of WebGL + </div> + </div> + </td> + </tr> + <tr> + <td> + <div id="loading"> + Loading Tests... + </div> + <div> + Results: + <span id="fullresults"> + </span> + </div> + </td> + </tr> + <tr> + <td> + <div id="error-wrap"> + <pre id="error"></pre> + </div> + </td> + </tr> + </table> + </td> + <td id="frames"></td> + </tr> +</table> +</div> <!-- end of header --> + +</body> +</html> |