Jest 测试中的静态文件

Question

在我正在测试的代码中，我正在创建一个像这样的图像：

const image = new Image();
image.addEventListener("load", () => {});
image.addEventListener("error", () => {});
image.src = "hello.png"

当我在浏览器中运行时，我让 webpack 将该图像复制到 dist 目录，它工作正常。然而开玩笑我得到了错误 Error: Could not load img: "http://localhost/hello.png"。

有没有关于如何在 Jest 中 "serve" 这样的静态图像的指导？图像相对于我的测试文件应该位于何处？

（注意我在 jest 配置中添加了 testEnvironmentOptions: { resources: 'usable' }）

Answer 1

找到解决方案：在该端口上设置 testURL to a local port and then serve the files with http-server / express 或其他类似内容。

Static files in Jest tests