summaryrefslogtreecommitdiffstats
path: root/dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /dom/canvas/test/webgl-conf/checkout/webgl-conformance-tests.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
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.html1268
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>