javascript - react-table/react-table.css 导致测试在编译时崩溃
问题描述
我有有效的代码和有效的测试。我的 react-table 文件中只有一个问题。react-table.js 的 api 说要在我的 react-table.js 文件中使用我需要的 css 文件,import "react-table/react-table.css";
但是当我这样做时,我的测试在编译时崩溃。我基本上使用了 react-table.js 网页上简单表格示例的副本。我如何使用他们的 css 文件并仍然让我的测试运行?
解决方案
为了测试,您需要模拟 css/image 导入
"jest": {
"moduleNameMapper": {
".*\\.(css|scss|sass)$": "path/to/styleMock.js",
".*\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "path/to/assetMock.js"
},
(确保适当调整模拟文件的路径)
styleMock.js
module.exports = {}
资产模拟.js
module.exports = 'IMAGE_MOCK'
参考:https ://jestjs.io/docs/en/webpack#handling-static-assets
推荐阅读
- javascript - 在 React 中突出显示搜索到的文本
- java - 在非托管 @Bean 上使用 @ConfigurationProperties
- python - python无法读取dict中的键
- angular - Angular 是否定义了用于按环境组织资产的目录结构?
- javascript - aframe 创建复杂元素
- python - 使用熊猫数据框后无法将字符串转换为浮点数
- html - 使用 Css calc() 对齐伪元素以在所有屏幕上工作
- python - Django 2.1.7,IntegrityError,外键约束失败
- php - 在 laravel 中间件上调用 null 上的成员函数 setCookie()
- charles-proxy - 无法将三星 S10 连接到查尔斯代理