mermaid

<!DOCTYPE html> <html> <head> <title>HtmlReporterSpec.js</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" href="../../../../doc-style.css" /> <script src="../../../../doc-filelist.js"></script> <script> var relativeDir = "../../../../", thisFile = "Users/knut/Documents/source/mermaid/bower_components/jasmine/spec/html/HtmlReporterSpec.js", defaultSidebar = true; </script> <script src="../../../../doc-script.js"></script> <script src="../../../../mermaid.js"></script> <link rel="stylesheet" href="../../../../mermaid.css" /> </head> <body> <div id="sidebar_wrapper"> <div id="sidebar_switch"> Files Headings </div> <div id="tree"></div> <div id="headings"> <div class="heading h1"> <a href="#HtmlReporterSpec.js">HtmlReporterSpec.js</a> </div> </div> </div> <div id="sidebar-toggle"></div> <div id="container"><div class="background highlight"></div> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="docs"> <div class="pilwrap" id="HtmlReporterSpec.js"> <h1> <a href="#HtmlReporterSpec.js" name="HtmlReporterSpec.js" class="pilcrow">¶</a>HtmlReporterSpec.js </h1> </div> </td> <td class="code highlight"></td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-1" id="section-1">¶</a> </div> </td> <td class="code highlight"><div class="highlight"><pre>describe("New HtmlReporter", function() { </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-2" id="section-2">¶</a> </div> TODO: Figure out why this isn't rendering... </td> <td class="code highlight"><div class="highlight"><pre> it("builds the initial DOM elements, including the title banner", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); reporter.initialize(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-3" id="section-3">¶</a> </div> Main top-level elements </td> <td class="code highlight"><div class="highlight"><pre> expect(container.querySelector("div.jasmine_html-reporter")).toBeTruthy(); expect(container.querySelector("div.banner")).toBeTruthy(); expect(container.querySelector("div.alert")).toBeTruthy(); expect(container.querySelector("div.results")).toBeTruthy(); expect(container.querySelector("ul.symbol-summary")).toBeTruthy(); </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-4" id="section-4">¶</a> </div> title banner </td> <td class="code highlight"><div class="highlight"><pre> var banner = container.querySelector(".banner"); var title = banner.querySelector("a.title"); expect(title.getAttribute('href')).toEqual('http://jasmine.github.io/'); expect(title.getAttribute('target')).toEqual('_blank'); var version = banner.querySelector(".version"), versionText = 'textContent' in version ? version.textContent : version.innerText; expect(versionText).toEqual(j$.version); }); it("builds a single reporter even if initialized multiple times", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); reporter.initialize(); reporter.initialize(); reporter.initialize(); expect(container.querySelectorAll("div.jasmine_html-reporter").length).toEqual(1); }); it("starts the timer when jasmine begins", function() { var env = new jasmine.Env(), startTimerSpy = jasmine.createSpy("start-timer-spy"), reporter = new j$.HtmlReporter({ env: env, createElement: function() { return document.createElement.apply(document, arguments); }, timer: { start: startTimerSpy } }); reporter.jasmineStarted({}); expect(startTimerSpy).toHaveBeenCalled(); }); describe("when a spec is done", function() { it("logs errors to the console and prints a special symbol if it is an empty spec", function() { if (!window.console) { window.console = { error: function(){} }; } var env = new j$.Env(), container = document.createElement('div'), getContainer = function() {return container;}, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); spyOn(console, 'error'); reporter.initialize(); reporter.specDone({ status: "passed", fullName: 'Some Name', passedExpectations: [], failedExpectations: [] }); expect(console.error).toHaveBeenCalledWith("Spec \'Some Name\' has no expectations."); var specEl = container.querySelector('.symbol-summary li'); expect(specEl.getAttribute("class")).toEqual("empty"); }); it("reports the status symbol of a disabled spec", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); reporter.initialize(); reporter.specDone({id: 789, status: "disabled", fullName: "symbols should have titles", passedExpectations: [], failedExpectations: []}); var specEl = container.querySelector('.symbol-summary li'); expect(specEl.getAttribute("class")).toEqual("disabled"); expect(specEl.getAttribute("id")).toEqual("spec_789"); expect(specEl.getAttribute("title")).toEqual("symbols should have titles"); }); it("reports the status symbol of a pending spec", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); reporter.initialize(); reporter.specDone({id: 789, status: "pending", passedExpectations: [], failedExpectations: []}); var specEl = container.querySelector('.symbol-summary li'); expect(specEl.getAttribute("class")).toEqual("pending"); expect(specEl.getAttribute("id")).toEqual("spec_789"); }); it("reports the status symbol of a passing spec", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); reporter.initialize(); reporter.specDone({id: 123, status: "passed", passedExpectations: [{passed: true}], failedExpectations: []}); var statuses = container.querySelector(".symbol-summary"); var specEl = statuses.querySelector("li"); expect(specEl.getAttribute("class")).toEqual("passed"); expect(specEl.getAttribute("id")).toEqual("spec_123"); }); it("reports the status symbol of a failing spec", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); reporter.initialize(); reporter.specDone({ id: 345, status: "failed", failedExpectations: [], passedExpectations: [] }); var specEl = container.querySelector(".symbol-summary li"); expect(specEl.getAttribute("class")).toEqual("failed"); expect(specEl.getAttribute("id")).toEqual("spec_345"); }); }); describe("when Jasmine is done", function() { it("adds EMPTY to the link title of specs that have no expectations", function() { if (!window.console) { window.console = { error: function(){} }; } var env = new j$.Env(), container = document.createElement('div'), getContainer = function() {return container;}, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); } }); spyOn(console, 'error'); reporter.initialize(); reporter.jasmineStarted({}); reporter.suiteStarted({id: 1}); reporter.specStarted({id: 1, status: 'passed', passedExpectations: [], failedExpectations: []}); reporter.specDone({ id: 1, status: 'passed', description: 'Spec Description', passedExpectations: [], failedExpectations: [] }); reporter.suiteDone({id: 1}); reporter.jasmineDone({}); var summary = container.querySelector('.summary'); var suite = summary.childNodes[0]; var specs = suite.childNodes[1]; var spec = specs.childNodes[0]; var specLink = spec.childNodes[0]; expect(specLink.innerHTML).toMatch(/SPEC HAS NO EXPECTATIONS/); }); it("reports the run time", function() { var env = new j$.Env(), container = document.createElement("div"), timer = jasmine.createSpyObj('timer', ['start', 'elapsed']), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: getContainer, createElement: function() { return document.createElement.apply(document, arguments); }, createTextNode: function() { return document.createTextNode.apply(document, arguments); }, timer: timer }); reporter.initialize(); reporter.jasmineStarted({}); timer.elapsed.and.returnValue(100); reporter.jasmineDone(); var duration = container.querySelector(".banner .duration"); expect(duration.innerHTML).toMatch(/finished in 0.1s/); }); it("reports the suite and spec names with status", function() { var env = new j$.Env(), container = document.createElement("div"), getContainer = function() { return container; }, reporter = new j$.HtmlReporter({ env: env, getContainer: <span class="nx"