在玩笑中模拟 css 模块

Question

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

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

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

包.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.