Как разрешить s css в шутку для модульного тестирования для машинописи далее js?

Question

У меня ошибка при импорте s css. Я пытался использовать макет и identity-obj-proxy, но ни один из них не работает. Мне интересно, может ли мое выражение регулярного выражения быть неправильным или что-то.

Ошибка находится в

 import utilityStyles from "~/scss/Utils.scss"; and `{@import "~Scss/helpers/variables";`

В пакете. json У меня есть

"preset": "ts-jest",
"moduleNameMapper": {
  "^~(.*)$": "<rootDir>/src/$1",
  "^src/(.*)$": "<rootDir>/src/$1",
  "^.*.(css|scss)$": "identity-obj-proxy"
},

В index.d.ts у меня есть

declare module '*.scss' {
  const content: { [key: string]: string };
  export default content;
}

declare module 'raw-loader!*' {
  const content: string
  export default content
}

Обновление

Я думал, что проблема была в моем выражении регулярного выражения, поэтому я попытался "^(.*)(css|less|scss)$": "identity-obj-proxy", но все же не работает

Answer 1

Если вы испытываете интерес к тестированию, вы можете сделать это

   "jest": {
    "setupFiles": [
      "<rootDir>/tests/setupTest.js"
    ],
    "moduleNameMapper": {
      "\\.(scss|css|jpg|png|gif)$": "<rootDir>/tests/file.mock.js"
    }
  },

И в file.mock. js

module.exports = {};