Ошибка Jest-тестирования, когда компонент React импортирует .less стили - PullRequest
Новая
       26

Ошибка Jest-тестирования, когда компонент React импортирует .less стили

0 голосов
/ 04 июня 2019

У меня есть компонент React (jsx), импортирующий таблицу стилей .less для предоставления стилей.import './Landing.less' вызывается в моем классе React.

Когда я пытаюсь проверить этот файл с помощью Jest, я получаю неожиданную строковую ошибку, когда Jest не знает, что делать с этим .less импортом.

({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import '../../style/index.less'; // style dependencies

Я уже пробовал исправить документацию, включив файл styleMock.js и конфигурацию jest.

См. Ниже мою конфигурацию jest и файл styleMock JS. 

"jest": {
    "moduleDirectories": [
      "src",
      "node_modules"
    ],
    "moduleNameMapper": {
      "\\.(css|less)$": "<rootDir>/utils/CSSStub.js"
    },
    "collectCoverageFrom": [
      "src/**/*.jsx",
      "!**/node_modules/**"
    ]
  }

CSSStub.js 

module.exports = {};

У меня нет такого успеха с этой конфигурацией.Есть идеи?

Спасибо

...