javascript - 如何用 jasmine 监视 localStorage 方法

Question

假设我有一段 JavaScript 代码:

function modifiesLocalStorage() {
  var someBoolean = false;
  if(localStorage.getItem('someKey') === 'true'){
    localStorage.removeItem('someKey');
    someBoolean = true;
  }
  return someBoolean;
}

然后我有一个 Jasmine 测试来测试这个方法:

it('should return true', function(){
  spyOn(localStorage, 'removeItem');
  spyOn(localStorage, 'getItem').and.returnValue('true');
  var returnValue = modifiesLocalStorage();
  expect(localStorage.getItem).toHaveBeenCalled(); //Error in this line
  expect(returnValue).toBeTruthy();
});

执行此测试时出现以下错误: Error: <toHaveBeenCalled> : Expected a spy, but got Function.这是什么错误，我该如何解决？

我在 headless 模式下使用 Firefox 45.9.0 浏览器来运行测试。

Answer 1

根据这个问题的答案: Expected a spy, but got Function我们需要进入实际的方法，在本例中是在 proto 上。

如果我像下面这样修改我的测试，测试就会通过:

it('should return true', function(){
  spyOn(localStorage.__proto__, 'removeItem');
  spyOn(localStorage.__proto__, 'getItem').and.returnValue('true');
  var returnValue = modifiesLocalStorage();
  expect(localStorage.__proto__.getItem).toHaveBeenCalled(); 
  expect(returnValue).toBeTruthy();
});

由于 __proto__ 已弃用，我们还可以使用 Object.getPrototypeOf(localStorage) 获取 localStorage 对象的原型(prototype)