首页 > 解决方案 > 用 eslint 开玩笑地模拟对象

问题描述

假设我有以下代码

export function myFunction(user) {
    return transform(user);
)

我创建了一个__tests__文件夹,并在其中创建了一个__mocks__带有user.mock.ts的文件夹

其中有

export const user = { id: 1, name: "John" } 

现在在我的__test__文件夹中,我有 user.spec.ts

import { user } from './__mocks__/user.mock';

describe('user', () => {
  it('should map user correctly', () => {
    const expected = { id: 1, name: "John" } 
    const result = myFunction(user);
    expect(result).toEqual(expected);
  });
});

我有以下 eslintrc

{
  "parser": "@typescript-eslint/parser",
  "plugins": [
    "@typescript-eslint",
    "eslint-plugin-jest"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier/@typescript-eslint",
    "prettier",
    "plugin:jest/recommended"
  ],
  "rules": {
  }
}

我收到以下错误

不应从mocks目录手动导入 Mocks。而是使用jest.mock并从原始模块 path.eslintjest/no-mocks-import 导入

标签: node.jstypescriptunit-testingjestjseslint

解决方案


使用名为的特殊命名目录的机制__mocks__是一种能够自动检测包模拟的方式(而不是放置您计划显式运行的代码的地方)。

作为测试的一部分,您永远不会在代码中显式导入此文件夹中的文件。

因此,如果您只是为您的案例使用普通的文件夹名称,并且不与开玩笑的约定交叉连接,那么您应该能够消除错误。

相比之下,如果您想实际模拟现有包(例如替换fetch为您自己的版本fetch),请参阅https://jestjs.io/docs/manual-mocks#mocking-node-modules了解如何构建文件,例如名为__mocks__/fetch.ts将 fetch 的真正实现替换为伪造其行为的实现。这是唯一应该使用特别命名的目录的东西。


推荐阅读