Question

我正在尝试测试一个调用window.location.search的简单函数。我正在尝试了解如何存根此调用，以便我可以返回我选择的网址。

功能：

getParameterByName: (name) =>    
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]")
  regexS = "[\\?&]" + name + "=([^&#]*)"
  regex = new RegExp(regexS)    
  results = regex.exec(window.location.search) //Stub call to window.location.search
  if(results == null)
    return ""
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "))

测试用例：

describe "Data tests", () ->
  it "Should parse parameter from url", () ->        
    data = new Data()

    console.log("search string: " + window.location.search) //prints "search string:"
    window.location.search = "myUrl"
    console.log("search string: " + window.location.search) //prints "search string:"
    console.log(data.getParameterByName('varName'))

    expect(true).toBe(true)

我最初的尝试是直接返回一个值：

sinon.stub(window.location.search).returns("myUrl")

当然，这不起作用。我认为我没有正确指定存根，但它显示了我的意图。

如何解决这个问题的任何想法都将非常感激。

Answer 1

所以，如前所述，你不能直接模拟window.location。 mylib.search包装器的想法也不适用于我的情况。所以，我所做的就是将我对window.location.search的调用分解为自己的函数。我的新课程看起来像这样：

getParameterByName: (name) =>
  console.log("name: #{name}")
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]")
  regexS = "[\\?&]" + name + "=([^&#]*)"
  regex = new RegExp(regexS)
  results = regex.exec(@getWindowLocationSearch())
  if(results == null)
    return ""
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "))

getWindowLocationSearch:() =>
  window.location.search

然后在我的测试用例中，我用我的测试代码替换了函数，如下所示：

describe "Data tests", () ->
  it "Should parse parameter from localhost url", () ->
    goodUrl = "http://localhost:3333/?token=val1"

    Data::getWindowLocationSearch = () -> return goodUrl
    unit = new Data()
    result = unit.getParameterByName("token")

    expect(result).toBe("val1")

对于那些没有阅读Coffeescript的人，下面列出了等效的javascript代码：

it("Should parse parameter from localhost url", function() {
  var goodUrl, result, unit;
  goodUrl = "http://localhost:3333/?token=val1";
  Data.prototype.getWindowLocationSearch = function() {
    return goodUrl;
  };
  unit = new Data();
  result = unit.getParameterByName("token");
  expect(result).toBe("val1");
  return expect(true).toBe(true);
});

这是我通常使用Javascript的经验。工作解决方案并不像到达那里那样痛苦。非常感谢您的意见和贡献。

Answer 2

更新：window.location似乎是一个特例，请参阅此讨论：https://groups.google.com/forum/?fromgroups#!topic/sinonjs/MMYrwKIZNUU%5B1-25%5D

解决此问题的最简单方法是在window.location周围编写一个包装器函数，并使用存根：

mylib.search = function (url) {
  window.location.search = url;
};

在你的测试中：

sinon.stub(mylib, 'search').returns("myUrl")

原始回答：

试试这个：

sinon.stub(window.location, 'search').returns("myUrl")

window.location.search的sinon存根

2 个答案: