用于响应本机静态图像(引发警告)的快照
用于响应本机静态图像(引发警告)的快照
提问于 2019-11-15 03:33:54
我正在尝试编写快照测试，以检查是否返回了正确的图像。当我只使用零转换，结果总是'1‘，这不是很有用。我上了这个网站，把这个添加到我的package.json中
"transform": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/jest/fileTransformer.js"
}并创建一个名为fileTransformer的文件，如下所示
// fileTransformer.js
const path = require('path');
module.exports = {
process(src, filename, config, options) {
return 'module.exports = ' + JSON.stringify(path.basename(filename)) + ';';
},
};现在，测试产生了有用的快照，这是很棒的，但是我在控制台中没有收到如下所示的警告
console.error node_modules/prop-types/checkPropTypes.js:20
Warning: Failed prop type: Invalid prop `source` supplied to `Image`.
in Image回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-18 02:59:50
您可以查看moduleNameMapper配置
"^[./a-zA-Z0-9$_-]+\\.png$": "<rootDir>/RelativeImageStub.js",在文件中，您可以导出一个虚拟图像路径。
RelativeImageStub.js
export default '/dummy/path/to/dummyImage.png';您还应该能够通过导入图像来模拟结果：
Component.spec.js
import Component from './Component';
jest.mock('./path/to/the/image.png', () => "dummy/path/image.png");Component.js
import image from './path/to/the/image.png';
export default function Component() {
return <Image source={image} />;
}这样，如果指定的路径不存在，您也会得到一个错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58876218
复制相关文章
![[译]响应式图像](https://ask.qcloudimg.com/http-save/yehe-1000857/icha8uubnl.jpeg)
相似问题
响应本机-图像标记需要警告
响应本机，无法解析静态图像模块
无法加载响应本机中的静态图像
水平滚动视图快照响应本机
响应本机0.63.4IOS 14没有静态图像
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
