Jestjs 使用Stenciljs和Jest测试加载在css背景图像中的图像

我在Stenciljs中创建了一个组件，如下所示：

在内部，我使用以下代码呈现组件：

/**
*url图像的值
*/
@Prop（）图像=“”；
/**
*为形象访问国家
*默认为false。
*/
@Prop（）访问=假；
/**
*标签名称
*/
@Prop（）名称=“”；
private get getClasses（）{
返回此。访问？“故事图像访问”：“故事图像novisit”；
}
render（）{
返回(
{this.name}
);
}

当我尝试进行测试时，我会写：

从'@stencil/core/dist/testing'导入{newSpecPage}；
从“../Story”导入{Story}；
描述（'fd-story'，（）=>{
它（'应该创建故事原子组件'，（）=>{
expect（新故事（））.toBeTruthy（）；
});
描述（'故事组件套件测试'，（）=>{
它（'应该呈现故事组件'，异步（）=>{
const page=等待新闻页面({
组件：[故事]，
html:``，
});
expect（page.root）
.toEqualHtml(`
赛昂
`);
});
});
});

我有以下错误：

我在谷歌上找到了一些答案，但没有解决问题：

我在package.json中添加了以下内容

"jest": {
    "moduleNameMapper": {
      "\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
      "\\.(css|sass)$": "<rootDir>/mocks/fileMock.js"
    },
    "transform": {
      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/fileTransformer.js"
    }
  }

“开玩笑”：{
“moduleNameMapper”：{
“\ \（jpg | ico | jpeg | png | gif | eot | otf | webp | svg | ttf | woff | woff2 | mp4 | webm | wav | mp3 | m4a | aac | oga |）$”：“/"uu mocks |/uuuu/fileMock.js，
“\\（css | sass）$”：“/mocks/fileMock.js”
},
“转变”：{
“\ \（jpg | jpeg | png | gif | eot | otf | webp | svg | ttf | woff | woff2 | mp4 | webm | wav | mp3 | m4a | aac | oga）$”：“/fileTransformer.js
}
}

---

但是我无法解决这个错误。

您是否尝试过这种方法：

page.rootInstance.image='1〕https://img-global.cpcdn.com/recipes/1f9d5949e79d5526/751x532cq70/lomo-saltado-foto-principal.jpg';
page.rootInstance.name='Cyzone'；
等待page.waitForChanges（）；
expect（page.root）.toEqualHtml（…）

---

而不是通过具有相同问题的元素传递参数？

。你找到解决办法了吗？