我正在使用 Jasmine 进行一些测试,尽管这通常可以应用于基于浏览器的 javascript 单元测试。
我有一个功能,在某些情况下使用window.location.assign
. 问题是,如果到达这一行,页面就会被重定向。在这种情况下,由于它被重定向到'/'
,页面重新加载,并且所有测试再次运行。我能做些什么来测试函数到达它重定向的行而不重定向?
我正在使用 Jasmine 进行一些测试,尽管这通常可以应用于基于浏览器的 javascript 单元测试。
我有一个功能,在某些情况下使用window.location.assign
. 问题是,如果到达这一行,页面就会被重定向。在这种情况下,由于它被重定向到'/'
,页面重新加载,并且所有测试再次运行。我能做些什么来测试函数到达它重定向的行而不重定向?
我也遇到过同样的问题。我的解决方案是将实际重定向分解为单一用途的功能。也就是说,不做任何条件检查或其他逻辑,只是重定向。说这是旧代码...
function redirect() {
if(something) {
window.location = "/";
else if(somethingElse)
window.location = "/?a=42";
else
window.location = "/derp";
}
我会把它改成..
function redirect() {
if(something) {
doRedirect("/");
else if(somethingElse)
doRedirect("/?a=42");
else
doRedirect("/derp");
}
function doRedirect(href) {
window.location = href;
}
然后,您可以spyOn
使用该doRedirect
函数确保重定向函数为条件传递正确的 URI。
这里的困难在于您的代码依赖于全局变量 ,window
因此您无法在测试中轻松替换该依赖项。这是我在类似情况下所做的基本想法。编写您的代码,以便window
只能间接访问,除非在初始化期间它被保存到本地/实例变量中。
var unit = {
initialize: function () {
this.window = window;
},
codeThatRedirects: function (newUrl) {
this.window.location.href = newUrl;
}
};
现在你可以unit.window
用别的东西代替,也许是这样的:
unit.initialize();
unit.window = {
location: {
href: "dummy"
}
};
unit.codeThatRedirects('http://new.url.com');
assert(unit.window.location.href === "http://new.url.com");
这是一个完整的示例,用于测试使用@Morgan 提到的方法单击购买按钮将用户重定向到外部 URL。
# navigation.coffee
exports.goToExternalUrl = (url) ->
window.location = url
# myView.coffee
Navigation = require("lib/navigation")
exports.MyView = Backbone.View.extend
events:
"click .purchase":"purchase"
purchase: ->
Navigation.goToExternalUrl("http://amazon.com/someproduct")
# my_view_spec.coffee
Navigation = require("lib/navigation")
MyView = require("myView").MyView
describe("MyView"), ->
it "can be purchased", ->
# this line prevents the location.href from actually being set
spyOn(Navigation,'goToExternalUrl').andCallFake (->)
$el.find('.purchase').trigger('click')
expect(Navigation.goToExternalUrl).toHaveBeenCalled()
您可能会考虑使用 GreaseMonkey 来更新 javascript,但这仍然有些干扰......