parent
5380a2a451
commit
796444b32c
@ -1 +0,0 @@
|
||||
<div id="real_non_mocked_fixture"></div>
|
@ -1,688 +0,0 @@
|
||||
describe("jasmine.Fixtures", function() {
|
||||
var ajaxData = 'some ajax data';
|
||||
var fixtureUrl = 'some_url';
|
||||
var anotherFixtureUrl = 'another_url';
|
||||
var fixturesContainer = function() {
|
||||
return $('#' + jasmine.getFixtures().containerId);
|
||||
};
|
||||
var appendFixturesContainerToDom = function() {
|
||||
$('body').append('<div id="' + jasmine.getFixtures().containerId + '">old content</div>');
|
||||
};
|
||||
|
||||
beforeEach(function() {
|
||||
jasmine.getFixtures().clearCache();
|
||||
spyOn($, 'ajax').andCallFake(function(options) {
|
||||
options.success(ajaxData);
|
||||
});
|
||||
});
|
||||
|
||||
describe("default initial config values", function() {
|
||||
it("should set 'jasmine-fixtures' as the default container id", function() {
|
||||
expect(jasmine.getFixtures().containerId).toEqual('jasmine-fixtures');
|
||||
});
|
||||
|
||||
it("should set 'spec/javascripts/fixtures' as the default fixtures path", function() {
|
||||
expect(jasmine.getFixtures().fixturesPath).toEqual('spec/javascripts/fixtures');
|
||||
});
|
||||
});
|
||||
|
||||
describe("cache", function() {
|
||||
describe("clearCache", function() {
|
||||
it("should clear cache and in effect force subsequent AJAX call", function() {
|
||||
jasmine.getFixtures().read(fixtureUrl);
|
||||
jasmine.getFixtures().clearCache();
|
||||
jasmine.getFixtures().read(fixtureUrl);
|
||||
expect($.ajax.callCount).toEqual(2);
|
||||
});
|
||||
});
|
||||
|
||||
it("first-time read should go through AJAX", function() {
|
||||
jasmine.getFixtures().read(fixtureUrl);
|
||||
expect($.ajax.callCount).toEqual(1);
|
||||
});
|
||||
|
||||
it("subsequent read from the same URL should go from cache", function() {
|
||||
jasmine.getFixtures().read(fixtureUrl, fixtureUrl);
|
||||
expect($.ajax.callCount).toEqual(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe("read", function() {
|
||||
it("should return fixture HTML", function() {
|
||||
var html = jasmine.getFixtures().read(fixtureUrl);
|
||||
expect(html).toEqual(ajaxData);
|
||||
});
|
||||
|
||||
it("should return duplicated HTML of a fixture when its url is provided twice in a single call", function() {
|
||||
var html = jasmine.getFixtures().read(fixtureUrl, fixtureUrl);
|
||||
expect(html).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
|
||||
it("should return merged HTML of two fixtures when two different urls are provided in a single call", function() {
|
||||
var html = jasmine.getFixtures().read(fixtureUrl, anotherFixtureUrl);
|
||||
expect(html).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
|
||||
it("should have shortcut global method readFixtures", function() {
|
||||
var html = readFixtures(fixtureUrl, anotherFixtureUrl);
|
||||
expect(html).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
|
||||
it("should use the configured fixtures path concatenating it to the requested url (without concatenating a slash if it already has an ending one)", function() {
|
||||
jasmine.getFixtures().fixturesPath = 'a path ending with slash/'
|
||||
readFixtures(fixtureUrl);
|
||||
expect($.ajax.mostRecentCall.args[0].url).toEqual('a path ending with slash/'+fixtureUrl);
|
||||
});
|
||||
|
||||
it("should use the configured fixtures path concatenating it to the requested url (concatenating a slash if it doesn't have an ending one)", function() {
|
||||
jasmine.getFixtures().fixturesPath = 'a path without an ending slash'
|
||||
readFixtures(fixtureUrl);
|
||||
expect($.ajax.mostRecentCall.args[0].url).toEqual('a path without an ending slash/'+fixtureUrl);
|
||||
});
|
||||
});
|
||||
|
||||
describe("load", function() {
|
||||
it("should insert fixture HTML into container", function() {
|
||||
jasmine.getFixtures().load(fixtureUrl);
|
||||
expect(fixturesContainer().html()).toEqual(ajaxData);
|
||||
});
|
||||
|
||||
it("should insert duplicated fixture HTML into container when the same url is provided twice in a single call", function() {
|
||||
jasmine.getFixtures().load(fixtureUrl, fixtureUrl);
|
||||
expect(fixturesContainer().html()).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
|
||||
it("should insert merged HTML of two fixtures into container when two different urls are provided in a single call", function() {
|
||||
jasmine.getFixtures().load(fixtureUrl, anotherFixtureUrl);
|
||||
expect(fixturesContainer().html()).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
|
||||
it("should have shortcut global method loadFixtures", function() {
|
||||
loadFixtures(fixtureUrl, anotherFixtureUrl);
|
||||
expect(fixturesContainer().html()).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
|
||||
describe("when fixture container does not exist", function() {
|
||||
it("should automatically create fixtures container and append it to DOM", function() {
|
||||
jasmine.getFixtures().load(fixtureUrl);
|
||||
expect(fixturesContainer().size()).toEqual(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe("when fixture container exists", function() {
|
||||
beforeEach(function() {
|
||||
appendFixturesContainerToDom();
|
||||
});
|
||||
|
||||
it("should replace it with new content", function() {
|
||||
jasmine.getFixtures().load(fixtureUrl);
|
||||
expect(fixturesContainer().html()).toEqual(ajaxData);
|
||||
});
|
||||
});
|
||||
|
||||
describe("when fixture contains an inline <script> tag", function(){
|
||||
beforeEach(function(){
|
||||
ajaxData = "<div><a id=\"anchor_01\"></a><script>$(function(){ $('#anchor_01').addClass('foo')});</script></div>"
|
||||
});
|
||||
|
||||
it("should execute the inline javascript after the fixture has been inserted into the body", function(){
|
||||
jasmine.getFixtures().load(fixtureUrl);
|
||||
expect($("#anchor_01")).toHaveClass('foo');
|
||||
})
|
||||
});
|
||||
});
|
||||
|
||||
describe("preload", function() {
|
||||
describe("read after preload", function() {
|
||||
it("should go from cache", function() {
|
||||
jasmine.getFixtures().preload(fixtureUrl, anotherFixtureUrl);
|
||||
jasmine.getFixtures().read(fixtureUrl, anotherFixtureUrl);
|
||||
expect($.ajax.callCount).toEqual(2);
|
||||
})
|
||||
|
||||
it("should return correct HTMLs", function() {
|
||||
jasmine.getFixtures().preload(fixtureUrl, anotherFixtureUrl);
|
||||
var html = jasmine.getFixtures().read(fixtureUrl, anotherFixtureUrl);
|
||||
expect(html).toEqual(ajaxData + ajaxData);
|
||||
});
|
||||
});
|
||||
|
||||
it("should not preload the same fixture twice", function() {
|
||||
jasmine.getFixtures().preload(fixtureUrl, fixtureUrl);
|
||||
expect($.ajax.callCount).toEqual(1);
|
||||
});
|
||||
|
||||
it("should have shortcut global method preloadFixtures", function() {
|
||||
preloadFixtures(fixtureUrl, anotherFixtureUrl);
|
||||
jasmine.getFixtures().read(fixtureUrl, anotherFixtureUrl);
|
||||
expect($.ajax.callCount).toEqual(2);
|
||||
});
|
||||
});
|
||||
|
||||
describe("set", function() {
|
||||
var html = '<div>some HTML</div>';
|
||||
|
||||
it("should insert HTML into container", function() {
|
||||
jasmine.getFixtures().set(html);
|
||||
expect(fixturesContainer().html()).toEqual(jasmine.JQuery.browserTagCaseIndependentHtml(html));
|
||||
});
|
||||
|
||||
it("should insert jQuery element into container", function() {
|
||||
jasmine.getFixtures().set($(html));
|
||||
expect(fixturesContainer().html()).toEqual(jasmine.JQuery.browserTagCaseIndependentHtml(html));
|
||||
});
|
||||
|
||||
it("should have shortcut global method setFixtures", function() {
|
||||
setFixtures(html);
|
||||
expect(fixturesContainer().html()).toEqual(jasmine.JQuery.browserTagCaseIndependentHtml(html));
|
||||
});
|
||||
|
||||
describe("when fixture container does not exist", function() {
|
||||
it("should automatically create fixtures container and append it to DOM", function() {
|
||||
jasmine.getFixtures().set(html);
|
||||
expect(fixturesContainer().size()).toEqual(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe("when fixture container exists", function() {
|
||||
beforeEach(function() {
|
||||
appendFixturesContainerToDom();
|
||||
});
|
||||
|
||||
it("should replace it with new content", function() {
|
||||
jasmine.getFixtures().set(html);
|
||||
expect(fixturesContainer().html()).toEqual(jasmine.JQuery.browserTagCaseIndependentHtml(html));
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("sandbox", function() {
|
||||
describe("with no attributes parameter specified", function() {
|
||||
it("should create DIV with id #sandbox", function() {
|
||||
expect(jasmine.getFixtures().sandbox().html()).toEqual($('<div id="sandbox" />').html());
|
||||
});
|
||||
});
|
||||
|
||||
describe("with attributes parameter specified", function() {
|
||||
it("should create DIV with attributes", function() {
|
||||
var attributes = {
|
||||
attr1: 'attr1 value',
|
||||
attr2: 'attr2 value'
|
||||
};
|
||||
var element = $(jasmine.getFixtures().sandbox(attributes));
|
||||
|
||||
expect(element.attr('attr1')).toEqual(attributes.attr1);
|
||||
expect(element.attr('attr2')).toEqual(attributes.attr2);
|
||||
});
|
||||
|
||||
it("should be able to override id by setting it as attribute", function() {
|
||||
var idOverride = 'overridden';
|
||||
var element = $(jasmine.getFixtures().sandbox({id: idOverride}));
|
||||
expect(element.attr('id')).toEqual(idOverride);
|
||||
});
|
||||
});
|
||||
|
||||
it("should have shortcut global method sandbox", function() {
|
||||
var attributes = {
|
||||
id: 'overridden'
|
||||
};
|
||||
var element = $(sandbox(attributes));
|
||||
expect(element.attr('id')).toEqual(attributes.id);
|
||||
});
|
||||
});
|
||||
|
||||
describe("cleanUp", function() {
|
||||
it("should remove fixtures container from DOM", function() {
|
||||
appendFixturesContainerToDom();
|
||||
jasmine.getFixtures().cleanUp();
|
||||
expect(fixturesContainer().size()).toEqual(0);
|
||||
});
|
||||
});
|
||||
|
||||
// WARNING: this block requires its two tests to be invoked in order!
|
||||
// (Really ugly solution, but unavoidable in this specific case)
|
||||
describe("automatic DOM clean-up between tests", function() {
|
||||
// WARNING: this test must be invoked first (before 'SECOND TEST')!
|
||||
it("FIRST TEST: should pollute the DOM", function() {
|
||||
appendFixturesContainerToDom();
|
||||
});
|
||||
|
||||
// WARNING: this test must be invoked second (after 'FIRST TEST')!
|
||||
it("SECOND TEST: should see the DOM in a blank state", function() {
|
||||
expect(fixturesContainer().size()).toEqual(0);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("jasmine.Fixtures using real AJAX call", function() {
|
||||
var defaultFixturesPath;
|
||||
|
||||
beforeEach(function() {
|
||||
defaultFixturesPath = jasmine.getFixtures().fixturesPath;
|
||||
jasmine.getFixtures().fixturesPath = 'spec/fixtures';
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
jasmine.getFixtures().fixturesPath = defaultFixturesPath;
|
||||
});
|
||||
|
||||
describe("when fixture file exists", function() {
|
||||
var fixtureUrl = "real_non_mocked_fixture.html";
|
||||
|
||||
it("should load content of fixture file", function() {
|
||||
var fixtureContent = jasmine.getFixtures().read(fixtureUrl);
|
||||
expect(fixtureContent).toEqual('<div id="real_non_mocked_fixture"></div>');
|
||||
});
|
||||
});
|
||||
|
||||
describe("when fixture file does not exist", function() {
|
||||
var fixtureUrl = "not_existing_fixture";
|
||||
|
||||
it("should throw an exception", function() {
|
||||
expect(function() {
|
||||
jasmine.getFixtures().read(fixtureUrl);
|
||||
}).toThrow();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
describe("jQuery matchers", function() {
|
||||
describe("when jQuery matcher hides original Jasmine matcher", function() {
|
||||
describe("and tested item is jQuery object", function() {
|
||||
it("should invoke jQuery version of matcher", function() {
|
||||
expect($('<div />')).toBe('div');
|
||||
});
|
||||
});
|
||||
|
||||
describe("and tested item is not jQuery object", function() {
|
||||
it("should invoke original version of matcher", function() {
|
||||
expect(true).toBe(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("when jQuery matcher does not hide any original Jasmine matcher", function() {
|
||||
describe("and tested item in not jQuery object", function() {
|
||||
it("should pass negated", function() {
|
||||
expect({}).not.toHaveClass("some-class");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("when invoked multiple times on the same fixture", function() {
|
||||
it("should not reset fixture after first call", function() {
|
||||
setFixtures(sandbox());
|
||||
expect($('#sandbox')).toExist();
|
||||
expect($('#sandbox')).toExist();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveClass", function() {
|
||||
var className = "some-class";
|
||||
|
||||
it("should pass when class found", function() {
|
||||
setFixtures(sandbox({'class': className}));
|
||||
expect($('#sandbox')).toHaveClass(className);
|
||||
});
|
||||
|
||||
it("should pass negated when class not found", function() {
|
||||
setFixtures(sandbox());
|
||||
expect($('#sandbox')).not.toHaveClass(className);
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveAttr", function() {
|
||||
var attributeName = 'attr1';
|
||||
var attributeValue = 'attr1 value';
|
||||
var wrongAttributeName = 'wrongName';
|
||||
var wrongAttributeValue = 'wrong value';
|
||||
|
||||
beforeEach(function() {
|
||||
var attributes = {};
|
||||
attributes[attributeName] = attributeValue;
|
||||
setFixtures(sandbox(attributes));
|
||||
});
|
||||
|
||||
describe("when only attribute name is provided", function() {
|
||||
it("should pass if element has matching attribute", function() {
|
||||
expect($('#sandbox')).toHaveAttr(attributeName);
|
||||
});
|
||||
|
||||
it("should pass negated if element has no matching attribute", function() {
|
||||
expect($('#sandbox')).not.toHaveAttr(wrongAttributeName);
|
||||
});
|
||||
});
|
||||
|
||||
describe("when both attribute name and value are provided", function() {
|
||||
it("should pass if element has matching attribute with matching value", function() {
|
||||
expect($('#sandbox')).toHaveAttr(attributeName, attributeValue);
|
||||
});
|
||||
|
||||
it("should pass negated if element has matching attribute but with wrong value", function() {
|
||||
expect($('#sandbox')).not.toHaveAttr(attributeName, wrongAttributeValue);
|
||||
});
|
||||
|
||||
it("should pass negated if element has no matching attribute", function() {
|
||||
expect($('#sandbox')).not.toHaveAttr(wrongAttributeName, attributeValue);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveId", function() {
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox());
|
||||
});
|
||||
|
||||
it("should pass if id attribute matches expectation", function() {
|
||||
expect($('#sandbox')).toHaveId('sandbox');
|
||||
});
|
||||
|
||||
it("should pass negated if id attribute does not match expectation", function() {
|
||||
expect($('#sandbox')).not.toHaveId('wrongId');
|
||||
});
|
||||
|
||||
it("should pass negated if id attribute is not present", function() {
|
||||
expect($('<div />')).not.toHaveId('sandbox');
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveHtml", function() {
|
||||
var html = '<div>some text</div>';
|
||||
var wrongHtml = '<span>some text</span>';
|
||||
var element;
|
||||
|
||||
beforeEach(function() {
|
||||
element = $('<div/>').append(html);
|
||||
});
|
||||
|
||||
it("should pass when html matches", function() {
|
||||
expect(element).toHaveHtml(html);
|
||||
});
|
||||
|
||||
it("should pass negated when html does not match", function() {
|
||||
expect(element).not.toHaveHtml(wrongHtml);
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveText", function() {
|
||||
var text = 'some text';
|
||||
var wrongText = 'some other text';
|
||||
var element;
|
||||
|
||||
beforeEach(function() {
|
||||
element = $('<div/>').append(text);
|
||||
});
|
||||
|
||||
it("should pass when text matches", function() {
|
||||
expect(element).toHaveText(text);
|
||||
});
|
||||
|
||||
it("should pass negated when text does not match", function() {
|
||||
expect(element).not.toHaveText(wrongText);
|
||||
});
|
||||
|
||||
it('should pass when text matches a regex', function() {
|
||||
expect(element).toHaveText(/some/);
|
||||
});
|
||||
|
||||
it('should pass negated when text does not match a regex', function() {
|
||||
expect(element).not.toHaveText(/other/);
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveValue", function() {
|
||||
var value = 'some value';
|
||||
var differentValue = 'different value'
|
||||
|
||||
beforeEach(function() {
|
||||
setFixtures($('<input id="sandbox" type="text" />').val(value));
|
||||
});
|
||||
|
||||
it("should pass if value matches expectation", function() {
|
||||
expect($('#sandbox')).toHaveValue(value);
|
||||
});
|
||||
|
||||
it("should pass negated if value does not match expectation", function() {
|
||||
expect($('#sandbox')).not.toHaveValue(differentValue);
|
||||
});
|
||||
|
||||
it("should pass negated if value attribute is not present", function() {
|
||||
expect(sandbox()).not.toHaveValue(value);
|
||||
});
|
||||
});
|
||||
|
||||
describe("toHaveData", function() {
|
||||
var key = 'some key';
|
||||
var value = 'some value';
|
||||
var wrongKey = 'wrong key';
|
||||
var wrongValue = 'wrong value';
|
||||
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox().data(key, value));
|
||||
});
|
||||
|
||||
describe("when only key is provided", function() {
|
||||
it("should pass if element has matching data key", function() {
|
||||
expect($('#sandbox')).toHaveData(key);
|
||||
});
|
||||
|
||||
it("should pass negated if element has no matching data key", function() {
|
||||
expect($('#sandbox')).not.toHaveData(wrongKey);
|
||||
});
|
||||
});
|
||||
|
||||
describe("when both key and value are provided", function() {
|
||||
it("should pass if element has matching key with matching value", function() {
|
||||
expect($('#sandbox')).toHaveData(key, value);
|
||||
});
|
||||
|
||||
it("should pass negated if element has matching key but with wrong value", function() {
|
||||
expect($('#sandbox')).not.toHaveData(key, wrongValue);
|
||||
});
|
||||
|
||||
it("should pass negated if element has no matching key", function() {
|
||||
expect($('#sandbox')).not.toHaveData(wrongKey, value);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBeVisible", function() {
|
||||
it("should pass on visible element", function() {
|
||||
setFixtures(sandbox());
|
||||
expect($('#sandbox')).toBeVisible();
|
||||
});
|
||||
|
||||
it("should pass negated on hidden element", function() {
|
||||
setFixtures(sandbox().hide());
|
||||
expect($('#sandbox')).not.toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBeHidden", function() {
|
||||
it("should pass on hidden element", function() {
|
||||
setFixtures(sandbox().hide());
|
||||
expect($('#sandbox')).toBeHidden();
|
||||
});
|
||||
|
||||
it("should pass negated on visible element", function() {
|
||||
setFixtures(sandbox());
|
||||
expect($('#sandbox')).not.toBeHidden();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBeSelected", function() {
|
||||
beforeEach(function() {
|
||||
setFixtures('\
|
||||
<select>\n\
|
||||
<option id="not-selected"></option>\n\
|
||||
<option id="selected" selected="selected"></option>\n\
|
||||
</select>');
|
||||
});
|
||||
|
||||
it("should pass on selected element", function() {
|
||||
expect($('#selected')).toBeSelected();
|
||||
});
|
||||
|
||||
it("should pass negated on not selected element", function() {
|
||||
expect($('#not-selected')).not.toBeSelected();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBeChecked", function() {
|
||||
beforeEach(function() {
|
||||
setFixtures('\
|
||||
<input type="checkbox" id="checked" checked="checked" />\n\
|
||||
<input type="checkbox" id="not-checked" />');
|
||||
});
|
||||
|
||||
it("should pass on checked element", function() {
|
||||
expect($('#checked')).toBeChecked();
|
||||
});
|
||||
|
||||
it("should pass negated on not checked element", function() {
|
||||
expect($('#not-checked')).not.toBeChecked();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBeEmpty", function() {
|
||||
it("should pass on empty element", function() {
|
||||
setFixtures(sandbox());
|
||||
expect($('#sandbox')).toBeEmpty();
|
||||
});
|
||||
|
||||
it("should pass negated on element with a tag inside", function() {
|
||||
setFixtures(sandbox().html($('<span />')));
|
||||
expect($('#sandbox')).not.toBeEmpty();
|
||||
});
|
||||
|
||||
it("should pass negated on element with text inside", function() {
|
||||
setFixtures(sandbox().text('some text'));
|
||||
expect($('#sandbox')).not.toBeEmpty();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toExist", function() {
|
||||
it("should pass on visible element", function() {
|
||||
setFixtures(sandbox());
|
||||
expect($('#sandbox')).toExist();
|
||||
});
|
||||
|
||||
it("should pass on hidden element", function() {
|
||||
setFixtures(sandbox().hide());
|
||||
expect($('#sandbox')).toExist();
|
||||
});
|
||||
|
||||
it("should pass negated if element is not present in DOM", function() {
|
||||
expect($('#non-existent-element')).not.toExist();
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBe", function() {
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox());
|
||||
});
|
||||
|
||||
it("should pass if object matches selector", function() {
|
||||
expect($('#sandbox')).toBe('#sandbox');
|
||||
});
|
||||
|
||||
it("should pass negated if object does not match selector", function() {
|
||||
expect($('#sandbox')).not.toBe('#wrong-id');
|
||||
});
|
||||
});
|
||||
|
||||
describe("toContain", function() {
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox().html('<span />'));
|
||||
});
|
||||
|
||||
it("should pass if object contains selector", function() {
|
||||
expect($('#sandbox')).toContain('span');
|
||||
});
|
||||
|
||||
it("should pass negated if object does not contain selector", function() {
|
||||
expect($('#sandbox')).not.toContain('div');
|
||||
});
|
||||
});
|
||||
|
||||
describe("toBeDisabled", function() {
|
||||
beforeEach(function() {
|
||||
setFixtures('\
|
||||
<input type="text" disabled="disabled" id="disabled"/>\n\
|
||||
<input type="text" id="enabled"/>');
|
||||
});
|
||||
|
||||
it("should pass on disabled element", function() {
|
||||
expect($('#disabled')).toBeDisabled();
|
||||
});
|
||||
|
||||
it("should pass negated on not selected element", function() {
|
||||
expect($('#enabled')).not.toBeDisabled();
|
||||
});
|
||||
});
|
||||
|
||||
describe('toHaveBeenTriggeredOn', function() {
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox().html('<a id="clickme">Click Me</a> <a id="otherlink">Other Link</a>'));
|
||||
spyOnEvent($('#clickme'), 'click');
|
||||
});
|
||||
|
||||
it('should pass if the event was triggered on the object', function() {
|
||||
$('#clickme').click();
|
||||
expect('click').toHaveBeenTriggeredOn($('#clickme'));
|
||||
});
|
||||
|
||||
it('should pass negated if the event was never triggered', function() {
|
||||
expect('click').not.toHaveBeenTriggeredOn($('#clickme'));
|
||||
});
|
||||
|
||||
it('should pass negated if the event was triggered on another non-descendant object', function() {
|
||||
$('#otherlink').click();
|
||||
expect('click').not.toHaveBeenTriggeredOn($('#clickme'));
|
||||
});
|
||||
});
|
||||
|
||||
describe('toHandle', function() {
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox().html('<a id="clickme">Click Me</a> <a id="otherlink">Other Link</a>'));
|
||||
});
|
||||
|
||||
it('should pass if the event is bound', function() {
|
||||
var handler = function(){ }; // noop
|
||||
$('#clickme').bind("click", handler);
|
||||
expect($('#clickme')).toHandle("click");
|
||||
});
|
||||
|
||||
it('should pass if the event is not bound', function() {
|
||||
expect($('#clickme')).not.toHandle("click");
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
describe('toHandleWith', function() {
|
||||
beforeEach(function() {
|
||||
setFixtures(sandbox().html('<a id="clickme">Click Me</a> <a id="otherlink">Other Link</a>'));
|
||||
});
|
||||
|
||||
it('should pass if the event is bound with the given handler', function() {
|
||||
var handler = function(){ }; // noop
|
||||
$('#clickme').bind("click", handler);
|
||||
expect($('#clickme')).toHandleWith("click", handler);
|
||||
});
|
||||
|
||||
it('should pass if the event is not bound with the given handler', function() {
|
||||
var handler = function(){ };
|
||||
$('#clickme').bind("click", handler);
|
||||
|
||||
var aDifferentHandler = function(){ };
|
||||
expect($('#clickme')).not.toHandleWith("click", aDifferentHandler);
|
||||
});
|
||||
|
||||
it('should pass if the event is not bound at all', function() {
|
||||
expect($('#clickme')).not.toHandle("click");
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
@ -1,681 +0,0 @@
|
||||
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);
|
||||
setExceptionHandling();
|
||||
|
||||
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 = jasmine.HtmlReporter.parameters(doc);
|
||||
|
||||
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'},
|
||||
self.createDom('span', { className: 'exceptions' },
|
||||
self.createDom('label', { className: 'label', 'for': 'no_try_catch' }, 'No try/catch'),
|
||||
self.createDom('input', { id: 'no_try_catch', type: 'checkbox' }))),
|
||||
dom.results = self.createDom('div', {className: 'results'},
|
||||
dom.summary = self.createDom('div', { className: 'summary' }),
|
||||
dom.details = self.createDom('div', { id: 'details' }))
|
||||
);
|
||||
}
|
||||
|
||||
function noTryCatch() {
|
||||
return window.location.search.match(/catch=false/);
|
||||
}
|
||||
|
||||
function searchWithCatch() {
|
||||
var params = jasmine.HtmlReporter.parameters(window.document);
|
||||
var removed = false;
|
||||
var i = 0;
|
||||
|
||||
while (!removed && i < params.length) {
|
||||
if (params[i].match(/catch=/)) {
|
||||
params.splice(i, 1);
|
||||
removed = true;
|
||||
}
|
||||
i++;
|
||||
}
|
||||
if (jasmine.CATCH_EXCEPTIONS) {
|
||||
params.push("catch=false");
|
||||
}
|
||||
|
||||
return params.join("&");
|
||||
}
|
||||
|
||||
function setExceptionHandling() {
|
||||
var chxCatch = document.getElementById('no_try_catch');
|
||||
|
||||
if (noTryCatch()) {
|
||||
chxCatch.setAttribute('checked', true);
|
||||
jasmine.CATCH_EXCEPTIONS = false;
|
||||
}
|
||||
chxCatch.onclick = function() {
|
||||
window.location.search = searchWithCatch();
|
||||
};
|
||||
}
|
||||
};
|
||||
jasmine.HtmlReporter.parameters = function(doc) {
|
||||
var paramStr = doc.location.search.substring(1);
|
||||
var params = [];
|
||||
|
||||
if (paramStr.length > 0) {
|
||||
params = paramStr.split('&');
|
||||
}
|
||||
return params;
|
||||
}
|
||||
jasmine.HtmlReporter.sectionLink = function(sectionName) {
|
||||
var link = '?';
|
||||
var params = [];
|
||||
|
||||
if (sectionName) {
|
||||
params.push('spec=' + encodeURIComponent(sectionName));
|
||||
}
|
||||
if (!jasmine.CATCH_EXCEPTIONS) {
|
||||
params.push("catch=false");
|
||||
}
|
||||
if (params.length > 0) {
|
||||
link += params.join("&");
|
||||
}
|
||||
|
||||
return link;
|
||||
};
|
||||
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: jasmine.HtmlReporter.sectionLink(), 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: jasmine.HtmlReporter.sectionLink(), 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: jasmine.HtmlReporter.sectionLink(), 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: jasmine.HtmlReporter.sectionLink(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: jasmine.HtmlReporter.sectionLink(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;
|
||||
};
|
@ -1,82 +0,0 @@
|
||||
body { background-color: #eeeeee; padding: 0; margin: 5px; overflow-y: scroll; }
|
||||
|
||||
#HTMLReporter { font-size: 11px; font-family: Monaco, "Lucida Console", monospace; line-height: 14px; color: #333333; }
|
||||
#HTMLReporter a { text-decoration: none; }
|
||||
#HTMLReporter a:hover { text-decoration: underline; }
|
||||
#HTMLReporter p, #HTMLReporter h1, #HTMLReporter h2, #HTMLReporter h3, #HTMLReporter h4, #HTMLReporter h5, #HTMLReporter h6 { margin: 0; line-height: 14px; }
|
||||
#HTMLReporter .banner, #HTMLReporter .symbolSummary, #HTMLReporter .summary, #HTMLReporter .resultMessage, #HTMLReporter .specDetail .description, #HTMLReporter .alert .bar, #HTMLReporter .stackTrace { padding-left: 9px; padding-right: 9px; }
|
||||
#HTMLReporter #jasmine_content { position: fixed; right: 100%; }
|
||||
#HTMLReporter .version { color: #aaaaaa; }
|
||||
#HTMLReporter .banner { margin-top: 14px; }
|
||||
#HTMLReporter .duration { color: #aaaaaa; float: right; }
|
||||
#HTMLReporter .symbolSummary { overflow: hidden; *zoom: 1; margin: 14px 0; }
|
||||
#HTMLReporter .symbolSummary li { display: block; float: left; height: 7px; width: 14px; margin-bottom: 7px; font-size: 16px; }
|
||||
#HTMLReporter .symbolSummary li.passed { font-size: 14px; }
|
||||
#HTMLReporter .symbolSummary li.passed:before { color: #5e7d00; content: "\02022"; }
|
||||
#HTMLReporter .symbolSummary li.failed { line-height: 9px; }
|
||||
#HTMLReporter .symbolSummary li.failed:before { color: #b03911; content: "x"; font-weight: bold; margin-left: -1px; }
|
||||
#HTMLReporter .symbolSummary li.skipped { font-size: 14px; }
|
||||
#HTMLReporter .symbolSummary li.skipped:before { color: #bababa; content: "\02022"; }
|
||||
#HTMLReporter .symbolSummary li.pending { line-height: 11px; }
|
||||
#HTMLReporter .symbolSummary li.pending:before { color: #aaaaaa; content: "-"; }
|
||||
#HTMLReporter .exceptions { color: #fff; float: right; margin-top: 5px; margin-right: 5px; }
|
||||
#HTMLReporter .bar { line-height: 28px; font-size: 14px; display: block; color: #eee; }
|
||||
#HTMLReporter .runningAlert { background-color: #666666; }
|
||||
#HTMLReporter .skippedAlert { background-color: #aaaaaa; }
|
||||
#HTMLReporter .skippedAlert:first-child { background-color: #333333; }
|
||||
#HTMLReporter .skippedAlert:hover { text-decoration: none; color: white; text-decoration: underline; }
|
||||
#HTMLReporter .passingAlert { background-color: #a6b779; }
|
||||
#HTMLReporter .passingAlert:first-child { background-color: #5e7d00; }
|
||||
#HTMLReporter .failingAlert { background-color: #cf867e; }
|
||||
#HTMLReporter .failingAlert:first-child { background-color: #b03911; }
|
||||
#HTMLReporter .results { margin-top: 14px; }
|
||||
#HTMLReporter #details { display: none; }
|
||||
#HTMLReporter .resultsMenu, #HTMLReporter .resultsMenu a { background-color: #fff; color: #333333; }
|
||||
#HTMLReporter.showDetails .summaryMenuItem { font-weight: normal; text-decoration: inherit; }
|
||||
#HTMLReporter.showDetails .summaryMenuItem:hover { text-decoration: underline; }
|
||||
#HTMLReporter.showDetails .detailsMenuItem { font-weight: bold; text-decoration: underline; }
|
||||
#HTMLReporter.showDetails .summary { display: none; }
|
||||
#HTMLReporter.showDetails #details { display: block; }
|
||||
#HTMLReporter .summaryMenuItem { font-weight: bold; text-decoration: underline; }
|
||||
#HTMLReporter .summary { margin-top: 14px; }
|
||||
#HTMLReporter .summary .suite .suite, #HTMLReporter .summary .specSummary { margin-left: 14px; }
|
||||
#HTMLReporter .summary .specSummary.passed a { color: #5e7d00; }
|
||||
#HTMLReporter .summary .specSummary.failed a { color: #b03911; }
|
||||
#HTMLReporter .description + .suite { margin-top: 0; }
|
||||
#HTMLReporter .suite { margin-top: 14px; }
|
||||
#HTMLReporter .suite a { color: #333333; }
|
||||
#HTMLReporter #details .specDetail { margin-bottom: 28px; }
|
||||
#HTMLReporter #details .specDetail .description { display: block; color: white; background-color: #b03911; }
|
||||
#HTMLReporter .resultMessage { padding-top: 14px; color: #333333; }
|
||||
#HTMLReporter .resultMessage span.result { display: block; }
|
||||
#HTMLReporter .stackTrace { margin: 5px 0 0 0; max-height: 224px; overflow: auto; line-height: 18px; color: #666666; border: 1px solid #ddd; background: white; white-space: pre; }
|
||||
|
||||
#TrivialReporter { padding: 8px 13px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: scroll; background-color: white; font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif; /*.resultMessage {*/ /*white-space: pre;*/ /*}*/ }
|
||||
#TrivialReporter a:visited, #TrivialReporter a { color: #303; }
|
||||
#TrivialReporter a:hover, #TrivialReporter a:active { color: blue; }
|
||||
#TrivialReporter .run_spec { float: right; padding-right: 5px; font-size: .8em; text-decoration: none; }
|
||||
#TrivialReporter .banner { color: #303; background-color: #fef; padding: 5px; }
|
||||
#TrivialReporter .logo { float: left; font-size: 1.1em; padding-left: 5px; }
|
||||
#TrivialReporter .logo .version { font-size: .6em; padding-left: 1em; }
|
||||
#TrivialReporter .runner.running { background-color: yellow; }
|
||||
#TrivialReporter .options { text-align: right; font-size: .8em; }
|
||||
#TrivialReporter .suite { border: 1px outset gray; margin: 5px 0; padding-left: 1em; }
|
||||
#TrivialReporter .suite .suite { margin: 5px; }
|
||||
#TrivialReporter .suite.passed { background-color: #dfd; }
|
||||
#TrivialReporter .suite.failed { background-color: #fdd; }
|
||||
#TrivialReporter .spec { margin: 5px; padding-left: 1em; clear: both; }
|
||||
#TrivialReporter .spec.failed, #TrivialReporter .spec.passed, #TrivialReporter .spec.skipped { padding-bottom: 5px; border: 1px solid gray; }
|
||||
#TrivialReporter .spec.failed { background-color: #fbb; border-color: red; }
|
||||
#TrivialReporter .spec.passed { background-color: #bfb; border-color: green; }
|
||||
#TrivialReporter .spec.skipped { background-color: #bbb; }
|
||||
#TrivialReporter .messages { border-left: 1px dashed gray; padding-left: 1em; padding-right: 1em; }
|
||||
#TrivialReporter .passed { background-color: #cfc; display: none; }
|
||||
#TrivialReporter .failed { background-color: #fbb; }
|
||||
#TrivialReporter .skipped { color: #777; background-color: #eee; display: none; }
|
||||
#TrivialReporter .resultMessage span.result { display: block; line-height: 2em; color: black; }
|
||||
#TrivialReporter .resultMessage .mismatch { color: black; }
|
||||
#TrivialReporter .stackTrace { white-space: pre; font-size: .8em; margin-left: 10px; max-height: 5em; overflow: auto; border: 1px inset red; padding: 1em; background: #eef; }
|
||||
#TrivialReporter .finished-at { padding-left: 1em; font-size: .6em; }
|
||||
#TrivialReporter.show-passed .passed, #TrivialReporter.show-skipped .skipped { display: block; }
|
||||
#TrivialReporter #jasmine_content { position: fixed; right: 100%; }
|
||||
#TrivialReporter .runner { border: 1px solid gray; display: block; margin: 5px 0; padding: 2px 0 2px 10px; }
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue