[IMP] web: use Chart.js in graph view

It has been decided to use Chart.js instead of nvd3 to render charts.
In this commit the graph view has been largely rewritten to benefit
from the options offered by Chart.js.

Task ID: 1946138

1 files changed, 75 insertions, 0 deletions

diff --git a/addons/web/static/tests/core/data_comparison_utils_tests.js b/addons/web/static/tests/core/data_comparison_utils_tests.js
new file mode 100644
index 00000000000..f5058714d20
--- /dev/null
+++ b/addons/web/static/tests/core/data_comparison_utils_tests.js
@@ -0,0 +1,75 @@
+odoo.define('web.data_comparison_utils_tests', function(require) {
+"use strict";
+
+var dataComparisonUtils = require('web.dataComparisonUtils');
+var DateClasses = dataComparisonUtils.DateClasses;
+
+QUnit.module('dataComparisonUtils', function () {
+
+    QUnit.module('DateClasses');
+
+
+    QUnit.test('main parameters are correctly computed', function(assert) {
+        assert.expect(30);
+
+        var dateClasses;
+
+        dateClasses = new DateClasses([['2019']]);
+        assert.strictEqual(dateClasses.referenceIndex, 0);
+        assert.strictEqual(dateClasses.dateClass(0, '2019'), 0);
+        assert.deepEqual(dateClasses.dateClassMembers(0), ['2019']);
+
+        dateClasses = new DateClasses([['2018', '2019']]);
+        assert.strictEqual(dateClasses.referenceIndex, 0);
+        assert.strictEqual(dateClasses.dateClass(0, '2018'), 0);
+        assert.strictEqual(dateClasses.dateClass(0, '2019'), 1);
+        assert.deepEqual(dateClasses.dateClassMembers(0), ['2018']);
+        assert.deepEqual(dateClasses.dateClassMembers(1), ['2019']);
+
+        dateClasses = new DateClasses([['2019'], []]);
+        assert.strictEqual(dateClasses.referenceIndex, 0);
+        assert.strictEqual(dateClasses.dateClass(0, '2019'), 0);
+        assert.deepEqual(dateClasses.dateClassMembers(0), ['2019']);
+
+        dateClasses = new DateClasses([[], ['2019']]);
+        assert.strictEqual(dateClasses.referenceIndex, 1);
+        assert.strictEqual(dateClasses.dateClass(1, '2019'), 0);
+        assert.deepEqual(dateClasses.dateClassMembers(0), ['2019']);
+
+        dateClasses = new DateClasses([['2019'],['2018', '2019']]);
+        assert.strictEqual(dateClasses.referenceIndex, 0);
+        assert.strictEqual(dateClasses.dateClass(0, '2019'), 0);
+        assert.strictEqual(dateClasses.dateClass(1, '2018'), 0);
+        assert.strictEqual(dateClasses.dateClass(1, '2019'), 1);
+        assert.deepEqual(dateClasses.dateClassMembers(0), ['2019', '2018']);
+        assert.deepEqual(dateClasses.dateClassMembers(1), ['2019']);
+
+
+        dateClasses = new DateClasses([['2019'], ['2017', '2018', '2020'], ['2017', '2019']]);
+        assert.strictEqual(dateClasses.referenceIndex, 0);
+        assert.strictEqual(dateClasses.dateClass(0, '2019'), 0);
+        assert.strictEqual(dateClasses.dateClass(1, '2017'), 0);
+        assert.strictEqual(dateClasses.dateClass(1, '2018'), 1);
+        assert.strictEqual(dateClasses.dateClass(1, '2020'), 2);
+        assert.strictEqual(dateClasses.dateClass(2, '2017'), 0);
+        assert.strictEqual(dateClasses.dateClass(2, '2019'), 1);
+        assert.deepEqual(dateClasses.dateClassMembers(0), ['2019', '2017']);
+        assert.deepEqual(dateClasses.dateClassMembers(1), ['2018', '2019']);
+        assert.deepEqual(dateClasses.dateClassMembers(2), ['2020']);
+
+
+    });
+
+    QUnit.test('two overlapping datesets and classes representatives', function(assert) {
+        assert.expect(4);
+
+        var dateClasses = new DateClasses([['March 2017'], ['February 2017', 'March 2017']]);
+
+        assert.strictEqual(dateClasses.representative(0, 0), 'March 2017');
+        assert.strictEqual(dateClasses.representative(0, 1), 'February 2017');
+
+        assert.strictEqual(dateClasses.representative(1, 0), undefined);
+        assert.strictEqual(dateClasses.representative(1, 1), 'March 2017');
+    });
+});
+});