jest

.babelrc

@@ -1,4 +1,7 @@
 {
-    "presets": ["env"],
-    "plugins": ["transform-async-to-generator"]
+    "presets": [
+        ["@babel/preset-env", {
+            "useBuiltIns": "entry"
+        }]
+    ]
 }

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2017, Quantmind
+Copyright (c) 2018, Quantmind
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without

dev/jest.config.json

@@ -0,0 +1,19 @@
+{
+    "rootDir": "../",
+    "roots": ["<rootDir>/src/", "<rootDir>/test/"],
+    "collectCoverage": true,
+    "coverageDirectory": "<rootDir>/build",
+    "coverageReporters": ["json", "html", "lcov", "text", "text-summary"],
+    "collectCoverageFrom": ["src/**"],
+    "coveragePathIgnorePatterns": [
+    ],
+    "snapshotSerializers": [],
+    "coverageThreshold": {
+      "global": {
+        "branches": 9,
+        "functions": 10,
+        "lines": 10,
+        "statements": 10
+      }
+    }
+  }

dev/rollup.config.js

@@ -1,5 +1,4 @@
 import json from 'rollup-plugin-json';
-import babel from 'rollup-plugin-babel';
 import sourcemaps from 'rollup-plugin-sourcemaps';
 import commonjs from 'rollup-plugin-commonjs';
 import node from 'rollup-plugin-node-resolve';
@@ -20,12 +19,6 @@ export default {
     },
     plugins: [
         json(),
-        babel({
-            babelrc: false,
-            plugins: ['external-helpers'],
-            presets: ['es2015-rollup'],
-            externalHelpers: true
-        }),
         sourcemaps(),
         commonjs({include: ['node_modules/**']}),
         node()

package.json

@@ -28,73 +28,60 @@
         "crossfilter": "1.3",
         "d3-array": "1.2",
         "d3-collection": "1.0",
-        "d3-color": "1.0",
+        "d3-color": "1.2",
         "d3-dispatch": "1.0",
         "d3-dsv": "1.0",
-        "d3-format": "1.2",
+        "d3-format": "1.3",
         "d3-let": "0.4",
-        "d3-selection": "1.2",
+        "d3-selection": "1.3",
         "d3-time": "1.0",
         "d3-time-format": "2.1",
         "d3-timer": "1.0",
         "d3-transition": "1.1",
-        "d3-view": "1.2"
+        "d3-view": "1.4"
     },
     "devDependencies": {
-        "ajv": "6.0",
-        "babel-core": "6.26",
+        "ajv": "6.5",
+        "@babel/core": "latest",
+        "@babel/plugin-proposal-object-rest-spread": "latest",
+        "@babel/preset-env": "latest",
+        "babel-core": "7.0.0-bridge.0",
         "babel-eslint": "8.2",
-        "babel-plugin-external-helpers": "6.22",
-        "babel-plugin-istanbul": "4.1",
-        "babel-polyfill": "6.26",
-        "babel-preset-env": "1.6",
-        "babel-preset-es2015-rollup": "3.0",
-        "babelify": "8.0",
+        "babel-jest": "23",
+        "babel-loader": "8.0.0-beta.2",
         "browserify-istanbul": "3.0",
         "d3-axis": "1.0",
         "d3-brush": "1.0",
         "d3-polygon": "1.0",
         "d3-quant": "0.4",
-        "d3-scale": "1.0",
+        "d3-scale": "2.0",
         "d3-shape": "1.2",
         "d3-svg-legend": "2.25",
         "d3-zoom": "1.7",
-        "eslint": "4.15",
+        "eslint": "4.19",
         "handlebars": "4.0",
-        "jasmine-core": "2.8",
-        "karma": "2.0",
-        "karma-browserify": "5.1",
-        "karma-chrome-launcher": "2.2",
-        "karma-coverage": "1.1",
-        "karma-firefox-launcher": "1.1",
-        "karma-jasmine": "1.1",
-        "karma-junit-reporter": "1.2",
-        "karma-phantomjs-launcher": "1.0",
-        "karma-safari-launcher": "1.0",
-        "node-sass": "4.7",
-        "package-preamble": "0.1",
-        "phantomjs-prebuilt": "2.1",
+        "jest": "23",
+        "node-sass": "4.9",
         "publish": "0.6",
-        "rollup": "0.54",
+        "rollup": "0.59",
         "rollup-plugin-babel": "3.0",
-        "rollup-plugin-commonjs": "8.2",
-        "rollup-plugin-json": "2.3",
-        "rollup-plugin-node-resolve": "3.0",
+        "rollup-plugin-commonjs": "9.1",
+        "rollup-plugin-json": "3.0",
+        "rollup-plugin-node-resolve": "3.3",
         "rollup-plugin-sourcemaps": "0.4",
+        "rollup-plugin-uglify": "4.0",
         "rollup-watch": "4.3",
-        "uglify-js": "3.3",
-        "watchify": "3.9",
         "whatwg-fetch": "2.0"
     },
     "scripts": {
         "lint": "eslint index.js test src dev",
         "test": "eslint index.js dev test src && npm run-script unit",
-        "rollup": "rollup -c dev/rollup.config.js --banner \"$(preamble)\"",
+        "rollup": "rollup -c dev/rollup.config.js",
         "dev": "rollup -c dev/rollup.config.js -w",
         "cover": "karma start test/karma/karma.cover.js",
         "cleanup": "rm -rf build",
-        "build": "npm run-script rollup && uglifyjs --preamble \"$(preamble)\" build/d3-visualize.js -c -m -o build/d3-visualize.min.js && npm run-script css && npm run-script schema",
-        "unit": "karma start test/karma/karma.unit.js",
+        "build": "npm run-script rollup && npm run-script css && npm run-script schema",
+        "unit": "jest -c dev/jest.config.json",
         "schema": "node dev/schema.js",
         "debug": "karma start test/karma/karma.debug.js",
         "firefox": "karma start test/karma/karma.debug.firefox.js",

src/core/base.js

@@ -66,10 +66,10 @@ function defaultsFromProperties (properties) {
 }
 
 
-function schemaDef (d) {
+const schemaDef = d => {
     var dd = d.split('/');
     return visuals.schema.definitions[dd[dd.length-1]] || {};
-}
+};
 
 //
 //  Visual Interface

src/core/visual.js

@@ -175,7 +175,7 @@ export default createVisual('visual', {
 });
 
 
-if (inBrowser) {
+if (inBrowser && window.MutationObserver) {
     // DOM observer
     // Check for changes in the DOM that leads to visual actions
     const observer = new MutationObserver(visualManager);

src/plugins/expand.js

@@ -1,6 +1,6 @@
 //
 //
-//  Expand viusals layers and visuals
+//  Expand visuals layers and visuals
 //  =======================================
 //
 import {visuals} from '../core/base';

test/.eslintrc

@@ -2,5 +2,5 @@ globals:
     describe: true
     expect: true
     beforeEach: true
-    it: true,
+    test: true,
     spyOn: true

test/test-bar.js → test/bar.test.js

@@ -1,10 +1,10 @@
-import {test, domElement} from './utils';
+import {domElement} from './utils';
 import {visuals, BarChart} from '../index';
 
 
 describe('BarChart -', () => {
 
-    it ('defaults', () => {
+    test('defaults', () => {
         var bar = visuals.options.barchart;
         expect(bar).toBeTruthy();
         expect(bar.orientation).toBe('vertical');

test/test-charts.js → test/charts.test.js

@@ -1,4 +1,3 @@
-import {test} from './utils.js';
 import {visuals} from '../index';
 
 describe('visuals -', () => {

test/test-dashboard.js → test/dashboard.test.js

@@ -1,5 +1,3 @@
-import {test} from './utils.js';
-
 import {view} from 'd3-view';
 import {visualComponents} from '../index';
 

test/test-data.js → test/data.test.js

@@ -1,13 +1,11 @@
-import {test} from './utils';
-
 import {randomPath} from 'd3-quant';
 
 import {DataStore} from '../index';
 
 
 describe('dataStore', () => {
 
-    it('test registration', () => {
+    test('test registration', () => {
         var store = new DataStore();
         expect(store.size()).toBe(0);
         expect(store.source('foo')).toBe(undefined);

test/test-dataframe.js → test/dataframe.test.js

@@ -3,7 +3,7 @@ import {DataFrame} from '../index';
 
 describe('DataFrame -', () => {
 
-    it ('constructor', () => {
+    test('constructor', () => {
         var df = new DataFrame;
         expect(df.constructor).toBe(DataFrame);
         expect(df.size()).toBe(0);

test/test-line.js → test/line.test.js

@@ -3,7 +3,7 @@ import {visuals} from '../index';
 
 describe('LineChart -', () => {
 
-    it ('defaults', () => {
+    test('defaults', () => {
         var line = visuals.options.linechart;
         expect(line).toBeTruthy();
         expect(line.curve).toBe('natural');

test/test-margin.js → test/margin.test.js

@@ -8,7 +8,7 @@ import {visualComponents, PieChart} from '../index';
 
 describe('piechart', () => {
 
-    it ('Bounding box', () => {
+    test('Bounding box', () => {
         var vm = view().use(visualComponents),
             el = vm.createElement('div').node();
         var pie = new PieChart(el),