首页 > 解决方案 > Jest 测试中的静态文件

问题描述

在我正在测试的代码中,我正在创建一个图像,例如:

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 中“提供”这样的静态图像的任何指导?相对于我的测试文件,图像应位于何处?

(注意我testEnvironmentOptions: { resources: 'usable' }在开玩笑的配置中添加了)

标签: javascriptjestjsjsdomnode-canvas

解决方案


找到了解决方案:将testURL设置为本地端口,然后在该端口上使用http-server / express 或其他类似的东西提供文件。


推荐阅读