在测试复制实际对象时注入全局变量，需要同一个实例。

Question

我正在使用mocha、chai和sinon运行一个测试，主要目的是模拟localStorage并将其作为全局变量注入，以便稍后我可以将其称为localStorage。主要问题是我使用webpack和babel一起使用节点策略进行测试(为了更快的测试和开发)，所以我使用重写来覆盖全局。

这是我的密码：

import assert from 'assert';
import rewire from 'rewire';
import sinon from 'sinon';
import {expect} from 'chai';
import todos from './mocks/todos';
import LocalStorage from './mocks/localStorage.js';
let Todo = rewire('../src/store/todo');


let todo,
    localStorage,
    localStorageMock,
    task = { id: 5, title: 'new task', completed: false };

describe('Todo Model', () => {

  beforeEach(function() {
    localStorage     = new LocalStorage();
    localStorageMock = sinon.mock(localStorage);
    Todo.__set__('globals.localStorage', localStorage);
    todo             = new Todo();
  });

  describe('add todo', () => {
    it('save the todo to localStorage',()  =>{
      localStorageMock.expects('setItem').once();
      todo.create(task);
      localStorageMock.verify();
      expect(localStorage.data['todos']).to.be.a('string');
    });

  });
});

编辑

这是待办事项模块

import _ from 'ramda';
import {Maybe} from 'ramda-fantasy';

let log = (x, y) => console.log(x, y);

// getItem :: storage, item -> string
let getItem = _.curry((storage, x) => storage.getItem(x));

// parse :: string -> json
let parse = (x) => x ? JSON.parse(x): null;

// stringify :: json -> string
let stringify = (x) => JSON.stringify(x);

// setItem :: storage, string, jsonStringified
let setItem = _.curry((storage, x, y) => storage.setItem(x, y));

export default class todo {

  constructor(){
    this.name = 'name';
    this.storage = localStorage;
    this.storage.getItem('todos') ? '' : this.storage.setItem('todos', '');
  }

  create(todo) {
    this.new = _.compose(_.map(_.compose(setItem(this.storage, 'todos'), stringify, _.append(todo), parse)), Maybe, getItem(this.storage));
    this.new('todos');
  }

}

测试失败，因为setItem从未被调用，但是在代码中被调用。如果您返回localStorage的实例并将其与模拟的localStorageMock === returnedLocalStorage进行比较，则为false。

这是因为重新连接复制每个方法，分别创建一个新对象。

当我更改beforeEach块时：

Todo.__set__('globals.localStorage', localStorage);

至

Todo.__set__('localStorage', localStorage);

它抛出一个referenceError：

1) Todo Model "before each" hook for "have a create method":
     ReferenceError: localStorage is not defined
      at Function.eval (eval at __set__ (src/store/todo.js:18:26), <anonymous>:1:14)
      at Function.__set__ (src/store/todo.js:18:26)
      at Context.<anonymous> (spec/index.spec.js:18:5)

如何测试具有全局依赖关系的服务是否被调用？

Answer 1

我认为问题在于您的Todo模块引用了localStorage，但是您正在重新连接global.localStorage。在重新布线自述中，模拟全局的示例使用的名称是process和console，而不是globals.process或globals.console。重新布线是不够“聪明”的(从设计上，我认为)，知道他们是同一件事。您需要使用模块中使用的确切名称。考虑到这一点，我想你想要的是：

Todo.__set__('localStorage', localStorage);

P.S.在这种情况下，我认为重新连线可能是过分的。因为模块的构造函数是this.storage = localStorage的，所以您可以监视todo.storage

todo = new Todo();
sinon.spy(todo.storage, 'setItem');

编辑

我认为ReferenceError之所以出现，是因为与示例中的console和process不同，localStorage并不存在于Node.js中。然而，我对重新布线的了解是不完整的，因此可能会有另一个答案。

我认为最简单的解决方法是在全局上下文中创建它(这也不需要重新连接)：

describe('Todo Model', () => {
  beforeEach(function() {
    localStorageMock = sinon.mock(new LocalStorage());
    global.localStorage = localStorageMock; // <-- set it here
    todo = new Todo();
  });

  afterEach(function() {
    delete global.localStorage; // <-- clean up here
  });

  // ...
});

有点丑，但也很简单。