update deps and test

Author: weizhenye

.gitignore

@@ -1,3 +1,4 @@
 npm-debug.log*
 node_modules
 coverage
+package-lock.json

.travis.yml

@@ -1,8 +1,10 @@
-sudo: required
+sudo: false
 dist: trusty
 language: node_js
 node_js:
-  - "6"
+  - "8"
+addons:
+  chrome: stable
 before_install:
   - |
     if ! git diff --name-only $TRAVIS_COMMIT_RANGE | grep -qvE '(\.md$)|(^(docs|examples))/'

README.md

@@ -32,27 +32,23 @@ import VueHighcharts from 'vue-highcharts';
 Vue.use(VueHighcharts);
 ```
 
-If you want to use Highstock, Highmaps or any other add-ons, you should pass in the `Highcharts` object [which included the corresponding modules](http://www.highcharts.com/docs/getting-started/install-from-npm).
+If you want to use Highstock, Highmaps or any other add-ons, you should pass in the `Highcharts` object [which included the corresponding modules](https://www.highcharts.com/docs/getting-started/install-from-npm).
 
 ```js
-// Use Highstock
 import Vue from 'vue';
 import VueHighcharts from 'vue-highcharts';
-import Highcharts from 'highcharts/highstock';
+import Highcharts from 'highcharts';
 
-Vue.use(VueHighcharts, { Highcharts });
-```
-
-```js
-// Use Highstock and Highmaps
-import Vue from 'vue';
-import VueHighcharts from 'vue-highcharts';
-import Highcharts from 'highcharts/highstock';
+import loadStock from 'highcharts/modules/stock';
 import loadMap from 'highcharts/modules/map';
+import loadDrilldown from 'highcharts/modules/drilldown';
 
+loadStock(Highcharts);
 loadMap(Highcharts);
+loadDrillDown(Highcharts);
 
 Vue.use(VueHighcharts, { Highcharts });
+// Now you can use Highstock, Highmaps and drilldown.
 ```
 
 Then you can use the components in your template.
@@ -64,9 +60,9 @@ Then you can use the components in your template.
 <highcharts-renderer :width="width" :height="height"></highcharts-renderer>
 ```
 
-The `options` object can be found in [Highcharts API Reference](http://api.highcharts.com/highcharts). Note you should never pass in `chart.renderTo` for watching it may cause stack overflow.
+The `options` object can be found in [Highcharts API Reference](https://api.highcharts.com/highcharts). Note you should never pass in `chart.renderTo` for watching it may cause stack overflow.
 
-`<highcharts-renderer>` [creates an independent renderer](http://api.highcharts.com/highcharts/Renderer).
+`<highcharts-renderer>` [creates an independent renderer](https://api.highcharts.com/class-reference/Highcharts.SVGRenderer).
 
 The `Highcharts` object is available at `vm.Highcharts`. If you want to access the `chart` or `renderer` instance, you can use child component refs:
 

karma.conf.js

@@ -2,10 +2,11 @@ module.exports = function(config) {
   config.set({
     singleRun: true,
     frameworks: ['mocha', 'chai'],
-    browsers: ['PhantomJS'],
+    browsers: ['ChromeHeadless'],
     files: [
       'node_modules/vue/dist/vue.js',
-      'node_modules/highcharts/highstock.js',
+      'node_modules/highcharts/highcharts.js',
+      'node_modules/highcharts/modules/stock.js',
       'node_modules/highcharts/modules/map.js',
       'test/test.js'
     ],
@@ -14,7 +15,6 @@ module.exports = function(config) {
     },
     rollupPreprocessor: {
       format: 'iife',
-      moduleName: 'VueHighcharts',
       globals: {
         highcharts: 'Highcharts',
         vue: 'Vue'

package.json

@@ -10,7 +10,8 @@
   ],
   "scripts": {
     "lint": "eslint src test",
-    "test": "npm run lint && karma start",
+    "unit": "karma start",
+    "test": "npm run lint && npm run unit",
     "bundle": "rollup src/index.js -f umd -n VueHighcharts -g highcharts:Highcharts -o dist/vue-highcharts.js",
     "minify": "uglifyjs dist/vue-highcharts.js -m -o dist/vue-highcharts.min.js",
     "build": "npm run bundle && npm run minify",
@@ -40,21 +41,20 @@
     "vue": ">=1.0.0"
   },
   "devDependencies": {
-    "chai": "^4.0.0",
-    "eslint": "^3.19.0",
-    "eslint-config-google": "^0.7.1",
-    "highcharts": "^5.0.12",
-    "karma": "^1.7.0",
+    "chai": "^4.1.2",
+    "eslint": "^4.8.0",
+    "eslint-config-google": "^0.9.1",
+    "highcharts": "^6.0.1",
+    "karma": "^1.7.1",
     "karma-chai": "^0.1.0",
+    "karma-chrome-launcher": "^2.2.0",
     "karma-coverage": "^1.1.1",
     "karma-mocha": "^1.3.0",
-    "karma-phantomjs-launcher": "^1.0.4",
-    "karma-rollup-plugin": "^0.2.4",
-    "mocha": "^3.4.2",
-    "phantomjs-prebuilt": "^2.1.14",
-    "rollup": "^0.41.6",
+    "karma-rollup-preprocessor": "^5.0.1",
+    "mocha": "^4.0.1",
+    "rollup": "^0.50.0",
     "rollup-plugin-istanbul": "^1.1.0",
-    "uglify-js": "^3.0.11",
-    "vue": "^2.3.3"
+    "uglify-js": "^3.1.3",
+    "vue": "^2.4.4"
   }
 }

test/test.js

@@ -41,8 +41,8 @@ describe('vue-highcharts', function() {
     componentHelper(done, '<highstock :options="{}"></highstock>');
   });
 
-  it('should support <highstock> component', function(done) {
-    componentHelper(done, '<highstock :options="{}"></highstock>');
+  it('should support <highmaps> component', function(done) {
+    componentHelper(done, '<highmaps :options="{}"></highmaps>');
   });
 
   it('should support <highcharts-renderer> component', function(done) {