jasmine.HtmlReporterHelpers = {}; |
jasmine.HtmlReporterHelpers = {}; |
|
|
jasmine.HtmlReporterHelpers.createDom = function(type, attrs, childrenVarArgs) { |
jasmine.HtmlReporterHelpers.createDom = function (type, attrs, childrenVarArgs) { |
var el = document.createElement(type); |
var el = document.createElement(type); |
|
|
for (var i = 2; i < arguments.length; i++) { |
for (var i = 2; i < arguments.length; i++) { |
var child = arguments[i]; |
var child = arguments[i]; |
|
|
if (typeof child === 'string') { |
if (typeof child === 'string') { |
el.appendChild(document.createTextNode(child)); |
el.appendChild(document.createTextNode(child)); |
} else { |
} else { |
if (child) { |
if (child) { |
el.appendChild(child); |
el.appendChild(child); |
} |
} |
} |
} |
} |
} |
|
|
for (var attr in attrs) { |
for (var attr in attrs) { |
if (attr == "className") { |
if (attr == "className") { |
el[attr] = attrs[attr]; |
el[attr] = attrs[attr]; |
} else { |
} else { |
el.setAttribute(attr, attrs[attr]); |
el.setAttribute(attr, attrs[attr]); |
} |
} |
} |
} |
|
|
return el; |
return el; |
}; |
}; |
|
|
jasmine.HtmlReporterHelpers.getSpecStatus = function(child) { |
jasmine.HtmlReporterHelpers.getSpecStatus = function (child) { |
var results = child.results(); |
var results = child.results(); |
var status = results.passed() ? 'passed' : 'failed'; |
var status = results.passed() ? 'passed' : 'failed'; |
if (results.skipped) { |
if (results.skipped) { |
status = 'skipped'; |
status = 'skipped'; |
} |
} |
|
|
return status; |
return status; |
}; |
}; |
|
|
jasmine.HtmlReporterHelpers.appendToSummary = function(child, childElement) { |
jasmine.HtmlReporterHelpers.appendToSummary = function (child, childElement) { |
var parentDiv = this.dom.summary; |
var parentDiv = this.dom.summary; |
var parentSuite = (typeof child.parentSuite == 'undefined') ? 'suite' : 'parentSuite'; |
var parentSuite = (typeof child.parentSuite == 'undefined') ? 'suite' : 'parentSuite'; |
var parent = child[parentSuite]; |
var parent = child[parentSuite]; |
|
|
if (parent) { |
if (parent) { |
if (typeof this.views.suites[parent.id] == 'undefined') { |
if (typeof this.views.suites[parent.id] == 'undefined') { |
this.views.suites[parent.id] = new jasmine.HtmlReporter.SuiteView(parent, this.dom, this.views); |
this.views.suites[parent.id] = new jasmine.HtmlReporter.SuiteView(parent, this.dom, this.views); |
} |
} |
parentDiv = this.views.suites[parent.id].element; |
parentDiv = this.views.suites[parent.id].element; |
} |
} |
|
|
parentDiv.appendChild(childElement); |
parentDiv.appendChild(childElement); |
}; |
}; |
|
|
|
|
jasmine.HtmlReporterHelpers.addHelpers = function(ctor) { |
jasmine.HtmlReporterHelpers.addHelpers = function (ctor) { |
for(var fn in jasmine.HtmlReporterHelpers) { |
for (var fn in jasmine.HtmlReporterHelpers) { |
ctor.prototype[fn] = jasmine.HtmlReporterHelpers[fn]; |
ctor.prototype[fn] = jasmine.HtmlReporterHelpers[fn]; |
} |
} |
}; |
}; |
|
|
jasmine.HtmlReporter = function(_doc) { |
jasmine.HtmlReporter = function (_doc) { |
var self = this; |
var self = this; |
var doc = _doc || window.document; |
var doc = _doc || window.document; |
|
|
var reporterView; |
var reporterView; |
|
|
var dom = {}; |
var dom = {}; |
|
|
// Jasmine Reporter Public Interface |
// Jasmine Reporter Public Interface |
self.logRunningSpecs = false; |
self.logRunningSpecs = false; |
|
|
self.reportRunnerStarting = function(runner) { |
self.reportRunnerStarting = function (runner) { |
var specs = runner.specs() || []; |
var specs = runner.specs() || []; |
|
|
if (specs.length == 0) { |
if (specs.length == 0) { |
return; |
return; |
} |
} |
|
|
createReporterDom(runner.env.versionString()); |
createReporterDom(runner.env.versionString()); |
doc.body.appendChild(dom.reporter); |
doc.body.appendChild(dom.reporter); |
|
|
reporterView = new jasmine.HtmlReporter.ReporterView(dom); |
reporterView = new jasmine.HtmlReporter.ReporterView(dom); |
reporterView.addSpecs(specs, self.specFilter); |
reporterView.addSpecs(specs, self.specFilter); |
}; |
}; |
|
|
self.reportRunnerResults = function(runner) { |
self.reportRunnerResults = function (runner) { |
reporterView && reporterView.complete(); |
reporterView && reporterView.complete(); |
}; |
}; |
|
|
self.reportSuiteResults = function(suite) { |
self.reportSuiteResults = function (suite) { |
reporterView.suiteComplete(suite); |
reporterView.suiteComplete(suite); |
}; |
}; |
|
|
self.reportSpecStarting = function(spec) { |
self.reportSpecStarting = function (spec) { |
if (self.logRunningSpecs) { |
if (self.logRunningSpecs) { |
self.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...'); |
self.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...'); |
} |
} |
}; |
}; |
|
|
self.reportSpecResults = function(spec) { |
self.reportSpecResults = function (spec) { |
reporterView.specComplete(spec); |
reporterView.specComplete(spec); |
}; |
}; |
|
|
self.log = function() { |
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': |
|