我有一个笑话我如何导入到多个测试文件

Question

我正在为一些使用 Next/Image 的组件编写一些测试。当我不断收到错误时，我决定像这样模拟模块：

jest.mock(
    `next/image`,
    () =>
        function Image({ src, alt }) {
            // eslint-disable-next-line @next/next/no-img-element
            return <img src={src} alt={alt} />;
        },
);

到目前为止一切顺利，效果很好。但是我有多个使用 next/image 的组件，我需要在这些测试文件中使用这个模拟。我目前的解决方案是复制意大利面，但这很愚蠢。我试图创建一个模块，我可以将其包含在 config/setup.js 中或导入它。但我似乎无法弄清楚该怎么做。

非常感谢您的帮助，我很确定这是一件简单的事情，我可能会在周五午餐后放屁。

Answer 1

您可以通过putting a mock 进入__mocks__ 文件夹来执行此操作。

如文档中所述：

手动模拟是通过在紧邻模块的__mocks__/ 子目录中编写模块来定义的。例如，要在模型目录中模拟一个名为 user 的模块，请创建一个名为 user.js 的文件并将其放在 models/__mocks__ 目录中。