293 lines
7.4 KiB
JavaScript
293 lines
7.4 KiB
JavaScript
|
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('<div id="sandbox" />').attr(attributesToSet);
|
||
|
};
|
||
|
|
||
|
jasmine.Fixtures.prototype.createContainer_ = function(html) {
|
||
|
var container;
|
||
|
if(html instanceof Zepto) {
|
||
|
container = Zepto('<div id="' + this.containerId + '" />');
|
||
|
container.html(html);
|
||
|
} else {
|
||
|
container = '<div id="' + this.containerId + '">' + html + '</div>'
|
||
|
}
|
||
|
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('<div/>').append(html).html();
|
||
|
};
|
||
|
|
||
|
jasmine.Zepto.elementToString = function(element) {
|
||
|
return Zepto('<div />').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();
|
||
|
});
|