extend box

Author: archmoj

test/jasmine/performance_tests/box_test.js

@@ -14,42 +14,119 @@ const samples = Array.from({ length: nSamples }, (_, i) => i);
 const nTimes = samples.length - 1;
 
 var tests = [{
-    n: 1000
+    n: 1000, mode: 'no points', nTraces: 1
 }, {
-    n: 2000
+    n: 2000, mode: 'no points', nTraces: 1
 }, {
-    n: 4000
+    n: 4000, mode: 'no points', nTraces: 1
 }, {
-    n: 8000
+    n: 8000, mode: 'no points', nTraces: 1
 }, {
-    n: 16000
+    n: 16000, mode: 'no points', nTraces: 1
 }, {
-    n: 32000
+    n: 32000, mode: 'no points', nTraces: 1
 }, {
-    n: 64000
+    n: 64000, mode: 'no points', nTraces: 1
+}, {
+    n: 1000, mode: 'all points', nTraces: 1
+}, {
+    n: 2000, mode: 'all points', nTraces: 1
+}, {
+    n: 4000, mode: 'all points', nTraces: 1
+}, {
+    n: 8000, mode: 'all points', nTraces: 1
+}, {
+    n: 16000, mode: 'all points', nTraces: 1
+}, {
+    n: 32000, mode: 'all points', nTraces: 1
+}, {
+    n: 64000, mode: 'all points', nTraces: 1
+}, {
+    n: 1000, mode: 'no points', nTraces: 10
+}, {
+    n: 2000, mode: 'no points', nTraces: 10
+}, {
+    n: 4000, mode: 'no points', nTraces: 10
+}, {
+    n: 8000, mode: 'no points', nTraces: 10
+}, {
+    n: 16000, mode: 'no points', nTraces: 10
+}, {
+    n: 32000, mode: 'no points', nTraces: 10
+}, {
+    n: 64000, mode: 'no points', nTraces: 10
+}, {
+    n: 1000, mode: 'all points', nTraces: 10
+}, {
+    n: 2000, mode: 'all points', nTraces: 10
+}, {
+    n: 4000, mode: 'all points', nTraces: 10
+}, {
+    n: 8000, mode: 'all points', nTraces: 10
+}, {
+    n: 16000, mode: 'all points', nTraces: 10
+}, {
+    n: 32000, mode: 'all points', nTraces: 10
+}, {
+    n: 64000, mode: 'all points', nTraces: 10
+}, {
+    n: 1000, mode: 'no points', nTraces: 100
+}, {
+    n: 2000, mode: 'no points', nTraces: 100
+}, {
+    n: 4000, mode: 'no points', nTraces: 100
+}, {
+    n: 8000, mode: 'no points', nTraces: 100
+}, {
+    n: 16000, mode: 'no points', nTraces: 100
+}, {
+    n: 32000, mode: 'no points', nTraces: 100
+}, {
+    n: 64000, mode: 'no points', nTraces: 100
+}, {
+    n: 1000, mode: 'all points', nTraces: 100
+}, {
+    n: 2000, mode: 'all points', nTraces: 100
+}, {
+    n: 4000, mode: 'all points', nTraces: 100
+}, {
+    n: 8000, mode: 'all points', nTraces: 100
+}, {
+    n: 16000, mode: 'all points', nTraces: 100
+}, {
+    n: 32000, mode: 'all points', nTraces: 100
+}, {
+    n: 64000, mode: 'all points', nTraces: 100
 }];
 
 tests.forEach(function(spec, index) {
-    describe('Performance test box | size:' + spec.n, function() {
+    describe('Performance test ' + spec.nTraces + 'box | size:' + spec.n + ' | mode: ' + spec.mode, function() {
         'use strict';
 
-        var y = Float64Array.from({ length: spec.n }, (_, i) => i * Math.cos(Math.sqrt(i)));
-
-        var mock = {
-            data: [{
-                type: 'box',
-                boxpoints: 'all',
-                y: y
-            }],
-            layout: {
-                width: 900,
-                height: 400
-            }
-        };
-
         var startTime, endTime;
 
         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: 'box',
+                    boxpoints: spec.mode === 'all points' ? 'all' : false,
+                    y: y.slice(k * nPerTrace, (k + 1) * nPerTrace),
+                    x: Array.from({ length: nPerTrace }, (_, i) => k)
+                });
+            }
+
+            var mock = {
+                data: data,
+                layout: {
+                    showlegend: false,
+                    width: 900,
+                    height: 400
+                }
+            };
+
             startTime = performance.now();
 
             // Wait for actual rendering to complete
@@ -77,7 +154,7 @@ tests.forEach(function(spec, index) {
                 tests[index].raw[t] = delta;
 
                 var nodes = d3SelectAll('g.trace.boxes');
-                expect(nodes.size()).toEqual(1);
+                expect(nodes.size()).toEqual(spec.nTraces);
 
                 if(t === nTimes && index === tests.length - 1) {
                     writeRawDataAsCSV('box', tests);