var readFixtures = function() { return jasmine.getFixtures().proxyCallTo_('read', arguments); }; var preloadFixtures = function() { jasmine.getFixtures().proxyCallTo_('preload', arguments); }; var loadFixtures = function() { jasmine.getFixtures().proxyCallTo_('load', arguments); }; var setFixtures = function(html) { jasmine.getFixtures().set(html); }; var sandbox = function(attributes) { return jasmine.getFixtures().sandbox(attributes); }; var spyOnEvent = function(selector, eventName) { jasmine.Zepto.events.spyOn(selector, eventName); } jasmine.getFixtures = function() { return jasmine.currentFixtures_ = jasmine.currentFixtures_ || new jasmine.Fixtures(); }; jasmine.Fixtures = function() { this.containerId = 'jasmine-fixtures'; this.fixturesCache_ = {}; this.fixturesPath = 'spec/javascripts/fixtures'; }; jasmine.Fixtures.prototype.set = function(html) { this.cleanUp(); this.createContainer_(html); }; jasmine.Fixtures.prototype.preload = function() { this.read.apply(this, arguments); }; jasmine.Fixtures.prototype.load = function() { this.cleanUp(); this.createContainer_(this.read.apply(this, arguments)); }; jasmine.Fixtures.prototype.read = function() { var htmlChunks = []; var fixtureUrls = arguments; for(var urlCount = fixtureUrls.length, urlIndex = 0; urlIndex < urlCount; urlIndex++) { htmlChunks.push(this.getFixtureHtml_(fixtureUrls[urlIndex])); } return htmlChunks.join(''); }; jasmine.Fixtures.prototype.clearCache = function() { this.fixturesCache_ = {}; }; jasmine.Fixtures.prototype.cleanUp = function() { Zepto('#' + this.containerId).remove(); }; jasmine.Fixtures.prototype.sandbox = function(attributes) { var attributesToSet = attributes || {}; return Zepto('
').attr(attributesToSet); }; jasmine.Fixtures.prototype.createContainer_ = function(html) { var container; if(html instanceof Zepto) { container = Zepto('
'); container.html(html); } else { container = '
' + html + '
' } Zepto('body').append(container); }; jasmine.Fixtures.prototype.getFixtureHtml_ = function(url) { if (typeof this.fixturesCache_[url] == 'undefined') { this.loadFixtureIntoCache_(url); } return this.fixturesCache_[url]; }; jasmine.Fixtures.prototype.loadFixtureIntoCache_ = function(relativeUrl) { var self = this; var url = this.fixturesPath.match('/$') ? this.fixturesPath + relativeUrl : this.fixturesPath + '/' + relativeUrl; Zepto.ajax({ async: false, // must be synchronous to guarantee that no tests are run before fixture is loaded cache: false, dataType: 'html', url: url, success: function(data) { self.fixturesCache_[relativeUrl] = data; }, error: function(jqXHR, status, errorThrown) { throw Error('Fixture could not be loaded: ' + url + ' (status: ' + status + ', message: ' + errorThrown.message + ')'); } }); }; jasmine.Fixtures.prototype.proxyCallTo_ = function(methodName, passedArguments) { return this[methodName].apply(this, passedArguments); }; jasmine.Zepto = function() {}; jasmine.Zepto.browserTagCaseIndependentHtml = function(html) { return Zepto('
').append(html).html(); }; jasmine.Zepto.elementToString = function(element) { return Zepto('
').append(element.clone()).html(); }; jasmine.Zepto.matchersClass = {}; (function(namespace) { var data = { spiedEvents: {}, handlers: [] }; namespace.events = { spyOn: function(selector, eventName) { var handler = function(e) { data.spiedEvents[[selector, eventName]] = e; }; Zepto(selector).bind(eventName, handler); data.handlers.push(handler); }, wasTriggered: function(selector, eventName) { return !!(data.spiedEvents[[selector, eventName]]); }, cleanUp: function() { data.spiedEvents = {}; data.handlers = []; } } })(jasmine.Zepto); (function(){ var ZeptoMatchers = { toHaveClass: function(className) { return this.actual.hasClass(className); }, toBeVisible: function() { return this.actual.is(':visible'); }, toBeHidden: function() { return this.actual.is(':hidden'); }, toBeSelected: function() { return this.actual.is(':selected'); }, toBeChecked: function() { return this.actual.is(':checked'); }, toBeEmpty: function() { return this.actual.is(':empty'); }, toExist: function() { return this.actual.size() > 0; }, toHaveAttr: function(attributeName, expectedAttributeValue) { return hasProperty(this.actual.attr(attributeName), expectedAttributeValue); }, toHaveId: function(id) { return this.actual.attr('id') == id; }, toHaveHtml: function(html) { return this.actual.html() == jasmine.Zepto.browserTagCaseIndependentHtml(html); }, toHaveText: function(text) { if (text && Zepto.isFunction(text.test)) { return text.test(this.actual.text()); } else { return this.actual.text() == text; } }, toHaveValue: function(value) { return this.actual.val() == value; }, toHaveData: function(key, expectedValue) { return hasProperty(this.actual.data(key), expectedValue); }, toBe: function(selector) { return this.actual.is(selector); }, toContain: function(selector) { return this.actual.find(selector).size() > 0; }, toBeDisabled: function(selector){ return this.actual.is(':disabled'); }, // tests the existence of a specific event binding toHandle: function(eventName) { var events = this.actual.data("events"); return events && events[eventName].length > 0; }, // tests the existence of a specific event binding + handler toHandleWith: function(eventName, eventHandler) { var stack = this.actual.data("events")[eventName]; var i; for (i = 0; i < stack.length; i++) { if (stack[i].handler == eventHandler) { return true; } } return false; } }; var hasProperty = function(actualValue, expectedValue) { if (expectedValue === undefined) { return actualValue !== undefined; } return actualValue == expectedValue; }; var bindMatcher = function(methodName) { var builtInMatcher = jasmine.Matchers.prototype[methodName]; jasmine.Zepto.matchersClass[methodName] = function() { if (this.actual && this.actual.isZepto) { var result = ZeptoMatchers[methodName].apply(this, arguments); this.actual = jasmine.Zepto.elementToString(this.actual); return result; } if (builtInMatcher) { return builtInMatcher.apply(this, arguments); } return false; }; }; for(var methodName in ZeptoMatchers) { bindMatcher(methodName); } })(); $(function() { $.fn.isZepto = true; }); beforeEach(function() { this.addMatchers(jasmine.Zepto.matchersClass); this.addMatchers({ toHaveBeenTriggeredOn: function(selector) { this.message = function() { return [ "Expected event " + this.actual + " to have been triggered on" + selector, "Expected event " + this.actual + " not to have been triggered on" + selector ]; }; return jasmine.Zepto.events.wasTriggered(selector, this.actual); } }) }); afterEach(function() { jasmine.getFixtures().cleanUp(); jasmine.Zepto.events.cleanUp(); });