add test cases for babel

Author: ktsn

package.json

@@ -35,6 +35,11 @@
   "devDependencies": {
     "@types/chai": "^3.4.34",
     "@types/mocha": "^2.2.32",
+    "babel-core": "^6.18.2",
+    "babel-loader": "^6.2.7",
+    "babel-plugin-transform-class-properties": "^6.18.0",
+    "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-preset-es2015": "^6.18.0",
     "chai": "^3.5.0",
     "mocha": "^3.1.2",
     "node-libs-browser": "^1.0.0",

test/.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["es2015", {"modules": false}]
+  ],
+  "plugins": [
+    "transform-decorators-legacy",
+    "transform-class-properties"
+  ]
+}

test/test-babel.js

@@ -0,0 +1,20 @@
+import Component from '../lib/index'
+import { expect } from 'chai'
+import Vue from 'vue'
+
+describe('vue-class-component with Babel', () => {
+  it('should be instantiated without any errors', () => {
+    @Component
+    class MyComp {}
+    expect(() => new MyComp()).to.not.throw(Error)
+  })
+
+  it('should collect class properties as data', () => {
+    @Component
+    class MyComp {
+      foo = 'hello'
+    }
+    const c = new MyComp()
+    expect(c.foo).to.equal('hello')
+  })
+})

test/webpack.config.js

@@ -1,5 +1,8 @@
 module.exports = {
-  entry: './test/test.ts',
+  entry: [
+    './test/test.ts',
+    './test/test-babel.js'
+  ],
   output: {
     path: './test',
     filename: 'test.build.js'
@@ -10,6 +13,11 @@ module.exports = {
         test: /\.ts$/,
         exclude: /node_modules|vue\/src/,
         loader: 'ts'
+      },
+      {
+        test: /\.js$/,
+        exclude: /node_modules|vue\/src/,
+        loader: 'babel'
       }
     ]
   }