fix: try catch scss render

Author: eddyerburgh

lib/compilers/scss-compiler.js

@@ -2,6 +2,7 @@ const path = require('path')
 const fs = require('fs')
 const ensureRequire = require('../ensure-require')
 const cwd = process.cwd()
+const logger = require('../logger')
 
 const rewriteImports = (content, filePath) => content.replace(/@import\s+(?:'([^']+)'|"([^"]+)"|([^\s;]+))/g, (entire, single, double, unquoted) => {
   const oldImportPath = single || double || unquoted
@@ -24,9 +25,14 @@ module.exports = (content, filePath, config) => {
       .map(scssResourcePath => rewriteImports(fs.readFileSync(scssResourcePath).toString(), scssResourcePath))
       .join('\n')
   }
-
-  return sass.renderSync({
-    data: scssResources + rewriteImports(content, filePath),
-    outputStyle: 'compressed'
-  }).css.toString()
+  let result
+  try {
+    sass.renderSync({
+      data: scssResources + rewriteImports(content, filePath),
+      outputStyle: 'compressed'
+    }).css.toString()
+  } catch (err) {
+    logger.warn(`There was an error rendering the SCSS in ${filePath}. SCSS is not fully supported by vue-jest, so some features will throw errors. Webpack aliases are a common cause of errors.`)
+  }
+  return result || ''
 }

test/resources/Sass.vue

@@ -4,6 +4,8 @@
 
 <style lang="scss">
   @import "./styles/transitions";
+  @import '~@design'
+
 
   .testA {
     background-color: red;