Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(179)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: webgl-conformance-tests.html

Issue 8342021: Add webgl conformance tests r15841. (Closed) Base URL: svn://chrome-svn/chrome/trunk/deps/third_party/webgl/sdk/tests/
Patch Set: Created 9 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « resources/webgl-test-harness.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: webgl-conformance-tests.html
===================================================================
--- webgl-conformance-tests.html (revision 0)
+++ webgl-conformance-tests.html (revision 0)
@@ -0,0 +1,493 @@
+<!--
+Copyright (c) 2011 Mozilla Foundation. All rights reserved.
+Use of this source code is governed by a BSD-style license that can be
+found in the LICENSE file.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>WebGL Conformance Tests</title>
+<style>
+ html, body {
+ border: 0;
+ margin: 0;
+ height: 100%;
+ height: 100%;
+ text-align: center;
+ font-family: monospace;
+ }
+ table {
+ width: 100%;
+ height: 100%;
+ }
+ .timeout { }
+ .success { }
+ .fail { }
+ .testpage { border: 1px solid black; background-color: #ccc; }
+ .testpagesuccess { border: 1px solid black; background-color: #8F8; }
+ .testpagefail { border: 1px solid black; background-color: #F88; }
+ .testpagetimeout { border: 1px solid black; 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="text/javascript" src="resources/webgl-test-harness.js"></script>
+<script>
+var CONFORMANCE_TEST_VERSION = "1.0.1 (beta)";
+
+function start() {
+
+ function log(msg) {
+ if (window.console && window.console.log) {
+ window.console.log(msg);
+ }
+ }
+
+ function create3DContext(canvas)
+ {
+ if (!canvas) {
+ canvas = document.createElement("canvas");
+ }
+ var context = null;
+ try {
+ context = canvas.getContext("webgl");
+ } catch(e) {
+ }
+ if (!context) {
+ try {
+ context = canvas.getContext("experimental-webgl");
+ } catch(e) {
+ }
+ }
+ return context;
+ }
+
+ var reportType = WebGLTestHarnessModule.TestHarness.reportType;
+
+ 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.testIndex = testIndex;
+
+ var li = reporter.localDoc.createElement('li');
+ var div = reporter.localDoc.createElement('div');
+ var check = reporter.localDoc.createElement('input');
+ check.type = 'checkbox';
+ check.checked = true;
+ div.appendChild(check);
+ var button = reporter.localDoc.createElement('input');
+ button.type = 'button';
+ button.value = 'run';
+ button.onclick = function() {
+ reporter.runTest(url);
+ };
+ if (reporter.noWebGL) {
+ button.disabled = true;
+ }
+ div.appendChild(button);
+ var a = reporter.localDoc.createElement('a');
+ a.href = url;
+ 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.addResult = function(msg, success) {
+ ++this.totalTests;
+ if (success === undefined) {
+ ++this.totalTimeouts;
+ var result = "timeout";
+ var css = "timeout";
+ } else if (success) {
+ ++this.totalSuccessful;
+ var result = "success";
+ var css = "success";
+ // don't report success.
+ return;
+ } else {
+ 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() {
+ this.totalTests = 0;
+ this.totalSuccessful = 0;
+ this.totalTimeouts = 0;
+ // remove previous results.
+ while (this.resultElem.hasChildNodes()) {
+ this.resultElem.removeChild(this.resultElem.childNodes[0]);
+ }
+ this.totalsElem.textContent = '';
+ return this.check.checked && this.folder.checked();
+ };
+
+ Page.prototype.firstTestIndex = function() {
+ return this.testIndex;
+ };
+
+ Page.prototype.finishPage = function(success) {
+ var msg = ' (' + this.totalSuccessful + ' of ' +
+ this.totalTests + ' passed)';
+ if (success === undefined) {
+ var css = 'testpagetimeout';
+ msg = '(*timeout*)';
+ ++this.totalTests;
+ ++this.totalTimeouts;
+ } else if (this.totalSuccessful != this.totalTests) {
+ var css = 'testpagefail';
+ } else {
+ var css = 'testpagesuccess';
+ }
+ this.elem.setAttribute('class', css);
+ this.totalsElem.textContent = msg;
+ };
+
+ var Folder = function(reporter, folder, depth, opt_name) {
+ this.reporter = reporter;
+ this.depth = depth;
+ this.name = opt_name || "";
+ this.subFolders = {};
+ this.pages = [];
+ this.items = [];
+ var that = this;
+
+ var doc = reporter.localDoc;
+ var li = doc.createElement('li');
+ var div = doc.createElement('div');
+ var check = doc.createElement('input');
+ check.type = 'checkbox';
+ check.checked = true;
+ div.appendChild(check);
+ var button = doc.createElement('input');
+ button.type = 'button';
+ button.value = 'run';
+ button.onclick = function() {
+ that.run();
+ };
+ if (reporter.noWebGL) {
+ button.disabled = true;
+ }
+ div.appendChild(button);
+ var h = doc.createElement('span');
+ h.appendChild(doc.createTextNode(this.name));
+ div.appendChild(h);
+ var ul = doc.createElement('ul');
+ li.appendChild(div);
+ li.appendChild(ul);
+ this.childUL = ul;
+ this.elem = li;
+ this.check = check;
+ };
+
+ 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.run = function() {
+ var firstTestIndex = this.firstTestIndex();
+ var count = this.numChildren();
+ log("run tests: " + firstTestIndex + " to " + (firstTestIndex + count - 1))
+ testHarness.runTests(firstTestIndex, count);
+ };
+
+ 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);
+ };
+
+ var Reporter = function() {
+ 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.iframe = document.getElementById("testframe");
+ this.currentPageElem = null;
+ this.totalPages = 0;
+ this.pagesByURL = {};
+ var canvas = document.getElementById("webglcheck");
+ var ctx = create3DContext(canvas);
+ this.noWebGL = !ctx;
+ this.contextInfo = {};
+ this.root = new Folder(this, null, 0, "all");
+ this.resultElem.appendChild(this.root.elem);
+
+ 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);
+ }
+ };
+
+ Reporter.prototype.runTest = function(url) {
+ var page = this.pagesByURL[url];
+ page.startPage();
+ this.currentPage = page;
+ this.iframe.src = url;
+ };
+
+ 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];
+ this.currentPage = page;
+ return page.startPage();
+ };
+
+ Reporter.prototype.addResult = function(msg, success) {
+ if (this.currentPage != null) {
+ this.currentPage.addResult(msg, success);
+ }
+ };
+
+ Reporter.prototype.finishPage = function(success) {
+ if (this.currentPage != null) {
+ this.currentPage.finishPage(success);
+ this.currentPage = null;
+ }
+ };
+
+ Reporter.prototype.displayFinalResults = function(msg, success) {
+ if (success) {
+ var totalTests = 0;
+ var totalSuccessful = 0;
+ var totalTimeouts = 0;
+ for (var url in this.pagesByURL) {
+ var page = this.pagesByURL[url];
+ totalTests += page.totalTests;
+ totalSuccessful += page.totalSuccessful;
+ totalTimeouts += page.totalTimeouts;
+ }
+ var timeout = '';
+ if (totalTimeouts > 0) {
+ timeout = ', ' + totalTimeouts + ' timed out';
+ }
+ var msg = ' (' + totalSuccessful + ' of ' +
+ totalTests + ' passed' + timeout + ')';
+ this.fullResultsNode.textContent = msg;
+
+ // generate a text summary
+ var tx = "";
+ tx += "WebGL Conformance Test Results\n";
+ tx += "Version " + CONFORMANCE_TEST_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 += "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 PASSED: " + totalSuccessful + "\n";
+ tx += "Tests FAILED: " + (totalTests - totalSuccessful) + "\n";
+ tx += "Tests TIMED OUT: " + totalTimeouts + "\n";
+ tx += "\n";
+ tx += "-------------------\n\n";
+ tx += "Individual Test Results (pass / total / timeout):\n\n";
+ for (var url in this.pagesByURL) {
+ var page = this.pagesByURL[url];
+ if (!(page.totalTests == 0 && page.totalTimeouts == 0)) {
+ tx += url + ": " + page.totalSuccessful + " / " +
+ page.totalTests + " / " + page.totalTimeouts + "\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";
+ } else {
+ var e = document.getElementById("error");
+ e.innerHTML = msg;
+ }
+ };
+
+ Reporter.prototype.ready = function() {
+ var loading = document.getElementById("loading");
+ loading.style.display = "none";
+ if (!this.noWebGL) {
+ var button = document.getElementById("runTestsButton");
+ button.disabled = false;
+ }
+ };
+
+ Reporter.prototype.reportFunc = function(type, msg, success) {
+ switch (type) {
+ case reportType.ADD_PAGE:
+ return this.addPage(msg);
+ case reportType.READY:
+ return this.ready();
+ case reportType.START_PAGE:
+ return this.startPage(msg);
+ case reportType.TEST_RESULT:
+ return this.addResult(msg, success);
+ case reportType.FINISH_PAGE:
+ return this.finishPage(success);
+ case reportType.FINISHED_ALL_TESTS:
+ return this.displayFinalResults(msg, success);
+ default:
+ throw 'unhandled';
+ break;
+ };
+ };
+
+ document.getElementById("testVersion").innerHTML = CONFORMANCE_TEST_VERSION;
+
+ var reporter = new Reporter();
+ var iframe = document.getElementById("testframe");
+ var testHarness = new WebGLTestHarnessModule.TestHarness(
+ iframe,
+ '00_test_list.txt',
+ function(type, msg, success) {
+ return reporter.reportFunc(type, msg, success);
+ });
+ window.webglTestHarness = testHarness;
+ var button = document.getElementById("runTestsButton");
+ button.disabled = true;
+ button.onclick = function() {
+ testHarness.runTests();
+ };
+ 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.noWebGL) {
+ button.disabled = true;
+ var elem = document.getElementById("nowebgl");
+ elem.style.display = "";
+ }
+}
+</script>
+</head>
+<body onload="start()">
+<table border="2">
+<tr style="height: 300px;">
+<td>
+<table>
+<tr><td><img src="http://www.khronos.org/img/api_logos/webgl-logo.png" /><br />WebGL Conformance Test Runner<br/>Version <span id="testVersion"></span><br/><input type="button" value="run tests" id="runTestsButton"/><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></td></tr>
+<tr><td><div id="loading">Loading Tests...</div>
+<div style="border: 1px">Results: <span id="fullresults"></span></div>
+<canvas id="webglcheck" style="display: none;"></canvas></td></tr>
+<tr><td><div id="error-wrap"><pre id="error"></pre></div></td></tr>
+</table>
+</td>
+<td>
+<iframe id="testframe" scrolling="yes" width="100%" height="100%"></iframe>
+</td>
+</tr>
+<tr>
+<td colspan="2">
+<div style="text-align: left; width: 100%; height: 100%; overflow: auto;">
+<div id="testResultsHTML"><ul id="results"></ul></div>
+<div style="display: none;" id="testResultsText"><pre id="testResultsAsText"></pre></div>
+</div>
+</td>
+</tr>
+</table>
+</body>
+</html>
Property changes on: webgl-conformance-tests.html
___________________________________________________________________
Added: svn:eol-style
+ LF
« no previous file with comments | « resources/webgl-test-harness.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698