react-table/react-table.css 导致测试在编译时崩溃
react-table/react-table.css cause test to crash on compile
我有有效的代码和有效的测试。我的 react-table 文件中只有一个问题。 react-table.js 的 api 说要在我的 react-table.js 文件 import "react-table/react-table.css";
中使用我需要的 css 文件,但是当我这样做时,我的测试崩溃了编译。我基本上是在 react-table.js 网页上使用简单 table 示例的副本。我如何使用他们的 css 文件并仍然让我的测试达到 运行?
如果我不注释掉 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 = {}
assetMock.js
module.exports = 'IMAGE_MOCK'
我有有效的代码和有效的测试。我的 react-table 文件中只有一个问题。 react-table.js 的 api 说要在我的 react-table.js 文件 import "react-table/react-table.css";
中使用我需要的 css 文件,但是当我这样做时,我的测试崩溃了编译。我基本上是在 react-table.js 网页上使用简单 table 示例的副本。我如何使用他们的 css 文件并仍然让我的测试达到 运行?
如果我不注释掉 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 = {}
assetMock.js
module.exports = 'IMAGE_MOCK'