feat: allow specifying the babelrc file as a jest global

Closes vuejs#66

Author: dcherman

README.md

@@ -69,6 +69,18 @@ To define a tsconfig file that vue-jest will use when transpiling typescript, yo
 }
 ```
 
+To define a babelrc file that vue-jest will use when transpiling javascript, you can specify it in the jest globals
+
+```json
+{
+  "jest": {
+    "vue-jest": {
+      "babelRcFile": "jest.babelrc"
+    }
+  }
+}
+```
+
 ### Supported template languages
 
 - **pug** (`lang="pug"`)

lib/compilers/babel-compiler.js

@@ -1,8 +1,8 @@
 const babel = require('babel-core')
 const loadBabelConfig = require('../load-babel-config.js')
 
-module.exports = function compileBabel (scriptContent, inputSourceMap, inlineConfig) {
-  const babelConfig = inlineConfig || loadBabelConfig()
+module.exports = function compileBabel (scriptContent, inputSourceMap, inlineConfig, vueJestConfig) {
+  const babelConfig = inlineConfig || loadBabelConfig(vueJestConfig)
 
   if (!babelConfig) {
     return {

lib/compilers/coffee-compiler.js

@@ -2,15 +2,15 @@ var ensureRequire = require('../ensure-require.js')
 const throwError = require('../throw-error')
 const loadBabelConfig = require('../load-babel-config.js')
 
-module.exports = function (raw) {
+module.exports = function (raw, vueJestConfig) {
   ensureRequire('coffee', ['coffeescript'])
   var coffee = require('coffeescript')
   var compiled
   try {
     compiled = coffee.compile(raw, {
       bare: true,
       sourceMap: true,
-      transpile: loadBabelConfig()
+      transpile: loadBabelConfig(vueJestConfig)
     })
   } catch (err) {
     throwError(err)

lib/compilers/typescript-compiler.js

@@ -16,13 +16,13 @@ module.exports = function compileTypescript (scriptContent, vueJestConfig) {
   // handle ES modules in TS source code in case user uses non commonjs module
   // output and there is no .babelrc.
   let inlineBabelConfig
-  if (tsConfig.compilerOptions.module !== 'commonjs' && !loadBabelConfig()) {
+  if (tsConfig.compilerOptions.module !== 'commonjs' && !loadBabelConfig(vueJestConfig)) {
     inlineBabelConfig = {
       plugins: [
         require('babel-plugin-transform-es2015-modules-commonjs')
       ]
     }
   }
 
-  return compileBabel(res.outputText, inputSourceMap, inlineBabelConfig)
+  return compileBabel(res.outputText, inputSourceMap, inlineBabelConfig, vueJestConfig)
 }

lib/load-babel-config.js

@@ -1,21 +1,32 @@
 const findBabelConfig = require('find-babel-config')
 const logger = require('./logger')
 const cache = require('./cache')
+const { readFileSync } = require('fs')
 
-module.exports = function getBabelConfig () {
+module.exports = function getBabelConfig (vueJestConfig) {
   const cachedConfig = cache.get('babel-config')
   if (cachedConfig) {
     return cachedConfig
   } else if (cachedConfig === false) {
     return
   } else {
-    const { file, config } = findBabelConfig.sync(process.cwd(), 0)
-    if (!file) {
-      logger.info('no .babelrc found, skipping babel compilation')
-      cache.set('babel-config', false)
-      return
+    let babelConfig
+
+    if (vueJestConfig.babelRcFile) {
+      babelConfig = JSON.parse(readFileSync(vueJestConfig.babelRcFile))
+    } else {
+      const { file, config } = findBabelConfig.sync(process.cwd(), 0)
+
+      if (!file) {
+        logger.info('no .babelrc found, skipping babel compilation')
+        cache.set('babel-config', false)
+        return
+      }
+
+      babelConfig = config
     }
-    cache.set('babel-config', config)
-    return config
+
+    cache.set('babel-config', babelConfig)
+    return babelConfig
   }
 }

lib/process.js

@@ -24,10 +24,10 @@ function processScript (scriptPart, vueJestConfig) {
   }
 
   if (scriptPart.lang === 'coffee' || scriptPart.lang === 'coffeescript') {
-    return compileCoffeeScript(scriptPart.content)
+    return compileCoffeeScript(scriptPart.content, vueJestConfig)
   }
 
-  return compileBabel(scriptPart.content)
+  return compileBabel(scriptPart.content, undefined, undefined, vueJestConfig)
 }
 
 function changePartsIfFunctional (parts) {

test/load-babel-config.spec.js

@@ -4,7 +4,9 @@ import {
   createReadStream,
   createWriteStream,
   readFileSync,
-  renameSync
+  renameSync,
+  writeFileSync,
+  unlinkSync
 } from 'fs'
 import clearModule from 'clear-module'
 import cache from '../lib/cache'
@@ -19,7 +21,7 @@ describe('load-babel-config.js', () => {
     const babelRcPath = resolve(__dirname, '../.babelrc')
     const tempPath = resolve(__dirname, '../.renamed')
     renameSync(babelRcPath, tempPath)
-    const babelConfig = loadBabelConfig()
+    const babelConfig = loadBabelConfig({})
     try {
       expect(babelConfig).toBe(undefined)
     } catch (err) {
@@ -31,12 +33,25 @@ describe('load-babel-config.js', () => {
     expect(babelConfigCached).toBe(undefined)
   })
 
+  it('reads babelrc from jest globals if exists', () => {
+    const jestGlobalBabelPath = resolve(__dirname, '../jest.babelrc')
+    writeFileSync(jestGlobalBabelPath, JSON.stringify({
+      plugins: ['foo']
+    }))
+    const jestGlobalBabelConfig = JSON.parse(readFileSync(jestGlobalBabelPath, { encoding: 'utf8' }))
+    const babelConfig = loadBabelConfig({
+      babelRcFile: 'jest.babelrc'
+    })
+    expect(babelConfig).toEqual(jestGlobalBabelConfig)
+    unlinkSync(jestGlobalBabelPath)
+  })
+
   it('reads default babel if there is .babelrc', () => {
     const babelRcPath = resolve(__dirname, '../.babelrc')
     const babelRcCopiedPath = resolve(__dirname, '../.babelrc_cp')
     createReadStream(babelRcPath).pipe(createWriteStream(babelRcCopiedPath))
     const babelRcOriginal = JSON.parse(readFileSync(babelRcPath, { encoding: 'utf8' }))
-    const babelConfig = loadBabelConfig()
+    const babelConfig = loadBabelConfig({})
     expect(babelConfig).toEqual(babelRcOriginal)
     const tempPath = resolve(__dirname, '../.renamed')
     renameSync(babelRcCopiedPath, tempPath)