嘲笑css模块

Question

在测试中，我要导入一个 jsx 文件，该文件将导入 css ：

import styles from '~/shared/styles/Profile.css';

我正在尝试使用 identity-obj-proxy 模拟所有CSS文件，因为我正在使用 css-modules 。但这似乎不起作用。

Package.json

"jest": {
    "moduleNameMapper":{
      "\\.(css|less)$": "identity-obj-proxy"
    },

我也尝试过：

"jest": {
    "moduleNameMapper":{
      "^.+\\.(css|less)$": "<rootDir>/config/CSSStub.js"
    },

在创建 CSSStub.css

时

module.exports = {};

无效-仍然来自Jest的解析CSS错误。

我在做什么错了？

Answer 1

我不知道您是否还在使用该文件，因为问题已经存在大约6个月了，但是我认为您应该将文件命名为CSSStub.js而不是CSSStub.css。

Answer 2

这为我解决了问题

moduleNameMapper: {
    '^.+\\.(sass|css)$': '<rootDir>/__mocks__/styles.js'
  }

错误：

    Cannot find module 'myStyles.module.sass' from 'myComponent.js'