SyntaxError для SCSS в Vue Jest

Я пытаюсь импортировать и смонтировать компонент в Jest. К сожалению, я сталкиваюсь с ошибкой

styles/variables.scss:2
$blue:#324157;
      ^

SyntaxError: Invalid or unexpected token

Вот решения, которые не сработали для меня.

Используя identity-obj-proxy (НЕ РАБОТАЕТ):

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

Использование styleMock (НЕ РАБОТАЕТ ):

//package.json
"moduleNameMapper": {
  "\.(css|scss|sass|less)$": "<rootDir>/tests/__mocks__/styleMock.js"
}

//<rootDir>/tests/__mocks__/styleMock.js
module.exports = {}

Следующие решения не работают, и ошибка все еще сохраняется.

Всего 1 ответ


Я нашел другое решение, которое может помочь другим, просто добавив jest-transform-stub в jest.transform

"jest": {
  "transform": {
    ".+\.(css|styl|less|sass|scss|png|jpg|svg|ttf|woff|woff2)$": "jest-transform-stub"
  }
}

Источник: vuejs / vue-test-utils-jest-example / Issues / 11