feat(tests): Jest tests added.

.babelrc

@@ -1,5 +1,12 @@
 {
     "presets": [
         ["@babel/preset-env", {"modules": false}]
-    ]
+    ],
+    "env": {
+        "test": {
+          "presets": [
+            ["@babel/preset-env", { "targets": { "node": "current" }}]
+          ]
+        }
+    }
 }

.eslintrc.json

@@ -3,6 +3,9 @@
     "plugin:vue/essential",
     "standard"
   ],
+  "env": {
+    "jest": true
+  },
   "rules": {
     "no-new": 0,
     "vue/html-indent": [

dist/highcharts-vue.js

@@ -126,7 +126,7 @@ var generateVueComponent = function generateVueComponent(Highcharts) {
     props: {
       constructorType: {
         type: String,
-        default: 'chart'
+        "default": 'chart'
       },
       options: {
         type: Object,
@@ -135,7 +135,7 @@ var generateVueComponent = function generateVueComponent(Highcharts) {
       callback: Function,
       updateArgs: {
         type: Array,
-        default: function _default() {
+        "default": function _default() {
           return [true, true];
         }
       },
@@ -144,7 +144,7 @@ var generateVueComponent = function generateVueComponent(Highcharts) {
       },
       deepCopyOnUpdate: {
         type: Boolean,
-        default: true
+        "default": true
       }
     },
     watch: {

package.json

@@ -5,14 +5,31 @@
   "main": "dist/highcharts-vue.min.js",
   "typings": "types/highcharts-vue.d.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "jest",
     "build": "webpack",
     "build:app": "cd demo && npm install",
     "app": "cd demo && npm run dev",
     "lint": "eslint . --ext .js,.vue",
     "lint:fix": "eslint . --ext .js,.vue --fix",
     "release": "standard-version"
   },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "vue"
+    ],
+    "transform": {
+      "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
+      ".*\\.(vue)$": "<rootDir>/node_modules/vue-jest"
+    },
+    "moduleNameMapper": {
+      "^@/(.*)$": "<rootDir>/src/$1"
+    },
+    "snapshotSerializers": [
+      "<rootDir>/node_modules/jest-serializer-vue"
+    ]
+  },
   "homepage": "https://github.com/highcharts/highcharts-vue#readme",
   "repository": {
     "type": "git",
@@ -41,13 +58,21 @@
   "devDependencies": {
     "@babel/core": "^7.0.0-beta.39",
     "@babel/preset-env": "^7.0.0-beta.39",
+    "@vue/test-utils": "^1.0.0-beta.29",
+    "babel-jest": "^24.8.0",
     "babel-loader": "^8.0.0-beta.0",
     "eslint": "^4.17.0",
     "eslint-plugin-standard": "^3.0.1",
     "eslint-plugin-vue": "^4.2.2",
+    "highcharts": "^7.1.1",
     "husky": "^1.0.0-rc.13",
+    "jest": "^24.8.0",
+    "jest-serializer-vue": "^2.0.2",
     "standard": "^10.0.3",
     "standard-version": "^4.4.0",
+    "vue": "^2.6.10",
+    "vue-jest": "^3.0.4",
+    "vue-template-compiler": "^2.6.10",
     "webpack": "^3.10.0"
   }
 }

tests/unit.test.js

@@ -0,0 +1,77 @@
+import { mount } from '@vue/test-utils'
+import generateVueComponent from '../src/component'
+import Highcharts from 'highcharts'
+
+const Chart = generateVueComponent(Highcharts)
+
+const propsData = {
+  options: {
+    series: [{
+      name: 'Series',
+      data: [1, 2, 3]
+    }]
+  },
+  callback: function () {
+    this.wasCallbackInvoked = true
+  }
+}
+
+describe('highcharts-vue tests', () => {
+  const wrapper = mount(Chart, { propsData })
+  const chart = Highcharts.charts[0]
+
+  test('Wrapper should be a Vue instance.', () => {
+    expect(wrapper.isVueInstance()).toBeTruthy()
+  })
+
+  test('Only one chart should be created.', () => {
+    expect(Highcharts.charts.length).toBe(1)
+  })
+
+  test('Chart data should be set correctly.', () => {
+    expect(
+      wrapper.props().options.series[0].data
+    ).toEqual(
+      chart.series[0].yData
+    )
+  })
+
+  test('Callback should be invoked.', () => {
+    expect(chart.wasCallbackInvoked).toBeTruthy()
+  })
+
+  test('Chart data should be copied.', () => {
+    wrapper.setProps({
+      options: {
+        series: [{
+          name: 'Series',
+          data: [1, 2, 3, 9]
+        }]
+      }
+    })
+
+    expect(
+      wrapper.props('options').series[0].data === chart.series[0].userOptions.data
+    ).not.toBeTruthy()
+  })
+
+  test('Chart data should not be copied.', () => {
+    wrapper.setProps({
+      deepCopyOnUpdate: false,
+      options: {
+        series: [{
+          data: [12, 10, 5, 6, 10]
+        }]
+      }
+    })
+
+    expect(
+      wrapper.props('options').series[0].data === chart.series[0].userOptions.data
+    ).toBeTruthy()
+  })
+
+  test('Chart should be destroyed when component is destroyed.', () => {
+    wrapper.destroy()
+    expect(Highcharts.charts[0]).not.toBeTruthy()
+  })
+})