revisit tests

Author: archmoj

test/jasmine/performance_tests/assets/constants.js

@@ -0,0 +1,3 @@
+module.export = {
+    nSamples: 1
+};

test/jasmine/performance_tests/assets/post_process.js

@@ -1,10 +1,14 @@
 exports.writeRawDataAsCSV = function(traceName, allTests) {
-    var str = 'chart type,data points,run id,rendering time(ms)\n';
+    var str = 'number of traces,chart type,data points,run id,rendering time(ms)\n';
     for(var k = 0; k < allTests.length; k++) {
         var test = allTests[k];
 
         for(var i = 0; i < test.raw.length; i++) {
-            str += traceName + ',' + test.n + ',' + i + ',' + test.raw[i] + '\n';
+            str +=
+                (test.nTraces || 1) + ',' +
+                (traceName + (test.mode ? '_' + test.mode : '')) + ',' +
+                test.n + ',' + i + ',' +
+                test.raw[i] + '\n';
         }
     }
 

test/jasmine/performance_tests/bar_test.js

@@ -4,12 +4,13 @@ var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var PlotlyBar = require('../../../lib/bar');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyBar);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{

test/jasmine/performance_tests/box_test.js

@@ -4,12 +4,13 @@ var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var PlotlyBox = require('../../../lib/box');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyBox);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{

test/jasmine/performance_tests/contour_test.js

@@ -4,12 +4,13 @@ var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var PlotlyContour = require('../../../lib/contour');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyContour);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{

test/jasmine/performance_tests/heatmap_test.js

@@ -4,12 +4,13 @@ var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var PlotlyHeatmap = require('../../../lib/heatmap');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyHeatmap);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{

test/jasmine/performance_tests/histogram_test.js

@@ -4,12 +4,13 @@ var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var PlotlyHistogram = require('../../../lib/histogram');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyHistogram);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{

test/jasmine/performance_tests/image_test.js

@@ -4,12 +4,13 @@ var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var PlotlyImage = require('../../../lib/image');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyImage);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{
@@ -32,7 +33,7 @@ tests.forEach(function(spec, index) {
     describe('Performance test image | size:' + spec.nx + 'X' + spec.ny, function() {
         'use strict';
 
-        const samples = Array.from({ length: 9 }, (_, i) => i);
+        const samples = Array.from({ length: nSamples }, (_, i) => i);
         const nTimes = samples.length - 1;
 
         var A = spec.nx;

test/jasmine/performance_tests/scatter_test.js

@@ -3,49 +3,127 @@ var delay = require('../assets/delay');
 var d3SelectAll = require('../../strict-d3').selectAll;
 var Plotly = require('../../../lib/core');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{
-    n: 1000
+    n: 1000, mode: 'markers', nTraces: 1
 }, {
-    n: 2000
+    n: 2000, mode: 'markers', nTraces: 1
 }, {
-    n: 4000
+    n: 4000, mode: 'markers', nTraces: 1
 }, {
-    n: 8000
+    n: 8000, mode: 'markers', nTraces: 1
 }, {
-    n: 16000
+    n: 16000, mode: 'markers', nTraces: 1
 }, {
-    n: 32000
+    n: 32000, mode: 'markers', nTraces: 1
 }, {
-    n: 64000
+    n: 64000, mode: 'markers', nTraces: 1
+}, {
+    n: 1000, mode: 'lines', nTraces: 1
+}, {
+    n: 2000, mode: 'lines', nTraces: 1
+}, {
+    n: 4000, mode: 'lines', nTraces: 1
+}, {
+    n: 8000, mode: 'lines', nTraces: 1
+}, {
+    n: 16000, mode: 'lines', nTraces: 1
+}, {
+    n: 32000, mode: 'lines', nTraces: 1
+}, {
+    n: 64000, mode: 'lines', nTraces: 1
+}, {
+    n: 1000, mode: 'markers', nTraces: 10
+}, {
+    n: 2000, mode: 'markers', nTraces: 10
+}, {
+    n: 4000, mode: 'markers', nTraces: 10
+}, {
+    n: 8000, mode: 'markers', nTraces: 10
+}, {
+    n: 16000, mode: 'markers', nTraces: 10
+}, {
+    n: 32000, mode: 'markers', nTraces: 10
+}, {
+    n: 64000, mode: 'markers', nTraces: 10
+}, {
+    n: 1000, mode: 'lines', nTraces: 10
+}, {
+    n: 2000, mode: 'lines', nTraces: 10
+}, {
+    n: 4000, mode: 'lines', nTraces: 10
+}, {
+    n: 8000, mode: 'lines', nTraces: 10
+}, {
+    n: 16000, mode: 'lines', nTraces: 10
+}, {
+    n: 32000, mode: 'lines', nTraces: 10
+}, {
+    n: 64000, mode: 'lines', nTraces: 10
+}, {
+    n: 1000, mode: 'markers', nTraces: 100
+}, {
+    n: 2000, mode: 'markers', nTraces: 100
+}, {
+    n: 4000, mode: 'markers', nTraces: 100
+}, {
+    n: 8000, mode: 'markers', nTraces: 100
+}, {
+    n: 16000, mode: 'markers', nTraces: 100
+}, {
+    n: 32000, mode: 'markers', nTraces: 100
+}, {
+    n: 64000, mode: 'markers', nTraces: 100
+}, {
+    n: 1000, mode: 'lines', nTraces: 100
+}, {
+    n: 2000, mode: 'lines', nTraces: 100
+}, {
+    n: 4000, mode: 'lines', nTraces: 100
+}, {
+    n: 8000, mode: 'lines', nTraces: 100
+}, {
+    n: 16000, mode: 'lines', nTraces: 100
+}, {
+    n: 32000, mode: 'lines', nTraces: 100
+}, {
+    n: 64000, mode: 'lines', nTraces: 100
 }];
 
 tests.forEach(function(spec, index) {
-    describe('Performance test scatter | size:' + spec.n, function() {
+    describe('Performance test ' + spec.nTraces + 'scatter | size:' + spec.n + ' | mode: ' + spec.mode, function() {
         'use strict';
 
-        var y = Float64Array.from({ length: spec.n }, (_, i) => i * Math.cos(Math.sqrt(i)));
+        var startTime, endTime;
 
-        var mock = {
-            data: [{
-                type: 'scatter',
-                mode: 'markers',
-                y: y
-            }],
-            layout: {
-                width: 900,
-                height: 400
+        beforeEach(function(done) {
+            var y = Array.from({ length: spec.n }, (_, i) => i * Math.cos(Math.sqrt(i)));
+            var data = [];
+            var nPerTrace = Math.floor(spec.n / spec.nTraces);
+            for(var k = 0; k < spec.nTraces; k++) {
+                data.push({
+                    type: 'scatter',
+                    mode: spec.mode,
+                    y: y.slice(k * nPerTrace, (k + 1) * nPerTrace),
+                    x: Array.from({ length: nPerTrace }, (_, i) => i + k * nPerTrace)
+                });
             }
-        };
 
-        var startTime, endTime;
+            var mock = {
+                data: data,
+                layout: {
+                    showlegend: false,
+                    width: 900,
+                    height: 400
+                }
+            };
 
-        beforeEach(function(done) {
             startTime = performance.now();
 
             // Wait for actual rendering to complete
@@ -73,7 +151,7 @@ tests.forEach(function(spec, index) {
                 tests[index].raw[t] = delta;
 
                 var nodes = d3SelectAll('g.trace.scatter');
-                expect(nodes.size()).toEqual(1);
+                expect(nodes.size()).toEqual(spec.nTraces);
 
                 if(t === nTimes && index === tests.length - 1) {
                     writeRawDataAsCSV('scatter', tests);

test/jasmine/performance_tests/scattergl_test.js

@@ -3,12 +3,13 @@ var delay = require('../assets/delay');
 var Plotly = require('../../../lib/core');
 var PlotlyScattergl = require('../../../lib/scattergl');
 var writeRawDataAsCSV = require('./assets/post_process').writeRawDataAsCSV;
+var nSamples = require('./assets/constants').nSamples;
 
 Plotly.register(PlotlyScattergl);
 
 var gd = createGraphDiv();
 
-const samples = Array.from({ length: 9 }, (_, i) => i);
+const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{