如何在 Mocha 测试中使用 Jasmine-style Mocking？

在前端开发中，单元测试十分重要。而 Mocha 是一个非常流行的 JavaScript 测试框架。然而，有时候我们需要使用 mock 来模拟一些数据或函数，而 Mocha 并不自带 mock 功能。这时候，使用 Jasmine-style Mocking 可以解决这个问题，同时使用 mock 可以使测试更加精确，覆盖更多的情况。

Jasmine-style Mocking 是什么

Jasmine-style Mocking 是一种 mock 的写法风格，它是从 Jasmine 单元测试框架中借鉴而来。Jasmine-style Mocking 使得我们可以更加方便地进行 mock，不论是在 Mocha 还是其他的测试框架中。具体来说，Jasmine-style Mocking 就是通过一个 spyOn 函数来创建一个 mock 对象，然后通过调用这个 mock 对象的方式来测试函数的正确性。

在 Mocha 中使用 Jasmine-style Mocking

在 Mocha 中使用 Jasmine-style Mocking 也很简单，我们只需要安装两个库：sinon 和 sinon-chai。其中 sinon 用于创建 mock 对象，sinon-chai 则是用于在 Chai 断言库中使用 sinon。

安装库

npm install --save-dev sinon sinon-chai

创建 Mock 对象

在一个测试用例中，我们通常需要模拟一些函数并让其返回指定的值，这时候就需要用到 mock 对象。我们可以使用 sinon 的 spyOn 函数来创建一个 mock 对象。然后通过断言来验证 mock 对象是否被调用，并且模拟它的返回值。

// 需要测试的函数
function add(a, b) {
  return a + b;
}

// 测试用例
it('test add', () => {
  const addMock = sinon.spy(add);
  const result = addMock(1, 2);
  
  expect(result).to.be.equal(3); // 这里也可以断言 addMock 的返回值

  expect(addMock).to.have.been.calledOnce; // 判断是否调用了一次 addMock
  expect(addMock).to.have.been.calledWith(1, 2); // 判断是否调用了 addMock(1, 2)
});

模拟数据

有时候我们需要在测试时使用一些模拟数据，来检验函数的正确性。

// 需要测试的函数
function getUserName(userId) {
  const user = getUserInfo(userId);
  return user.name;
}

function getUserInfo(userId) {
  // 假设这个函数是获取用户信息的，这里返回一个对象
  return {
    id: userId,
    name: 'Alice',
    age: 18,
    gender: 'female'
  };
}

// 测试用例
it('test getUserName', () => {
  const getUserInfoMock = sinon.stub();
  getUserInfoMock.withArgs(123).returns({
    id: 123,
    name: 'Bob',
    age: 20,
    gender: 'male'
  });

  const result = getUserName(123);
  
  expect(getUserInfoMock).to.have.been.calledOnceWithExactly(123); // 判断是否调用了 getUserInfoMock(123)
  expect(result).to.be.equal('Bob'); // 判断 getUserName 的返回值是否正确
});

在这个例子中，我们使用了 sinon.stub 来创建 mock 对象，并使用 withArgs 方法来模拟 getUserInfo 函数。当测试函数调用 getUserInfo(123) 的时候，会自动返回模拟的数据。

总结

使用 Jasmine-style Mocking 可以很方便地进行 mock，代码具有可读性和可维护性。通过 Mocha 和 sinon 提供的方法，我们可以很容易地模拟数据和模拟函数，进而进行单元测试的编写。这在项目开发中能够大大减少代码的漏洞，提高代码的质量和稳定性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a65f2fadd4f0e0fff24cac