test: add sourcemap test

Author: eddyerburgh

jest-vue.js

@@ -4,7 +4,7 @@ const sourceMap = require('source-map')
 const path = require('path')
 const compileTemplate = require('./template-compiler')
 const convert = require('convert-source-map')
-
+const fs = require('fs')
 const splitRE = /\r?\n/g
 
 function generateSourceMap (script, output, filePath, content, inputMap) {
@@ -54,6 +54,7 @@ function addTemplateMapping (content, parts, output, map, beforeLines) {
     })
   }
 }
+
 module.exports = {
   process (src, path) {
     var parts = vueCompiler.parseComponent(src, { pad: true })
@@ -87,10 +88,10 @@ module.exports = {
     if (map) {
       output += '\n' + convert.fromJSON(map.toString()).toComment()
     }
+    var wstream = fs.createWriteStream('myOutput.txt')
+    wstream.write(convert.fromJSON(map.toString()).toComment())
+    wstream.end()
 
-    return {
-      code: output,
-      map: map
-    }
+    return output
   }
 }

package.json

@@ -33,6 +33,7 @@
   "jest": {
     "moduleFileExtensions": [
       "js",
+      "json",
       "vue"
     ],
     "transform": {

test/Hello.spec.js

@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import Hello from './resources/Hello.vue'
+import jestVue from '../jest-vue'
+import { resolve } from 'path'
+import { readFileSync } from 'fs'
+
+test('processes .vue files', () => {
+  const vm = new Vue(Hello).$mount()
+  expect(typeof vm.$el).toBe('object')
+})
+
+test('generates inline sourcemap', () => {
+  const expectedMap = '//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlbGxvLnZ1ZSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQVBBO0FBU0E7QUFDQTtBQUNBO0FBQ0E7QUFGQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQWpCQTs7OztBQVBBO0FBQUEiLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG4gICAgPGRpdiBjbGFzcz1cImhlbGxvXCI+XG4gICAgICAgIDxoMSA6Y2xhc3M9XCJoZWFkaW5nQ2xhc3Nlc1wiPnt7IG1zZyB9fTwvaDE+XG4gICAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuICAgIGV4cG9ydCBkZWZhdWx0IHtcbiAgICAgICAgbmFtZTogJ2hlbGxvJyxcbiAgICAgICAgY29tcHV0ZWQ6IHtcbiAgICAgICAgICAgIGhlYWRpbmdDbGFzc2VzOiBmdW5jdGlvbiBoZWFkaW5nQ2xhc3NlcygpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICByZWQ6IHRoaXMuaXNDcmF6eSxcbiAgICAgICAgICAgICAgICAgICAgYmx1ZTogIXRoaXMuaXNDcmF6eSxcbiAgICAgICAgICAgICAgICAgICAgc2hhZG93OiB0aGlzLmlzQ3JhenksXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIG1zZzogJ1dlbGNvbWUgdG8gWW91ciBWdWUuanMgQXBwJyxcbiAgICAgICAgICAgICAgICBpc0NyYXp5OiBmYWxzZSxcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0sXG4gICAgICAgIG1ldGhvZHM6IHtcbiAgICAgICAgICAgIHRvZ2dsZUNsYXNzOiBmdW5jdGlvbiB0b2dnbGVDbGFzcygpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzQ3JhenkgPSAhdGhpcy5pc0NyYXp5O1xuICAgICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICB9O1xuPC9zY3JpcHQ+Il19'
+  const filePath = resolve(__dirname, './resources/Hello.vue')
+  const fileString = readFileSync(filePath, { encoding: 'utf8' })
+  const output = jestVue.process(fileString, filePath)
+  expect(output).toContain(expectedMap)
+})