Ошибка синтаксиса для S CSS в Vue Jest

Question

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

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

SyntaxError: Invalid or unexpected token

Вот решения, которые мне не помогли.

Использование identity-obj-proxy (DIDN 'T WORK):

"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 = {}

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

Answer 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