在JEST中模拟模块时如何解决模块依赖性

Question

我有一个node模块分辨率。 并具有下一个模块：

A/
  A.tsx
  index.ts
B/
  B.tsx
  index.ts
  text.tsx

// A/A.tsx

export const A = '1'

// A/index.tsx

export {A} from 'A'

因此， B.tsx包括A.tsx ：

// B.tsx


include {A} from '../A'

// ...usage

现在，我想用UT覆盖B 我为此开玩笑。

因此，在整个测试过程中，我想模拟A模块。 我可以使用几种方法来做到这一点：

1. 直接在测试文件中重新定义：

//test.tsx


jest.mock('../A', () => ({
  A: () => <div id='A' />
}))

可以了！

2. 在__mocks__文件夹中创建一个模拟文件

所以，我要创建一个__mocks__在同一级别的文件夹A文件夹并创建A.tsx文件中。

__mocks__/
A/
B/

并在测试中包含该模拟：

// test.tsx


jest.mock('../A')

因此，该方法不起作用。 而且，由于模块分辨率，它似乎不起作用，因为如果我直接包含A模块，例如：

// B.tsx

import {A} from '../A/A'

并将模拟文件A.tsx移至A/__mocks__/A.tsx

并更改嘲讽：

// test.tsx


jest.mock('../A/A')

然后，一切正常。

因此，任务是以某种方式修复模块分辨率。

Answer 1

节点尝试解决此模块：

../A

...并检测到它是一个没有package.json的文件夹，因此它将加载index.js 。

这意味着这一行：

../A

...也可以这样写：

../A/index

因此，要创建手动模拟，您应该在此处创建模拟：

../A/__mocks__/index.ts

...当您在测试中调用此模拟时，将使用该模拟：

jest.mock('../A');  // <= uses the mock at ../A/__mocks__/index.ts