react-table / react-table.css导致测试在编译时崩溃

Question

我有可以正常工作的代码和可以正常工作的测试。我的反应表文件中只有一个问题。 react-table.js的api表示使用我需要在我的react-table.js文件import "react-table/react-table.css";中使用的css文件，但是当我这样做时，编译时测试会崩溃。我基本上是在react-table.js网页上使用简单表示例的副本。如何使用他们的css文件，仍然可以运行测试？

这是我得到的错误，如果我不注释掉css导入

Answer 1

要进行测试，您需要模拟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'

参考：https://jestjs.io/docs/en/webpack#handling-static-assets