fix: allow importing relative paths in global resources

Author: pmrotule

e2e/__projects__/style/colors.less

@@ -0,0 +1 @@
+@primary-color: "red";

e2e/__projects__/style/colors.scss

@@ -0,0 +1 @@
+$primary-color: #333;

e2e/__projects__/style/variables.less

@@ -1 +1,3 @@
-@primary-color: "red";
+@import "./colors.less";
+
+@font-size: 16px;

e2e/__projects__/style/variables.scss

@@ -1 +1,3 @@
-$primary-color: #333;
+@import './colors.scss';
+
+$font-size: 16px;

lib/process-style.js

@@ -1,5 +1,4 @@
 const path = require('path')
-const fs = require('fs')
 const cssExtract = require('extract-from-css')
 const getVueJestConfig = require('./utils').getVueJestConfig
 const compileStyle = require('@vue/component-compiler-utils').compileStyle
@@ -8,18 +7,31 @@ const getCustomTransformer = require('./utils').getCustomTransformer
 const logResultErrors = require('./utils').logResultErrors
 const loadSrc = require('./utils').loadSrc
 
-function getGlobalResources(resources, lang) {
+function getGlobalResources(resources, lang, filePath) {
   let globalResources = ''
   if (resources && resources[lang]) {
     globalResources = resources[lang]
-      .map(resource => path.resolve(process.cwd(), resource))
-      .filter(resourcePath => fs.existsSync(resourcePath))
-      .map(resourcePath => fs.readFileSync(resourcePath).toString())
-      .join('\n')
+      .map(resource => {
+        const relativePath = path.relative(
+          path.dirname(filePath),
+          path.resolve(process.cwd(), resource)
+        )
+        return `${getImportLine(lang, relativePath)}\n`
+      })
+      .join('')
   }
   return globalResources
 }
 
+function getImportLine(lang, filePath) {
+  const placeholder = '__PATH__'
+  const formats = {
+    default: `@import "${placeholder}";`,
+    sass: `@import "${placeholder}"`
+  }
+  return (formats[lang] || formats.default).replace(placeholder, filePath)
+}
+
 function extractClassMap(cssCode) {
   const cssNames = cssExtract.extractClasses(cssCode)
   const cssMap = {}
@@ -68,7 +80,7 @@ module.exports = function processStyle(stylePart, filePath, config = {}) {
   }
 
   let content =
-    getGlobalResources(vueJestConfig.resources, stylePart.lang) +
+    getGlobalResources(vueJestConfig.resources, stylePart.lang, filePath) +
     stylePart.content
 
   const transformer =