在前端开发中，单元测试是非常重要的。而 Jest 是一个非常流行的 JavaScript 测试框架，它可以帮助我们进行单元测试、集成测试等多种测试。在进行单元测试时，我们经常需要 mock 掉一些依赖，以便于测试我们的代码。在本文中，我们将介绍如何在 Jest 中 mock 一个 ES6 的类。
ES6 的类
ES6 中引入了 class 关键字，使得 JavaScript 也拥有了类的概念。我们可以使用 class 关键字定义一个类，例如：
// javascriptcn.com 代码示例
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
console.log(`Hello, my name is ${this.name}`);
}
}
const person = new Person('Alice');
person.sayHello(); // 输出：Hello, my name is Alice在上面的代码中，我们定义了一个名为 Person 的类，它有一个构造函数和一个 sayHello 方法。我们使用 new 关键字创建了一个 Person 的实例，然后调用了它的 sayHello 方法。
Jest 中的 mock
在进行单元测试时，我们经常需要 mock 掉一些依赖，以便于测试我们的代码。在 Jest 中，我们可以使用 jest.fn() 方法创建一个 mock 函数。例如：
const add = jest.fn((a, b) => a + b); console.log(add(1, 2)); // 输出：3 console.log(add.mock.calls); // 输出：[[1, 2]]
在上面的代码中，我们使用 jest.fn() 方法创建了一个名为 add 的 mock 函数。我们调用了它，并输出了它的返回值和 mock.calls 属性。
Jest 中的 mock 类
在 Jest 中，我们可以使用 jest.mock() 方法 mock 掉一个模块。如果我们要 mock 掉一个 ES6 的类，可以使用 jest.mock() 方法并传入一个函数，这个函数会返回一个 mock 类。例如：
// javascriptcn.com 代码示例
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
console.log(`Hello, my name is ${this.name}`);
}
}
jest.mock('./Person', () => {
return jest.fn().mockImplementation((name) => {
return {
name,
sayHello: jest.fn(),
};
});
});
const person = new Person('Alice');
person.sayHello(); // 输出：Hello, my name is Alice
console.log(person.sayHello.mock.calls); // 输出：[]在上面的代码中，我们定义了一个名为 Person 的类，并使用 jest.mock() 方法 mock 掉了它。我们传入了一个函数，这个函数会返回一个 mock 类。这个 mock 类有一个名为 sayHello 的 mock 方法，我们可以使用它进行测试。我们创建了一个 Person 的实例，然后调用了它的 sayHello 方法，输出了它的 mock.calls 属性。
总结
在 Jest 中 mock 一个 ES6 的类并不难，我们只需要使用 jest.mock() 方法并传入一个函数，这个函数会返回一个 mock 类。我们可以在这个 mock 类中定义 mock 方法，以便于测试我们的代码。在进行单元测试时，我们经常需要 mock 掉一些依赖，以便于测试我们的代码。Jest 提供了非常方便的 mock 功能，可以帮助我们进行单元测试、集成测试等多种测试。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6560922fd2f5e1655dac37d0