Source/devtools/front_end/test-runner.html - platform/external/chromium_org/third_party/WebKit - Git at Google

 <html>
 <script src="jsdifflib.js"></script>
 <script src="utilities.js"></script>
 <script src="DOMExtension.js"></script>
 <script src="treeoutline.js"></script>

 <link rel="stylesheet" type="text/css" href="inspector.css">
 <style>
 :focus {
     outline: none;
 }

 .failed {
     color: red;
 }

 .timeout {
     color: brown;
 }

 iframe {
     width: 0;
     height: 0;
     opacity: 0;
 }

 </style>

 <script>

 var layoutTestsServer = "http://localhost:8002/";
 var scannerServer = "http://localhost:8002/";
 var remoteDebuggingServer = "http://localhost:9222/";

 var tests = [];
 var skipList = [
     // HALT
     "inspector/console/console-api-on-call-frame.html",

     // FAILED
     "inspector/console/console-dir-global.html",
     "inspector/console/console-log-toString-object.html",
     "inspector/console/console-uncaught-exception-in-eval.html",
     "inspector/elements/edit-dom-actions.html",
     "inspector/elements/highlight-node-scaled.html",
     "inspector/elements/highlight-node-scroll.html",
     "inspector/elements/highlight-node.html",
     "inspector/elements/highlight-svg-root.html",
     "inspector/network-status-non-http.html",
     "inspector/storage-panel-dom-storage-update.html",
     "inspector/styles/inject-stylesheet.html",
     "inspector/styles/protocol-css-regions-commands.html",
     "inspector/styles/region-style-crash.html",
     "inspector/styles/styles-disable-then-enable-overriden-ua.html",
     "inspector/styles/styles-url-linkify.html",
     "inspector/styles/vendor-prefixes.html",
     "inspector/timeline/timeline-event-dispatch.html",
     "inspector/timeline/timeline-frames.html",
     "inspector/timeline/timeline-network-resource.html",
     "inspector/timeline/timeline-paint.html",
     "inspector/timeline/timeline-receive-response-event.html",

     // TIMEOUT
     "inspector/profiler/cpu-profiler-profiling-without-inspector.html",
     "inspector/profiler/heap-snapshot-inspect-dom-wrapper.html",
     "inspector/timeline/timeline-network-received-data.html",
 ];
 var treeOutline = null;

 function run(debug)
 {
     if (window.runner && debug) {
         window.runner.continueDebugging();
         return;
     }

     if (window.testScannerIframe)
         document.body.removeChild(window.testScannerIframe);

     if (window.runner)
         window.runner.cleanup();

     window.testScannerIframe = document.createElement("iframe");
     window.testScannerIframe.src = scannerServer + "LayoutTests/http/tests/inspector/resources/test-scanner.html";
     document.body.appendChild(window.testScannerIframe);
     window.debug = debug;
 }

 function runTests()
 {
     document.getElementById("outline").removeChildren();
     treeOutline = new TreeOutline(document.getElementById("outline"));

     document.getElementById("pass").textContent = 0;
     document.getElementById("skip").textContent = 0;
     document.getElementById("fail").textContent = 0;
     document.getElementById("timeout").textContent = 0;
     document.getElementById("remaining").textContent = tests.length;

     runNextTest();
 }

 function interrupt()
 {
     tests = [];
 }

 function runNextTest(lastResult)
 {
     if (lastResult) {
         var element = document.getElementById(lastResult);
         element.textContent = parseInt(element.textContent) + 1;

         element = document.getElementById("remaining");
         element.textContent = parseInt(element.textContent) - 1;
         if (window.debug) {
             document.getElementById("debug").textContent = "Debug";
             return;
         }
     }

     var test;
     var filter = document.getElementById("filter").value;
     while (test = tests.shift()) {
         if (!filter || test[0].match(filter)) {
             new StandaloneTestRunner(layoutTestsServer + test[0], test[1], runNextTest.bind(null));
             return;
         }
     }
 }

 function StandaloneTestRunner(testPath, expected, next)
 {
     this._testPath = testPath;
     this._next = next;
     this._expected = expected;
     this._pendingMessages = [];

     this._treeElement = new TreeElement(testPath);
     treeOutline.appendChild(this._treeElement);

     for (var i = 0; !window.debug && i < skipList.length; ++i) {
         if (testPath.indexOf(skipList[i]) !== -1) {
             this._treeElement.title = testPath + ": SKIPPED";
             this._next("skip");
             return;
         }
     }
     window.runner = this;
     this._testPage = window.open("about:blank", "inspected", "width=800,height=600");

     window.remoteDebuggingHandshake = this._remoteDebuggingHandshake.bind(this);
     var script = document.createElement("script");
     script.src = remoteDebuggingServer + "json?jsonp=remoteDebuggingHandshake";
     document.head.appendChild(script);
 }

 StandaloneTestRunner.FrontendLocation = "inspector.html";

 StandaloneTestRunner.prototype = {
     _remoteDebuggingHandshake: function(data)
     {
         for (var i = 0; i < data.length; ++i) {
             if (data[i].url !== "about:blank")
                 continue;
             this._debuggerURL = data[i].webSocketDebuggerUrl.replace("://", "=");
             this._navigateTestPage();
             break;
         }
     },

     _navigateTestPage: function()
     {
         this._testPage.location.href = this._testPath;
         var width = localStorage.getItem('inspectorWidth') || 600;
         var height = localStorage.getItem('inspectorHeight') || 400;
         var features = "width=" + Math.max(width , 600) + ",height=" + Math.max(height, 400);
         this._inspectorWindowLoading = window.open(StandaloneTestRunner.FrontendLocation + "?" + this._debuggerURL, "inspector", features);
         this._inspectorWindowLoading.dispatchStandaloneTestRunnerMessages = true;

         window.addEventListener('unload', this.cleanup.bind(this));

         if (!window.debug)
             this._watchDog = setTimeout(this._timeout.bind(this), 10000);
     },

     loadCompleted: function()
     {
         if (!window.debug) {
             this._loadCompleted(this);
             return;
         }
         document.getElementById("debug").textContent = "Continue";
     },

     continueDebugging: function()
     {
         this._loadCompleted();
     },

     _loadCompleted: function()
     {
         this._inspectorWindow = this._inspectorWindowLoading;
         for (var i = 0; i < this._pendingMessages.length; ++i)
             this._inspectorWindow.postMessage(this._pendingMessages[i], "*");
         this._pendingMessages = [];
     },

     closeWebInspector: function()
     {
         if (!window.debug)
             this._inspectorWindow.close();
     },

     notifyDone: function(actual)
     {
         if (this._done)
             return;
         this._done = true;

         if (!window.debug)
             this.cleanup()

         clearTimeout(this._watchDog);

         this._treeElement.onselect = this.onTreeElementSelect.bind(this);

         // TODO pavel  is the  RHS || condition wanted?
         if (actual === this._expected || actual === this._expected + "\n") {
             this._treeElement.title = this._testPath + ": SUCCESS";
             this._next("pass");
             return;
         }

         this._treeElement.title = this._testPath + ": FAILED";
         this._treeElement.listItemElement.addStyleClass("failed");

         var baseLines = difflib.stringAsLines(this._expected);
         var newLines = difflib.stringAsLines(actual);
         var sm = new difflib.SequenceMatcher(baseLines, newLines);
         var opcodes = sm.get_opcodes();
         var lastWasSeparator = false;

         for (var idx = 0; idx < opcodes.length; idx++) {
             var code = opcodes[idx];
             var change = code[0];
             var b = code[1];
             var be = code[2];
             var n = code[3];
             var ne = code[4];
             var rowCount = Math.max(be - b, ne - n);
             var topRows = [];
             var bottomRows = [];
             for (var i = 0; i < rowCount; i++) {
                 if (change === "delete" || (change === "replace" && b < be)) {
                     var lineNumber = b++;
                     this._treeElement.appendChild(new TreeElement("- [" + lineNumber + "] " + baseLines[lineNumber]));
                 }

                 if (change === "insert" || (change === "replace" && n < ne)) {
                     var lineNumber = n++;
                     this._treeElement.appendChild(new TreeElement("+ [" + lineNumber + "] " + newLines[lineNumber]));
                 }

                 if (change === "equal") {
                     b++;
                     n++;
                 }
             }
         }

         this._next("fail");
     },

     evaluateInWebInspector: function(callId, script)
     {
         if (this._inspectorWindow)
             this._inspectorWindow.postMessage(["evaluateForTest", callId, script], "*");
         else
             this._pendingMessages.push(["evaluateForTest", callId, script]);
     },

     _timeout: function()
     {
         this._treeElement.title = this._testPath + ": TIMEOUT";
         this._treeElement.listItemElement.addStyleClass("timeout");
         this._done = true;
         this.cleanup();
         this._next("timeout");
     },

     cleanup: function ()
     {
         localStorage.setItem('inspectorWidth', this._inspectorWindowLoading.outerWidth);
         localStorage.setItem('inspectorHeight', this._inspectorWindowLoading.outerHeight);
         this._inspectorWindowLoading.close();
         this._testPage.close();
         delete window.runner;
     },

     onTreeElementSelect: function ()
     {
         var baseEndSentinel = '/inspector/';
         var baseChars = this._testPath.indexOf(baseEndSentinel) + baseEndSentinel.length;
         if (baseChars > 0)
             document.getElementById("filter").value = this._testPath.substr(baseChars);
     },

     display: function() { }
 }

 function onMessageFromTestPage(event)
 {
     var signature = event.data;
     var method = signature.shift();
     if (method === "tests") {
         tests = signature[0];
         runTests();
         return;
     }

     if (window.runner)
         window.runner[method].apply(window.runner, signature);
 }

 function onload()
 {
     var queryParamsObject = {};
     var queryParams = window.location.search;
     if (!queryParams)
         return;
     var params = queryParams.substring(1).split("&");
     for (var i = 0; i < params.length; ++i) {
         var pair = params[i].split("=");
         queryParamsObject[pair[0]] = pair[1];
     }
     if ("filter" in queryParamsObject)
         document.getElementById("filter").value = queryParamsObject["filter"];
 }

 window.addEventListener("message", onMessageFromTestPage, true);

 </script>
 <body onload="onload()">
 This is a standalone test suite for inspector front-end. Here is how you run it:
 <ul>
 <li>Check out WebKit source tree: git clone http://git.chromium.org/external/Webkit.git</li>
 <li>Run "Tools/Scripts/new-run-webkit-httpd --root=. --port=8002 --server=start"</li>
 <li>Run Chrome Canary (ToT Chromium) with following flags: "--remote-debugging-port=9222 --user-data-dir=testProfile http://localhost:8002/Source/devtools/front_end/test-runner.html"</li>
 </ul>

 <button onclick="run()">Run</button>
 <button id="debug" onclick="run(true)">Debug</button>
 <button onclick="interrupt()">Interrupt</button>
 Filter: <input id="filter" type="text" size="40"></input><small><i>Click on results to load filter</i></small><br>

 <span>Passed: <span id="pass">0</span></span>
 <span>Failed: <span id="fail">0</span></span>
 <span>Timeout: <span id="timeout">0</span></span>
 <span>Skipped: <span id="skip">0</span></span>
 <span>Remaining: <span id="remaining">0</span><br>

 <ol id="outline" style="font-size: 12px !important" class="source-code outline-disclosure"></ol>

 </body>
 </html>
	<html>
	<script src="jsdifflib.js"></script>
	<script src="utilities.js"></script>
	<script src="DOMExtension.js"></script>
	<script src="treeoutline.js"></script>

	<link rel="stylesheet" type="text/css" href="inspector.css">
	<style>
	:focus {
	outline: none;
	}

	.failed {
	color: red;
	}

	.timeout {
	color: brown;
	}

	iframe {
	width: 0;
	height: 0;
	opacity: 0;
	}

	</style>

	<script>

	var layoutTestsServer = "http://localhost:8002/";
	var scannerServer = "http://localhost:8002/";
	var remoteDebuggingServer = "http://localhost:9222/";

	var tests = [];
	var skipList = [
	// HALT
	"inspector/console/console-api-on-call-frame.html",

	// FAILED
	"inspector/console/console-dir-global.html",
	"inspector/console/console-log-toString-object.html",
	"inspector/console/console-uncaught-exception-in-eval.html",
	"inspector/elements/edit-dom-actions.html",
	"inspector/elements/highlight-node-scaled.html",
	"inspector/elements/highlight-node-scroll.html",
	"inspector/elements/highlight-node.html",
	"inspector/elements/highlight-svg-root.html",
	"inspector/network-status-non-http.html",
	"inspector/storage-panel-dom-storage-update.html",
	"inspector/styles/inject-stylesheet.html",
	"inspector/styles/protocol-css-regions-commands.html",
	"inspector/styles/region-style-crash.html",
	"inspector/styles/styles-disable-then-enable-overriden-ua.html",
	"inspector/styles/styles-url-linkify.html",
	"inspector/styles/vendor-prefixes.html",
	"inspector/timeline/timeline-event-dispatch.html",
	"inspector/timeline/timeline-frames.html",
	"inspector/timeline/timeline-network-resource.html",
	"inspector/timeline/timeline-paint.html",
	"inspector/timeline/timeline-receive-response-event.html",

	// TIMEOUT
	"inspector/profiler/cpu-profiler-profiling-without-inspector.html",
	"inspector/profiler/heap-snapshot-inspect-dom-wrapper.html",
	"inspector/timeline/timeline-network-received-data.html",
	];
	var treeOutline = null;

	function run(debug)
	{
	if (window.runner && debug) {
	window.runner.continueDebugging();
	return;
	}

	if (window.testScannerIframe)
	document.body.removeChild(window.testScannerIframe);

	if (window.runner)
	window.runner.cleanup();

	window.testScannerIframe = document.createElement("iframe");
	window.testScannerIframe.src = scannerServer + "LayoutTests/http/tests/inspector/resources/test-scanner.html";
	document.body.appendChild(window.testScannerIframe);
	window.debug = debug;
	}

	function runTests()
	{
	document.getElementById("outline").removeChildren();
	treeOutline = new TreeOutline(document.getElementById("outline"));

	document.getElementById("pass").textContent = 0;
	document.getElementById("skip").textContent = 0;
	document.getElementById("fail").textContent = 0;
	document.getElementById("timeout").textContent = 0;
	document.getElementById("remaining").textContent = tests.length;

	runNextTest();
	}

	function interrupt()
	{
	tests = [];
	}

	function runNextTest(lastResult)
	{
	if (lastResult) {
	var element = document.getElementById(lastResult);
	element.textContent = parseInt(element.textContent) + 1;

	element = document.getElementById("remaining");
	element.textContent = parseInt(element.textContent) - 1;
	if (window.debug) {
	document.getElementById("debug").textContent = "Debug";
	return;
	}
	}

	var test;
	var filter = document.getElementById("filter").value;
	while (test = tests.shift()) {
	if (!filter \|\| test[0].match(filter)) {
	new StandaloneTestRunner(layoutTestsServer + test[0], test[1], runNextTest.bind(null));
	return;
	}
	}
	}

	function StandaloneTestRunner(testPath, expected, next)
	{
	this._testPath = testPath;
	this._next = next;
	this._expected = expected;
	this._pendingMessages = [];

	this._treeElement = new TreeElement(testPath);
	treeOutline.appendChild(this._treeElement);

	for (var i = 0; !window.debug && i < skipList.length; ++i) {
	if (testPath.indexOf(skipList[i]) !== -1) {
	this._treeElement.title = testPath + ": SKIPPED";
	this._next("skip");
	return;
	}
	}
	window.runner = this;
	this._testPage = window.open("about:blank", "inspected", "width=800,height=600");

	window.remoteDebuggingHandshake = this._remoteDebuggingHandshake.bind(this);
	var script = document.createElement("script");
	script.src = remoteDebuggingServer + "json?jsonp=remoteDebuggingHandshake";
	document.head.appendChild(script);
	}

	StandaloneTestRunner.FrontendLocation = "inspector.html";

	StandaloneTestRunner.prototype = {
	_remoteDebuggingHandshake: function(data)
	{
	for (var i = 0; i < data.length; ++i) {
	if (data[i].url !== "about:blank")
	continue;
	this._debuggerURL = data[i].webSocketDebuggerUrl.replace("://", "=");
	this._navigateTestPage();
	break;
	}
	},

	_navigateTestPage: function()
	{
	this._testPage.location.href = this._testPath;
	var width = localStorage.getItem('inspectorWidth') \|\| 600;
	var height = localStorage.getItem('inspectorHeight') \|\| 400;
	var features = "width=" + Math.max(width , 600) + ",height=" + Math.max(height, 400);
	this._inspectorWindowLoading = window.open(StandaloneTestRunner.FrontendLocation + "?" + this._debuggerURL, "inspector", features);
	this._inspectorWindowLoading.dispatchStandaloneTestRunnerMessages = true;

	window.addEventListener('unload', this.cleanup.bind(this));

	if (!window.debug)
	this._watchDog = setTimeout(this._timeout.bind(this), 10000);
	},

	loadCompleted: function()
	{
	if (!window.debug) {
	this._loadCompleted(this);
	return;
	}
	document.getElementById("debug").textContent = "Continue";
	},

	continueDebugging: function()
	{
	this._loadCompleted();
	},

	_loadCompleted: function()
	{
	this._inspectorWindow = this._inspectorWindowLoading;
	for (var i = 0; i < this._pendingMessages.length; ++i)
	this._inspectorWindow.postMessage(this._pendingMessages[i], "*");
	this._pendingMessages = [];
	},

	closeWebInspector: function()
	{
	if (!window.debug)
	this._inspectorWindow.close();
	},

	notifyDone: function(actual)
	{
	if (this._done)
	return;
	this._done = true;

	if (!window.debug)
	this.cleanup()

	clearTimeout(this._watchDog);

	this._treeElement.onselect = this.onTreeElementSelect.bind(this);

	// TODO pavel is the RHS \|\| condition wanted?
	if (actual === this._expected \|\| actual === this._expected + "\n") {
	this._treeElement.title = this._testPath + ": SUCCESS";
	this._next("pass");
	return;
	}

	this._treeElement.title = this._testPath + ": FAILED";
	this._treeElement.listItemElement.addStyleClass("failed");

	var baseLines = difflib.stringAsLines(this._expected);
	var newLines = difflib.stringAsLines(actual);
	var sm = new difflib.SequenceMatcher(baseLines, newLines);
	var opcodes = sm.get_opcodes();
	var lastWasSeparator = false;

	for (var idx = 0; idx < opcodes.length; idx++) {
	var code = opcodes[idx];
	var change = code[0];
	var b = code[1];
	var be = code[2];
	var n = code[3];
	var ne = code[4];
	var rowCount = Math.max(be - b, ne - n);
	var topRows = [];
	var bottomRows = [];
	for (var i = 0; i < rowCount; i++) {
	if (change === "delete" \|\| (change === "replace" && b < be)) {
	var lineNumber = b++;
	this._treeElement.appendChild(new TreeElement("- [" + lineNumber + "] " + baseLines[lineNumber]));
	}

	if (change === "insert" \|\| (change === "replace" && n < ne)) {
	var lineNumber = n++;
	this._treeElement.appendChild(new TreeElement("+ [" + lineNumber + "] " + newLines[lineNumber]));
	}

	if (change === "equal") {
	b++;
	n++;
	}
	}
	}

	this._next("fail");
	},

	evaluateInWebInspector: function(callId, script)
	{
	if (this._inspectorWindow)
	this._inspectorWindow.postMessage(["evaluateForTest", callId, script], "*");
	else
	this._pendingMessages.push(["evaluateForTest", callId, script]);
	},

	_timeout: function()
	{
	this._treeElement.title = this._testPath + ": TIMEOUT";
	this._treeElement.listItemElement.addStyleClass("timeout");
	this._done = true;
	this.cleanup();
	this._next("timeout");
	},

	cleanup: function ()
	{
	localStorage.setItem('inspectorWidth', this._inspectorWindowLoading.outerWidth);
	localStorage.setItem('inspectorHeight', this._inspectorWindowLoading.outerHeight);
	this._inspectorWindowLoading.close();
	this._testPage.close();
	delete window.runner;
	},

	onTreeElementSelect: function ()
	{
	var baseEndSentinel = '/inspector/';
	var baseChars = this._testPath.indexOf(baseEndSentinel) + baseEndSentinel.length;
	if (baseChars > 0)
	document.getElementById("filter").value = this._testPath.substr(baseChars);
	},

	display: function() { }
	}

	function onMessageFromTestPage(event)
	{
	var signature = event.data;
	var method = signature.shift();
	if (method === "tests") {
	tests = signature[0];
	runTests();
	return;
	}

	if (window.runner)
	window.runner[method].apply(window.runner, signature);
	}

	function onload()
	{
	var queryParamsObject = {};
	var queryParams = window.location.search;
	if (!queryParams)
	return;
	var params = queryParams.substring(1).split("&");
	for (var i = 0; i < params.length; ++i) {
	var pair = params[i].split("=");
	queryParamsObject[pair[0]] = pair[1];
	}
	if ("filter" in queryParamsObject)
	document.getElementById("filter").value = queryParamsObject["filter"];
	}

	window.addEventListener("message", onMessageFromTestPage, true);

	</script>
	<body onload="onload()">
	This is a standalone test suite for inspector front-end. Here is how you run it:
	<ul>
	<li>Check out WebKit source tree: git clone http://git.chromium.org/external/Webkit.git</li>
	<li>Run "Tools/Scripts/new-run-webkit-httpd --root=. --port=8002 --server=start"</li>
	<li>Run Chrome Canary (ToT Chromium) with following flags: "--remote-debugging-port=9222 --user-data-dir=testProfile http://localhost:8002/Source/devtools/front_end/test-runner.html"</li>
	</ul>

	<button onclick="run()">Run</button>
	<button id="debug" onclick="run(true)">Debug</button>
	<button onclick="interrupt()">Interrupt</button>
	Filter: <input id="filter" type="text" size="40"></input><small><i>Click on results to load filter</i></small><br>

	<span>Passed: <span id="pass">0</span></span>
	<span>Failed: <span id="fail">0</span></span>
	<span>Timeout: <span id="timeout">0</span></span>
	<span>Skipped: <span id="skip">0</span></span>
	<span>Remaining: <span id="remaining">0</span><br>

	<ol id="outline" style="font-size: 12px !important" class="source-code outline-disclosure"></ol>

	</body>
	</html>