add support postcss

Author: vasia

lib/compilers/postcss-compiler.js

@@ -0,0 +1,23 @@
+const postcss = require('postcss');
+const postcssrc = require('postcss-load-config')
+
+const ctx = { parser: true, map: 'inline' }
+
+const { plugins, options } = postcssrc.sync(ctx)
+
+module.exports = (content) => {
+  console.log(888, plugins)
+  let css = null
+
+  postcss(plugins)
+    .process(content, options)
+    .then(result => {
+      css = result.css || ''
+    })
+
+  while (css === null) { //eslint-disable-line
+    require('deasync').sleep(100)
+  }
+
+  return css
+}

lib/process.js

@@ -80,15 +80,15 @@ module.exports = function (src, filePath, jestConfig) {
   }
 
   if (Array.isArray(parts.styles) && parts.styles.length > 0) {
-    if ((parts.styles.some(ast => /^less|pcss|postcss/.test(ast.lang))) && logger.shouldLogStyleWarn) {
+    if ((parts.styles.some(ast => /^less/.test(ast.lang))) && logger.shouldLogStyleWarn) {
       !vueJestConfig.hideStyleWarn && logger.warn('Less and PostCSS are not currently compiled by vue-jest')
       logger.shouldLogStyleWarn = false
     }
 
     const styleStr = parts.styles
       .filter(ast => ast.module)
       .map(ast => {
-        const styleObj = (/^less|pcss|postcss/.test(ast.lang))
+        const styleObj = (/^less/.test(ast.lang))
           ? {}
           : processStyle(ast, filePath, jestConfig)
 

package.json

@@ -60,11 +60,14 @@
   "dependencies": {
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
     "chalk": "^2.1.0",
+    "deasync": "^0.1.15",
     "extract-from-css": "^0.4.4",
     "find-babel-config": "^1.1.0",
     "js-beautify": "^1.6.14",
     "node-cache": "^4.1.1",
     "object-assign": "^4.1.1",
+    "postcss": "^7.0.17",
+    "postcss-load-config": "^2.1.0",
     "source-map": "^0.5.6",
     "tsconfig": "^7.0.0",
     "vue-template-es2015-compiler": "^1.6.0"