|
|
@@ -0,0 +1,212 @@
|
|
|
+"use strict";
|
|
|
+
|
|
|
+var engine;
|
|
|
+var canvas;
|
|
|
+var currentScene;
|
|
|
+var config;
|
|
|
+
|
|
|
+function compare(renderData, referenceCanvas) {
|
|
|
+ var width = referenceCanvas.width;
|
|
|
+ var height = referenceCanvas.height;
|
|
|
+ var size = width * height * 4;
|
|
|
+
|
|
|
+ var referenceContext = referenceCanvas.getContext("2d");
|
|
|
+
|
|
|
+ var referenceData = referenceContext.getImageData(0, 0, width, height);
|
|
|
+
|
|
|
+ var differencesCount = 0;
|
|
|
+ for (var index = 0; index < size; index += 4) {
|
|
|
+ if (renderData[index] === referenceData.data[index] &&
|
|
|
+ renderData[index + 1] === referenceData.data[index + 1] &&
|
|
|
+ renderData[index + 2] === referenceData.data[index + 2]) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+
|
|
|
+ referenceData.data[index] = 255;
|
|
|
+ referenceData.data[index + 1] *= 0.5;
|
|
|
+ referenceData.data[index + 2] *= 0.5;
|
|
|
+ differencesCount++;
|
|
|
+ }
|
|
|
+
|
|
|
+ referenceContext.putImageData(referenceData, 0, 0);
|
|
|
+
|
|
|
+ return differencesCount;
|
|
|
+}
|
|
|
+
|
|
|
+function getRenderData(canvas, engine) {
|
|
|
+ var width = canvas.width;
|
|
|
+ var height = canvas.height;
|
|
|
+
|
|
|
+ var renderData = engine.readPixels(0, 0, width, height);
|
|
|
+ var numberOfChannelsByLine = width * 4;
|
|
|
+ var halfHeight = height / 2;
|
|
|
+
|
|
|
+ for (var i = 0; i < halfHeight; i++) {
|
|
|
+ for (var j = 0; j < numberOfChannelsByLine; j++) {
|
|
|
+ var currentCell = j + i * numberOfChannelsByLine;
|
|
|
+ var targetLine = height - i - 1;
|
|
|
+ var targetCell = j + targetLine * numberOfChannelsByLine;
|
|
|
+
|
|
|
+ var temp = renderData[currentCell];
|
|
|
+ renderData[currentCell] = renderData[targetCell];
|
|
|
+ renderData[targetCell] = temp;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return renderData;
|
|
|
+}
|
|
|
+
|
|
|
+function saveRenderImage(data, canvas) {
|
|
|
+ var width = canvas.width;
|
|
|
+ var height = canvas.height;
|
|
|
+ var screenshotCanvas = document.createElement('canvas');
|
|
|
+ screenshotCanvas.width = width;
|
|
|
+ screenshotCanvas.height = height;
|
|
|
+ var context = screenshotCanvas.getContext('2d');
|
|
|
+
|
|
|
+ var imageData = context.createImageData(width, height);
|
|
|
+ var castData = imageData.data;
|
|
|
+ castData.set(data);
|
|
|
+ context.putImageData(imageData, 0, 0);
|
|
|
+
|
|
|
+ return screenshotCanvas.toDataURL();
|
|
|
+}
|
|
|
+
|
|
|
+function evaluate(resultCanvas, result, renderImage, index, waitRing) {
|
|
|
+ var renderData = getRenderData(canvas, engine);
|
|
|
+
|
|
|
+ if (compare(renderData, resultCanvas) !== 0) {
|
|
|
+ result.classList.add("failed");
|
|
|
+ result.innerHTML = "×";
|
|
|
+ console.log("failed");
|
|
|
+ } else {
|
|
|
+ result.innerHTML = "✔";
|
|
|
+ console.log("validated");
|
|
|
+ }
|
|
|
+
|
|
|
+ waitRing.classList.add("hidden");
|
|
|
+
|
|
|
+ renderImage.src = saveRenderImage(renderData, canvas);
|
|
|
+
|
|
|
+ currentScene.dispose();
|
|
|
+
|
|
|
+ runTest(index + 1);
|
|
|
+}
|
|
|
+
|
|
|
+function processCurrentScene(test, resultCanvas, result, renderImage, index, waitRing) {
|
|
|
+ currentScene.executeWhenReady(function () {
|
|
|
+ var renderCount = test.renderCount || 1;
|
|
|
+
|
|
|
+ for (var renderIndex = 0; renderIndex < renderCount; renderIndex++) {
|
|
|
+ currentScene.render();
|
|
|
+ }
|
|
|
+
|
|
|
+ evaluate(resultCanvas, result, renderImage, index, waitRing);
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function runTest(index) {
|
|
|
+ if (index >= config.tests.length) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var test = config.tests[index];
|
|
|
+ var container = document.createElement("div");
|
|
|
+ container.id = "container#" + index;
|
|
|
+ container.className = "container";
|
|
|
+ document.body.appendChild(container);
|
|
|
+
|
|
|
+ var titleContainer = document.createElement("div");
|
|
|
+ titleContainer.className = "containerTitle";
|
|
|
+ container.appendChild(titleContainer);
|
|
|
+
|
|
|
+ var title = document.createElement("div");
|
|
|
+ title.className = "title";
|
|
|
+ titleContainer.appendChild(title);
|
|
|
+
|
|
|
+ var result = document.createElement("div");
|
|
|
+ result.className = "result";
|
|
|
+ titleContainer.appendChild(result);
|
|
|
+
|
|
|
+ var waitRing = document.createElement("img");
|
|
|
+ waitRing.className = "waitRing";
|
|
|
+ titleContainer.appendChild(waitRing);
|
|
|
+ waitRing.src = "loading.gif";
|
|
|
+
|
|
|
+ var resultCanvas = document.createElement("canvas");
|
|
|
+ resultCanvas.className = "resultImage";
|
|
|
+ container.appendChild(resultCanvas);
|
|
|
+
|
|
|
+ title.innerHTML = test.title;
|
|
|
+
|
|
|
+ console.log("Running " + test.title);
|
|
|
+
|
|
|
+ var resultContext = resultCanvas.getContext("2d");
|
|
|
+ var img = new Image();
|
|
|
+ img.onload = function () {
|
|
|
+ resultCanvas.width = img.width;
|
|
|
+ resultCanvas.height = img.height;
|
|
|
+ resultContext.drawImage(img, 0, 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ img.src = "ReferenceImages/" + test.referenceImage;
|
|
|
+
|
|
|
+ var renderImage = new Image();
|
|
|
+ renderImage.className = "renderImage";
|
|
|
+ container.appendChild(renderImage);
|
|
|
+
|
|
|
+ location.href = "#" + container.id;
|
|
|
+
|
|
|
+ if (test.sceneFolder) {
|
|
|
+ BABYLON.SceneLoader.Load(config.root + test.sceneFolder, test.sceneFilename, engine, function (newScene) {
|
|
|
+ currentScene = newScene;
|
|
|
+ processCurrentScene(test, resultCanvas, result, renderImage, index, waitRing);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var script = document.createElement("script");
|
|
|
+ script.setAttribute("type", "text/javascript")
|
|
|
+
|
|
|
+ var runScript = function () {
|
|
|
+ currentScene = eval(test.functionToCall + "(engine)");
|
|
|
+ processCurrentScene(test, resultCanvas, result, renderImage, index, waitRing);
|
|
|
+ }
|
|
|
+
|
|
|
+ script.onreadystatechange = function () {
|
|
|
+ if (this.readyState == 'complete') {
|
|
|
+ runScript();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ script.onload = runScript;
|
|
|
+ script.setAttribute("src", config.root + test.scriptToRun);
|
|
|
+
|
|
|
+ document.getElementsByTagName("head")[0].appendChild(script);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+BABYLON.SceneLoader.ShowLoadingScreen = false;
|
|
|
+BABYLON.Database.IDBStorageEnabled = false;
|
|
|
+BABYLON.SceneLoader.ForceFullSceneLoadingForIncremental = true;
|
|
|
+
|
|
|
+canvas = document.createElement("canvas");
|
|
|
+canvas.className = "renderCanvas";
|
|
|
+document.body.appendChild(canvas);
|
|
|
+engine = new BABYLON.Engine(canvas, false);
|
|
|
+
|
|
|
+// Loading tests
|
|
|
+var xhr = new XMLHttpRequest();
|
|
|
+
|
|
|
+xhr.open("GET", "config.json", true);
|
|
|
+
|
|
|
+xhr.addEventListener("load",function() {
|
|
|
+ if (xhr.status === 200) {
|
|
|
+
|
|
|
+ config = JSON.parse(xhr.responseText);
|
|
|
+
|
|
|
+ // Run tests
|
|
|
+ runTest(0, engine);
|
|
|
+
|
|
|
+ }
|
|
|
+}, false);
|
|
|
+
|
|
|
+xhr.send();
|
David Catuhe
