自定义函数的 JavaScript 单元测试

Question

function testRef() {
  if(document.referrer) {
     return /isgoogle/.test(document.referrer)
  }
  return false;
}

让我们假设一个如上的函数。为这样的函数编写单元测试的好方法是什么[因为我们无法覆盖 document.referrer]。是否有其他好的方法来测试此类场景，例如在 javascript 中的 iframe、引荐来源网址、位置等中？我目前正在使用 qunit，这非常好。但未能在框架中针对此类场景找到出路。

Answer 1

最简单的方法是将算法与依赖项分开:

function testRefImpl(doc) {
  if(doc.referrer) {
     return /isgoogle/.test(doc.referrer)
  }
  return false;
}

// unit test
assertFalse(testRefImpl({referer: "abc"}))
assertTrue(testRefImpl({referer: "isgoogle"}))

// dependency declaration module
// so primitive, that there is no point to unit test it.
function testRef() {
  return testRefImpl(document)
}