617 lines
19 KiB
JavaScript
617 lines
19 KiB
JavaScript
jasmine.HtmlReporterHelpers = {};
|
|
|
|
jasmine.HtmlReporterHelpers.createDom = function(type, attrs, childrenVarArgs) {
|
|
var el = document.createElement(type);
|
|
|
|
for (var i = 2; i < arguments.length; i++) {
|
|
var child = arguments[i];
|
|
|
|
if (typeof child === 'string') {
|
|
el.appendChild(document.createTextNode(child));
|
|
} else {
|
|
if (child) {
|
|
el.appendChild(child);
|
|
}
|
|
}
|
|
}
|
|
|
|
for (var attr in attrs) {
|
|
if (attr == "className") {
|
|
el[attr] = attrs[attr];
|
|
} else {
|
|
el.setAttribute(attr, attrs[attr]);
|
|
}
|
|
}
|
|
|
|
return el;
|
|
};
|
|
|
|
jasmine.HtmlReporterHelpers.getSpecStatus = function(child) {
|
|
var results = child.results();
|
|
var status = results.passed() ? 'passed' : 'failed';
|
|
if (results.skipped) {
|
|
status = 'skipped';
|
|
}
|
|
|
|
return status;
|
|
};
|
|
|
|
jasmine.HtmlReporterHelpers.appendToSummary = function(child, childElement) {
|
|
var parentDiv = this.dom.summary;
|
|
var parentSuite = (typeof child.parentSuite == 'undefined') ? 'suite' : 'parentSuite';
|
|
var parent = child[parentSuite];
|
|
|
|
if (parent) {
|
|
if (typeof this.views.suites[parent.id] == 'undefined') {
|
|
this.views.suites[parent.id] = new jasmine.HtmlReporter.SuiteView(parent, this.dom, this.views);
|
|
}
|
|
parentDiv = this.views.suites[parent.id].element;
|
|
}
|
|
|
|
parentDiv.appendChild(childElement);
|
|
};
|
|
|
|
|
|
jasmine.HtmlReporterHelpers.addHelpers = function(ctor) {
|
|
for(var fn in jasmine.HtmlReporterHelpers) {
|
|
ctor.prototype[fn] = jasmine.HtmlReporterHelpers[fn];
|
|
}
|
|
};
|
|
|
|
jasmine.HtmlReporter = function(_doc) {
|
|
var self = this;
|
|
var doc = _doc || window.document;
|
|
|
|
var reporterView;
|
|
|
|
var dom = {};
|
|
|
|
// Jasmine Reporter Public Interface
|
|
self.logRunningSpecs = false;
|
|
|
|
self.reportRunnerStarting = function(runner) {
|
|
var specs = runner.specs() || [];
|
|
|
|
if (specs.length == 0) {
|
|
return;
|
|
}
|
|
|
|
createReporterDom(runner.env.versionString());
|
|
doc.body.appendChild(dom.reporter);
|
|
|
|
reporterView = new jasmine.HtmlReporter.ReporterView(dom);
|
|
reporterView.addSpecs(specs, self.specFilter);
|
|
};
|
|
|
|
self.reportRunnerResults = function(runner) {
|
|
reporterView && reporterView.complete();
|
|
};
|
|
|
|
self.reportSuiteResults = function(suite) {
|
|
reporterView.suiteComplete(suite);
|
|
};
|
|
|
|
self.reportSpecStarting = function(spec) {
|
|
if (self.logRunningSpecs) {
|
|
self.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...');
|
|
}
|
|
};
|
|
|
|
self.reportSpecResults = function(spec) {
|
|
reporterView.specComplete(spec);
|
|
};
|
|
|
|
self.log = function() {
|
|
var console = jasmine.getGlobal().console;
|
|
if (console && console.log) {
|
|
if (console.log.apply) {
|
|
console.log.apply(console, arguments);
|
|
} else {
|
|
console.log(arguments); // ie fix: console.log.apply doesn't exist on ie
|
|
}
|
|
}
|
|
};
|
|
|
|
self.specFilter = function(spec) {
|
|
if (!focusedSpecName()) {
|
|
return true;
|
|
}
|
|
|
|
return spec.getFullName().indexOf(focusedSpecName()) === 0;
|
|
};
|
|
|
|
return self;
|
|
|
|
function focusedSpecName() {
|
|
var specName;
|
|
|
|
(function memoizeFocusedSpec() {
|
|
if (specName) {
|
|
return;
|
|
}
|
|
|
|
var paramMap = [];
|
|
var params = doc.location.search.substring(1).split('&');
|
|
|
|
for (var i = 0; i < params.length; i++) {
|
|
var p = params[i].split('=');
|
|
paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
|
|
}
|
|
|
|
specName = paramMap.spec;
|
|
})();
|
|
|
|
return specName;
|
|
}
|
|
|
|
function createReporterDom(version) {
|
|
dom.reporter = self.createDom('div', { id: 'HTMLReporter', className: 'jasmine_reporter' },
|
|
dom.banner = self.createDom('div', { className: 'banner' },
|
|
self.createDom('span', { className: 'title' }, "Jasmine "),
|
|
self.createDom('span', { className: 'version' }, version)),
|
|
|
|
dom.symbolSummary = self.createDom('ul', {className: 'symbolSummary'}),
|
|
dom.alert = self.createDom('div', {className: 'alert'}),
|
|
dom.results = self.createDom('div', {className: 'results'},
|
|
dom.summary = self.createDom('div', { className: 'summary' }),
|
|
dom.details = self.createDom('div', { id: 'details' }))
|
|
);
|
|
}
|
|
};
|
|
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter);jasmine.HtmlReporter.ReporterView = function(dom) {
|
|
this.startedAt = new Date();
|
|
this.runningSpecCount = 0;
|
|
this.completeSpecCount = 0;
|
|
this.passedCount = 0;
|
|
this.failedCount = 0;
|
|
this.skippedCount = 0;
|
|
|
|
this.createResultsMenu = function() {
|
|
this.resultsMenu = this.createDom('span', {className: 'resultsMenu bar'},
|
|
this.summaryMenuItem = this.createDom('a', {className: 'summaryMenuItem', href: "#"}, '0 specs'),
|
|
' | ',
|
|
this.detailsMenuItem = this.createDom('a', {className: 'detailsMenuItem', href: "#"}, '0 failing'));
|
|
|
|
this.summaryMenuItem.onclick = function() {
|
|
dom.reporter.className = dom.reporter.className.replace(/ showDetails/g, '');
|
|
};
|
|
|
|
this.detailsMenuItem.onclick = function() {
|
|
showDetails();
|
|
};
|
|
};
|
|
|
|
this.addSpecs = function(specs, specFilter) {
|
|
this.totalSpecCount = specs.length;
|
|
|
|
this.views = {
|
|
specs: {},
|
|
suites: {}
|
|
};
|
|
|
|
for (var i = 0; i < specs.length; i++) {
|
|
var spec = specs[i];
|
|
this.views.specs[spec.id] = new jasmine.HtmlReporter.SpecView(spec, dom, this.views);
|
|
if (specFilter(spec)) {
|
|
this.runningSpecCount++;
|
|
}
|
|
}
|
|
};
|
|
|
|
this.specComplete = function(spec) {
|
|
this.completeSpecCount++;
|
|
|
|
if (isUndefined(this.views.specs[spec.id])) {
|
|
this.views.specs[spec.id] = new jasmine.HtmlReporter.SpecView(spec, dom);
|
|
}
|
|
|
|
var specView = this.views.specs[spec.id];
|
|
|
|
switch (specView.status()) {
|
|
case 'passed':
|
|
this.passedCount++;
|
|
break;
|
|
|
|
case 'failed':
|
|
this.failedCount++;
|
|
break;
|
|
|
|
case 'skipped':
|
|
this.skippedCount++;
|
|
break;
|
|
}
|
|
|
|
specView.refresh();
|
|
this.refresh();
|
|
};
|
|
|
|
this.suiteComplete = function(suite) {
|
|
var suiteView = this.views.suites[suite.id];
|
|
if (isUndefined(suiteView)) {
|
|
return;
|
|
}
|
|
suiteView.refresh();
|
|
};
|
|
|
|
this.refresh = function() {
|
|
|
|
if (isUndefined(this.resultsMenu)) {
|
|
this.createResultsMenu();
|
|
}
|
|
|
|
// currently running UI
|
|
if (isUndefined(this.runningAlert)) {
|
|
this.runningAlert = this.createDom('a', {href: "?", className: "runningAlert bar"});
|
|
dom.alert.appendChild(this.runningAlert);
|
|
}
|
|
this.runningAlert.innerHTML = "Running " + this.completeSpecCount + " of " + specPluralizedFor(this.totalSpecCount);
|
|
|
|
// skipped specs UI
|
|
if (isUndefined(this.skippedAlert)) {
|
|
this.skippedAlert = this.createDom('a', {href: "?", className: "skippedAlert bar"});
|
|
}
|
|
|
|
this.skippedAlert.innerHTML = "Skipping " + this.skippedCount + " of " + specPluralizedFor(this.totalSpecCount) + " - run all";
|
|
|
|
if (this.skippedCount === 1 && isDefined(dom.alert)) {
|
|
dom.alert.appendChild(this.skippedAlert);
|
|
}
|
|
|
|
// passing specs UI
|
|
if (isUndefined(this.passedAlert)) {
|
|
this.passedAlert = this.createDom('span', {href: "?", className: "passingAlert bar"});
|
|
}
|
|
this.passedAlert.innerHTML = "Passing " + specPluralizedFor(this.passedCount);
|
|
|
|
// failing specs UI
|
|
if (isUndefined(this.failedAlert)) {
|
|
this.failedAlert = this.createDom('span', {href: "?", className: "failingAlert bar"});
|
|
}
|
|
this.failedAlert.innerHTML = "Failing " + specPluralizedFor(this.failedCount);
|
|
|
|
if (this.failedCount === 1 && isDefined(dom.alert)) {
|
|
dom.alert.appendChild(this.failedAlert);
|
|
dom.alert.appendChild(this.resultsMenu);
|
|
}
|
|
|
|
// summary info
|
|
this.summaryMenuItem.innerHTML = "" + specPluralizedFor(this.runningSpecCount);
|
|
this.detailsMenuItem.innerHTML = "" + this.failedCount + " failing";
|
|
};
|
|
|
|
this.complete = function() {
|
|
dom.alert.removeChild(this.runningAlert);
|
|
|
|
this.skippedAlert.innerHTML = "Ran " + this.runningSpecCount + " of " + specPluralizedFor(this.totalSpecCount) + " - run all";
|
|
|
|
if (this.failedCount === 0) {
|
|
dom.alert.appendChild(this.createDom('span', {className: 'passingAlert bar'}, "Passing " + specPluralizedFor(this.passedCount)));
|
|
} else {
|
|
showDetails();
|
|
}
|
|
|
|
dom.banner.appendChild(this.createDom('span', {className: 'duration'}, "finished in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s"));
|
|
};
|
|
|
|
return this;
|
|
|
|
function showDetails() {
|
|
if (dom.reporter.className.search(/showDetails/) === -1) {
|
|
dom.reporter.className += " showDetails";
|
|
}
|
|
}
|
|
|
|
function isUndefined(obj) {
|
|
return typeof obj === 'undefined';
|
|
}
|
|
|
|
function isDefined(obj) {
|
|
return !isUndefined(obj);
|
|
}
|
|
|
|
function specPluralizedFor(count) {
|
|
var str = count + " spec";
|
|
if (count > 1) {
|
|
str += "s"
|
|
}
|
|
return str;
|
|
}
|
|
|
|
};
|
|
|
|
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.ReporterView);
|
|
|
|
|
|
jasmine.HtmlReporter.SpecView = function(spec, dom, views) {
|
|
this.spec = spec;
|
|
this.dom = dom;
|
|
this.views = views;
|
|
|
|
this.symbol = this.createDom('li', { className: 'pending' });
|
|
this.dom.symbolSummary.appendChild(this.symbol);
|
|
|
|
this.summary = this.createDom('div', { className: 'specSummary' },
|
|
this.createDom('a', {
|
|
className: 'description',
|
|
href: '?spec=' + encodeURIComponent(this.spec.getFullName()),
|
|
title: this.spec.getFullName()
|
|
}, this.spec.description)
|
|
);
|
|
|
|
this.detail = this.createDom('div', { className: 'specDetail' },
|
|
this.createDom('a', {
|
|
className: 'description',
|
|
href: '?spec=' + encodeURIComponent(this.spec.getFullName()),
|
|
title: this.spec.getFullName()
|
|
}, this.spec.getFullName())
|
|
);
|
|
};
|
|
|
|
jasmine.HtmlReporter.SpecView.prototype.status = function() {
|
|
return this.getSpecStatus(this.spec);
|
|
};
|
|
|
|
jasmine.HtmlReporter.SpecView.prototype.refresh = function() {
|
|
this.symbol.className = this.status();
|
|
|
|
switch (this.status()) {
|
|
case 'skipped':
|
|
break;
|
|
|
|
case 'passed':
|
|
this.appendSummaryToSuiteDiv();
|
|
break;
|
|
|
|
case 'failed':
|
|
this.appendSummaryToSuiteDiv();
|
|
this.appendFailureDetail();
|
|
break;
|
|
}
|
|
};
|
|
|
|
jasmine.HtmlReporter.SpecView.prototype.appendSummaryToSuiteDiv = function() {
|
|
this.summary.className += ' ' + this.status();
|
|
this.appendToSummary(this.spec, this.summary);
|
|
};
|
|
|
|
jasmine.HtmlReporter.SpecView.prototype.appendFailureDetail = function() {
|
|
this.detail.className += ' ' + this.status();
|
|
|
|
var resultItems = this.spec.results().getItems();
|
|
var messagesDiv = this.createDom('div', { className: 'messages' });
|
|
|
|
for (var i = 0; i < resultItems.length; i++) {
|
|
var result = resultItems[i];
|
|
|
|
if (result.type == 'log') {
|
|
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString()));
|
|
} else if (result.type == 'expect' && result.passed && !result.passed()) {
|
|
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message));
|
|
|
|
if (result.trace.stack) {
|
|
messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack));
|
|
}
|
|
}
|
|
}
|
|
|
|
if (messagesDiv.childNodes.length > 0) {
|
|
this.detail.appendChild(messagesDiv);
|
|
this.dom.details.appendChild(this.detail);
|
|
}
|
|
};
|
|
|
|
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.SpecView);jasmine.HtmlReporter.SuiteView = function(suite, dom, views) {
|
|
this.suite = suite;
|
|
this.dom = dom;
|
|
this.views = views;
|
|
|
|
this.element = this.createDom('div', { className: 'suite' },
|
|
this.createDom('a', { className: 'description', href: '?spec=' + encodeURIComponent(this.suite.getFullName()) }, this.suite.description)
|
|
);
|
|
|
|
this.appendToSummary(this.suite, this.element);
|
|
};
|
|
|
|
jasmine.HtmlReporter.SuiteView.prototype.status = function() {
|
|
return this.getSpecStatus(this.suite);
|
|
};
|
|
|
|
jasmine.HtmlReporter.SuiteView.prototype.refresh = function() {
|
|
this.element.className += " " + this.status();
|
|
};
|
|
|
|
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.SuiteView);
|
|
|
|
/* @deprecated Use jasmine.HtmlReporter instead
|
|
*/
|
|
jasmine.TrivialReporter = function(doc) {
|
|
this.document = doc || document;
|
|
this.suiteDivs = {};
|
|
this.logRunningSpecs = false;
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.createDom = function(type, attrs, childrenVarArgs) {
|
|
var el = document.createElement(type);
|
|
|
|
for (var i = 2; i < arguments.length; i++) {
|
|
var child = arguments[i];
|
|
|
|
if (typeof child === 'string') {
|
|
el.appendChild(document.createTextNode(child));
|
|
} else {
|
|
if (child) { el.appendChild(child); }
|
|
}
|
|
}
|
|
|
|
for (var attr in attrs) {
|
|
if (attr == "className") {
|
|
el[attr] = attrs[attr];
|
|
} else {
|
|
el.setAttribute(attr, attrs[attr]);
|
|
}
|
|
}
|
|
|
|
return el;
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.reportRunnerStarting = function(runner) {
|
|
var showPassed, showSkipped;
|
|
|
|
this.outerDiv = this.createDom('div', { id: 'TrivialReporter', className: 'jasmine_reporter' },
|
|
this.createDom('div', { className: 'banner' },
|
|
this.createDom('div', { className: 'logo' },
|
|
this.createDom('span', { className: 'title' }, "Jasmine"),
|
|
this.createDom('span', { className: 'version' }, runner.env.versionString())),
|
|
this.createDom('div', { className: 'options' },
|
|
"Show ",
|
|
showPassed = this.createDom('input', { id: "__jasmine_TrivialReporter_showPassed__", type: 'checkbox' }),
|
|
this.createDom('label', { "for": "__jasmine_TrivialReporter_showPassed__" }, " passed "),
|
|
showSkipped = this.createDom('input', { id: "__jasmine_TrivialReporter_showSkipped__", type: 'checkbox' }),
|
|
this.createDom('label', { "for": "__jasmine_TrivialReporter_showSkipped__" }, " skipped")
|
|
)
|
|
),
|
|
|
|
this.runnerDiv = this.createDom('div', { className: 'runner running' },
|
|
this.createDom('a', { className: 'run_spec', href: '?' }, "run all"),
|
|
this.runnerMessageSpan = this.createDom('span', {}, "Running..."),
|
|
this.finishedAtSpan = this.createDom('span', { className: 'finished-at' }, ""))
|
|
);
|
|
|
|
this.document.body.appendChild(this.outerDiv);
|
|
|
|
var suites = runner.suites();
|
|
for (var i = 0; i < suites.length; i++) {
|
|
var suite = suites[i];
|
|
var suiteDiv = this.createDom('div', { className: 'suite' },
|
|
this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, "run"),
|
|
this.createDom('a', { className: 'description', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, suite.description));
|
|
this.suiteDivs[suite.id] = suiteDiv;
|
|
var parentDiv = this.outerDiv;
|
|
if (suite.parentSuite) {
|
|
parentDiv = this.suiteDivs[suite.parentSuite.id];
|
|
}
|
|
parentDiv.appendChild(suiteDiv);
|
|
}
|
|
|
|
this.startedAt = new Date();
|
|
|
|
var self = this;
|
|
showPassed.onclick = function(evt) {
|
|
if (showPassed.checked) {
|
|
self.outerDiv.className += ' show-passed';
|
|
} else {
|
|
self.outerDiv.className = self.outerDiv.className.replace(/ show-passed/, '');
|
|
}
|
|
};
|
|
|
|
showSkipped.onclick = function(evt) {
|
|
if (showSkipped.checked) {
|
|
self.outerDiv.className += ' show-skipped';
|
|
} else {
|
|
self.outerDiv.className = self.outerDiv.className.replace(/ show-skipped/, '');
|
|
}
|
|
};
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.reportRunnerResults = function(runner) {
|
|
var results = runner.results();
|
|
var className = (results.failedCount > 0) ? "runner failed" : "runner passed";
|
|
this.runnerDiv.setAttribute("class", className);
|
|
//do it twice for IE
|
|
this.runnerDiv.setAttribute("className", className);
|
|
var specs = runner.specs();
|
|
var specCount = 0;
|
|
for (var i = 0; i < specs.length; i++) {
|
|
if (this.specFilter(specs[i])) {
|
|
specCount++;
|
|
}
|
|
}
|
|
var message = "" + specCount + " spec" + (specCount == 1 ? "" : "s" ) + ", " + results.failedCount + " failure" + ((results.failedCount == 1) ? "" : "s");
|
|
message += " in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s";
|
|
this.runnerMessageSpan.replaceChild(this.createDom('a', { className: 'description', href: '?'}, message), this.runnerMessageSpan.firstChild);
|
|
|
|
this.finishedAtSpan.appendChild(document.createTextNode("Finished at " + new Date().toString()));
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.reportSuiteResults = function(suite) {
|
|
var results = suite.results();
|
|
var status = results.passed() ? 'passed' : 'failed';
|
|
if (results.totalCount === 0) { // todo: change this to check results.skipped
|
|
status = 'skipped';
|
|
}
|
|
this.suiteDivs[suite.id].className += " " + status;
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.reportSpecStarting = function(spec) {
|
|
if (this.logRunningSpecs) {
|
|
this.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...');
|
|
}
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.reportSpecResults = function(spec) {
|
|
var results = spec.results();
|
|
var status = results.passed() ? 'passed' : 'failed';
|
|
if (results.skipped) {
|
|
status = 'skipped';
|
|
}
|
|
var specDiv = this.createDom('div', { className: 'spec ' + status },
|
|
this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(spec.getFullName()) }, "run"),
|
|
this.createDom('a', {
|
|
className: 'description',
|
|
href: '?spec=' + encodeURIComponent(spec.getFullName()),
|
|
title: spec.getFullName()
|
|
}, spec.description));
|
|
|
|
|
|
var resultItems = results.getItems();
|
|
var messagesDiv = this.createDom('div', { className: 'messages' });
|
|
for (var i = 0; i < resultItems.length; i++) {
|
|
var result = resultItems[i];
|
|
|
|
if (result.type == 'log') {
|
|
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString()));
|
|
} else if (result.type == 'expect' && result.passed && !result.passed()) {
|
|
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message));
|
|
|
|
if (result.trace.stack) {
|
|
messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack));
|
|
}
|
|
}
|
|
}
|
|
|
|
if (messagesDiv.childNodes.length > 0) {
|
|
specDiv.appendChild(messagesDiv);
|
|
}
|
|
|
|
this.suiteDivs[spec.suite.id].appendChild(specDiv);
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.log = function() {
|
|
var console = jasmine.getGlobal().console;
|
|
if (console && console.log) {
|
|
if (console.log.apply) {
|
|
console.log.apply(console, arguments);
|
|
} else {
|
|
console.log(arguments); // ie fix: console.log.apply doesn't exist on ie
|
|
}
|
|
}
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.getLocation = function() {
|
|
return this.document.location;
|
|
};
|
|
|
|
jasmine.TrivialReporter.prototype.specFilter = function(spec) {
|
|
var paramMap = {};
|
|
var params = this.getLocation().search.substring(1).split('&');
|
|
for (var i = 0; i < params.length; i++) {
|
|
var p = params[i].split('=');
|
|
paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
|
|
}
|
|
|
|
if (!paramMap.spec) {
|
|
return true;
|
|
}
|
|
return spec.getFullName().indexOf(paramMap.spec) === 0;
|
|
};
|