test: add test for component that uses JSX (vuejs#142)

eddyerburgh · web-flow · commit f01f9b1af725 · 2019-01-06T11:59:43.000Z
diff --git a/e2e/__projects__/babel-config/babel.config.js b/e2e/__projects__/babel-config/babel.config.js
@@ -1,3 +1,4 @@
 module.exports = {
-  presets: ['@babel/preset-env']
+  presets: ['@babel/preset-env'],
+  plugins: ['transform-vue-jsx']
 }
diff --git a/e2e/__projects__/babel-config/components/Jsx.vue b/e2e/__projects__/babel-config/components/Jsx.vue
@@ -0,0 +1,7 @@
+<script>
+export default {
+  render(h) {
+    return <div />
+  }
+}
+</script>
diff --git a/e2e/__projects__/babel-config/package.json b/e2e/__projects__/babel-config/package.json
@@ -16,6 +16,9 @@
     "@babel/preset-env": "^7.2.3",
     "@vue/test-utils": "^1.0.0-beta.28",
     "babel-core": "^7.0.0-bridge.0",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
     "jest": "^23.6.0",
     "node-sass": "^4.11.0",
     "vue-jest": "file:../../../"
diff --git a/e2e/__projects__/babel-config/test.js b/e2e/__projects__/babel-config/test.js
@@ -20,6 +20,7 @@ import Less from './components/Less.vue'
 import PostCss from './components/PostCss.vue'
 import Pug from './components/Pug.vue'
 import PugRelative from './components/PugRelativeExtends.vue'
+import Jsx from './components/Jsx.vue'
 
 test('processes .vue files', () => {
   const wrapper = mount(Basic)
@@ -57,6 +58,11 @@ test('generates source maps using src attributes', () => {
   expect(code).toMatchSnapshot()
 })
 
+test('processes .vue file using jsx', () => {
+  const wrapper = mount(Jsx)
+  expect(wrapper.vm).toBeTruthy()
+})
+
 test('processes .vue file with lang set to coffee', () => {
   const wrapper = mount(Coffee)
   expect(wrapper.vm).toBeTruthy()

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
`1`	`1`	`module.exports = {`
`2`		`- presets: ['@babel/preset-env']`
	`2`	`+ presets: ['@babel/preset-env'],`
	`3`	`+ plugins: ['transform-vue-jsx']`
`3`	`4`	`}`