You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.4 KiB
36 lines
1.4 KiB
const ensureRequire = require('../ensure-require') |
|
const getVueJestConfig = require('../get-vue-jest-config') |
|
const logger = require('../logger') |
|
|
|
const applyModuleNameMapper = require('./helpers/module-name-mapper-helper') |
|
|
|
/** |
|
* This module is meant to compile sass |
|
* |
|
* @param {String} content - the content of the sass string that should be compiled |
|
* @param {String} filePath - the path of the file holding the sass |
|
* @param {Object} jestConfig - the complete jest config |
|
* @returns {String} styles - the compiled sass |
|
*/ |
|
module.exports = (content, filePath, jestConfig = {}) => { |
|
const vueJestConfig = getVueJestConfig(jestConfig) |
|
|
|
ensureRequire('sass', ['node-sass']) |
|
const sass = require('node-sass') |
|
|
|
try { |
|
return sass.renderSync({ |
|
data: content, |
|
outputStyle: 'compressed', |
|
indentedSyntax: true, |
|
importer: (url, prev, done) => ({ file: applyModuleNameMapper(url, prev === 'stdin' ? filePath : prev, jestConfig) }) |
|
}).css.toString() |
|
} catch (err) { |
|
if (!vueJestConfig.hideStyleWarn) { |
|
logger.warn(`There was an error rendering the SASS in ${filePath}. SASS is fully supported by vue-jest. Still some features might throw errors. Webpack aliases are a common cause of errors. If you use Webpack aliases, please use jest's suggested way via moduleNameMapper which is supported.`) |
|
logger.warn(`Error while compiling styles: ${err}`) |
|
} |
|
} |
|
|
|
return '' |
|
}
|
|
|