feat(babel): use root .babelrc if exists

Author: eddyerburgh

jest-vue.js

@@ -1,21 +1,13 @@
 const vueCompiler = require('vue-template-compiler')
-const babel = require('babel-core')
 const compileTemplate = require('./lib/template-compiler')
 const generateSourceMap = require('./lib/generate-source-map')
 const addTemplateMapping = require('./lib/add-template-mapping')
 const convertSourceMap = require('convert-source-map')
 const typescript = require('typescript')
+const compileBabel = require('./lib/compilers/babel-compiler')
 
 const splitRE = /\r?\n/g
 
-function compileBabel (scriptContent) {
-  return babel.transform(scriptContent, {
-    sourceMaps: true,
-    presets: ['es2015'],
-    plugins: ['transform-runtime']
-  })
-}
-
 function compileTypescript (scriptContent) {
   return {
     code: typescript.transpile(scriptContent)

lib/compilers/babel-compiler.js

@@ -0,0 +1,27 @@
+const babel = require('babel-core')
+const path = require('path')
+const fs = require('fs')
+
+var defaultBabelOptions = {
+  presets: ['es2015'],
+  plugins: ['transform-runtime']
+}
+
+function getBabelRc (path) {
+  var rc
+  try {
+    rc = JSON.parse(fs.readFileSync(path, 'utf-8'))
+  } catch (e) {
+    throw new Error('[vue-jest] Your .babelrc seems to be incorrectly formatted.')
+  }
+  return rc
+}
+
+module.exports = function compileBabel (scriptContent) {
+  const babelRcPath = path.resolve(process.cwd(), '.babelrc')
+  const babelRcExists = fs.existsSync(babelRcPath);
+  const baseBabelOptions = babelRcExists ? getBabelRc(babelRcPath) : defaultBabelOptions
+  const babelOptions = Object.assign({sourceMaps: true}, baseBabelOptions)
+
+  return babel.transform(scriptContent, babelOptions)
+}

package.json

@@ -16,6 +16,8 @@
   "devDependencies": {
     "babel-core": "^6.25.0",
     "babel-jest": "^20.0.3",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-istanbul": "^4.1.4",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.0",
     "babel-preset-es2015": "^6.24.1",

test/Basic.spec.js renamed to test/Babel.spec.js

@@ -1,14 +1,27 @@
 import Vue from 'vue'
-import Hello from './resources/Basic.vue'
+import Basic from './resources/Basic.vue'
 import jestVue from '../jest-vue'
 import { resolve } from 'path'
-import { readFileSync } from 'fs'
+import { readFileSync, writeFileSync } from 'fs'
 
 test('processes .vue files', () => {
-  const vm = new Vue(Hello).$mount()
+  const vm = new Vue(Basic).$mount()
   expect(typeof vm.$el).toBe('object')
 })
 
+test('processes .vue files using .babelrc if it exists in route', () => {
+  const babelRcPath = resolve(__dirname, '../.babelrc')
+  const babelRcOriginal = readFileSync(babelRcPath, { encoding: 'utf8' })
+  writeFileSync(babelRcPath, '{"presets": ["es2015", "stage-2"],"plugins": ["istanbul"]}')
+  const filePath = resolve(__dirname, './resources/Basic.vue')
+  const fileString = readFileSync(filePath, { encoding: 'utf8' })
+
+  const output = jestVue.process(fileString, filePath)
+  writeFileSync(babelRcPath, babelRcOriginal)
+  // coverageData.hash is added by babel-plugin-istanbul, added to root .babelrc for this test only
+  expect(output).toContain('coverageData.hash')
+})
+
 test('generates inline sourcemap', () => {
   const expectedMap = '//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2ljLnZ1ZSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQVBBO0FBU0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQWpCQTs7OztBQVBBO0FBQUEiLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG4gICAgPGRpdiBjbGFzcz1cImhlbGxvXCI+XG4gICAgICAgIDxoMSA6Y2xhc3M9XCJoZWFkaW5nQ2xhc3Nlc1wiPnt7IG1zZyB9fTwvaDE+XG4gICAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuICAgIGV4cG9ydCBkZWZhdWx0IHtcbiAgICAgICAgbmFtZTogJ2Jhc2ljJyxcbiAgICAgICAgY29tcHV0ZWQ6IHtcbiAgICAgICAgICAgIGhlYWRpbmdDbGFzc2VzOiBmdW5jdGlvbiBoZWFkaW5nQ2xhc3NlcygpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICByZWQ6IHRoaXMuaXNDcmF6eSxcbiAgICAgICAgICAgICAgICAgICAgYmx1ZTogIXRoaXMuaXNDcmF6eSxcbiAgICAgICAgICAgICAgICAgICAgc2hhZG93OiB0aGlzLmlzQ3JhenksXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIG1zZzogJ1dlbGNvbWUgdG8gWW91ciBWdWUuanMgQXBwJyxcbiAgICAgICAgICAgICAgICBpc0NyYXp5OiBmYWxzZSxcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0sXG4gICAgICAgIG1ldGhvZHM6IHtcbiAgICAgICAgICAgIHRvZ2dsZUNsYXNzOiBmdW5jdGlvbiB0b2dnbGVDbGFzcygpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzQ3JhenkgPSAhdGhpcy5pc0NyYXp5O1xuICAgICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICB9O1xuPC9zY3JpcHQ+XG4iXX0='
   const filePath = resolve(__dirname, './resources/Basic.vue')