add several 3d mode bar jasmine tests,

- these will only run locally at the moment as and until #241 is resolved.
plotly · etpinard · Feb 17, 2016 · Feb 11, 2016 · Feb 11, 2016 · Feb 11, 2016
commit bc90474b7f9c3ba2eee4ee24ef574750e025771c
diff --git a/test/jasmine/assets/modebar_button.js b/test/jasmine/assets/modebar_button.js
@@ -0,0 +1,23 @@
+'use strict';
+
+var d3 = require('d3');
+
+var modeBarButtons = require('@src/components/modebar/buttons');
+
+
+module.exports = function selectButton(modeBar, name) {
+    var button = d3.select(modeBar.element)
+        .select('[data-title="' + modeBarButtons[name].title + '"]')
+        .node();
+
+    button.click = function() {
+        var ev = new window.MouseEvent('click');
+        button.dispatchEvent(ev);
+    };
+
+    button.isActive = function() {
+        return d3.select(button).classed('active');
+    };
+
+    return button;
+};
diff --git a/test/jasmine/tests/gl_plot_interact_test.js b/test/jasmine/tests/gl_plot_interact_test.js
@@ -1,9 +1,12 @@
 var d3 = require('d3');
 
 var Plotly = require('@lib/index');
+var Plots = require('@src/plots/plots');
+var Lib = require('@src/lib');
 
 var createGraphDiv = require('../assets/create_graph_div');
 var destroyGraphDiv = require('../assets/destroy_graph_div');
+var selectButton = require('../assets/modebar_button');
 
 /*
  * WebGL interaction test cases fail on the CircleCI
@@ -43,4 +46,171 @@ describe('Test plot structure', function() {
         });
     });
 
+    describe('gl3d modebar click handlers', function() {
+        var gd, modeBar;
+
+        beforeEach(function(done) {
+            var mockData = [{
+                type: 'scatter3d'
+            }, {
+                type: 'surface', scene: 'scene2'
+            }];
+
+            var mockLayout = {
+                scene: { camera: { eye: { x: 0.1, y: 0.1, z: 1 }}},
+                scene2: { camera: { eye: { x: 2.5, y: 2.5, z: 2.5 }}}
+            };
+
+            gd = createGraphDiv();
+            Plotly.plot(gd, mockData, mockLayout).then(function() {
+                modeBar = gd._fullLayout._modeBar;
+                done();
+            });
+        });
+
+        function assertScenes(cont, attr, val) {
+            var sceneIds = Plots.getSubplotIds(cont, 'gl3d');
+
+            sceneIds.forEach(function(sceneId) {
+                var thisVal = Lib.nestedProperty(cont[sceneId], attr).get();
+                expect(thisVal).toEqual(val);
+            });
+        }
+
+        describe('button zoom3d', function() {
+            it('should updates the scene dragmode and dragmode button', function() {
+                var buttonTurntable = selectButton(modeBar, 'tableRotation'),
+                    buttonZoom3d = selectButton(modeBar, 'zoom3d');
+
+                assertScenes(gd._fullLayout, 'dragmode', 'turntable');
+                expect(buttonTurntable.isActive()).toBe(true);
+                expect(buttonZoom3d.isActive()).toBe(false);
+
+                buttonZoom3d.click();
+                assertScenes(gd.layout, 'dragmode', 'zoom');
+                expect(gd.layout.dragmode).toBe(undefined);
+                expect(gd._fullLayout.dragmode).toBe('zoom');
+                expect(buttonTurntable.isActive()).toBe(false);
+                expect(buttonZoom3d.isActive()).toBe(true);
+
+                buttonTurntable.click();
+                assertScenes(gd._fullLayout, 'dragmode', 'turntable');
+                expect(buttonTurntable.isActive()).toBe(true);
+                expect(buttonZoom3d.isActive()).toBe(false);
+            });
+        });
+
+        describe('button pan3d', function() {
+            it('should updates the scene dragmode and dragmode button', function() {
+                var buttonTurntable = selectButton(modeBar, 'tableRotation'),
+                    buttonPan3d = selectButton(modeBar, 'pan3d');
+
+                assertScenes(gd._fullLayout, 'dragmode', 'turntable');
+                expect(buttonTurntable.isActive()).toBe(true);
+                expect(buttonPan3d.isActive()).toBe(false);
+
+                buttonPan3d.click();
+                assertScenes(gd.layout, 'dragmode', 'pan');
+                expect(gd.layout.dragmode).toBe(undefined);
+                expect(gd._fullLayout.dragmode).toBe('zoom');
+                expect(buttonTurntable.isActive()).toBe(false);
+                expect(buttonPan3d.isActive()).toBe(true);
+
+                buttonTurntable.click();
+                assertScenes(gd._fullLayout, 'dragmode', 'turntable');
+                expect(buttonTurntable.isActive()).toBe(true);
+                expect(buttonPan3d.isActive()).toBe(false);
+            });
+        });
+
+        describe('button orbitRotation', function() {
+            it('should updates the scene dragmode and dragmode button', function() {
+                var buttonTurntable = selectButton(modeBar, 'tableRotation'),
+                    buttonOrbit = selectButton(modeBar, 'orbitRotation');
+
+                assertScenes(gd._fullLayout, 'dragmode', 'turntable');
+                expect(buttonTurntable.isActive()).toBe(true);
+                expect(buttonOrbit.isActive()).toBe(false);
+
+                buttonOrbit.click();
+                assertScenes(gd.layout, 'dragmode', 'orbit');
+                expect(gd.layout.dragmode).toBe(undefined);
+                expect(gd._fullLayout.dragmode).toBe('zoom');
+                expect(buttonTurntable.isActive()).toBe(false);
+                expect(buttonOrbit.isActive()).toBe(true);
+
+                buttonTurntable.click();
+                assertScenes(gd._fullLayout, 'dragmode', 'turntable');
+                expect(buttonTurntable.isActive()).toBe(true);
+                expect(buttonOrbit.isActive()).toBe(false);
+            });
+        });
+
+        describe('buttons resetCameraDefault3d and resetCameraLastSave3d', function() {
+            // changes in scene objects are not instantaneous
+            var DELAY = 1000;
+
+            it('should update the scene camera', function(done) {
+                var sceneLayout = gd._fullLayout.scene,
+                    sceneLayout2 = gd._fullLayout.scene2,
+                    scene = sceneLayout._scene,
+                    scene2 = sceneLayout2._scene;
+
+                expect(sceneLayout.camera.eye)
+                    .toEqual({x: 0.1, y: 0.1, z: 1});
+                expect(sceneLayout2.camera.eye)
+                    .toEqual({x: 2.5, y: 2.5, z: 2.5});
+
+                selectButton(modeBar, 'resetCameraDefault3d').click();
+                setTimeout(function() {
+                    expect(sceneLayout.camera.eye)
+                        .toEqual({x: 0.1, y: 0.1, z: 1}, 'does not change the layout objects');
+                    expect(scene.camera.eye)
+                        .toEqual([1.2500000000000002, 1.25, 1.25]);
+                    expect(sceneLayout2.camera.eye)
+                        .toEqual({x: 2.5, y: 2.5, z: 2.5}, 'does not change the layout objects');
+                    expect(scene2.camera.eye)
+                        .toEqual([1.2500000000000002, 1.25, 1.25]);
+
+                    selectButton(modeBar, 'resetCameraLastSave3d').click();
+                    setTimeout(function() {
+                        expect(sceneLayout.camera.eye)
+                            .toEqual({x: 0.1, y: 0.1, z: 1}, 'does not change the layout objects');
+                        expect(scene.camera.eye)
+                            .toEqual([ 0.10000000000000016, 0.10000000000000016, 1]);
+                        expect(sceneLayout2.camera.eye)
+                            .toEqual({x: 2.5, y: 2.5, z: 2.5}, 'does not change the layout objects');
+                        expect(scene2.camera.eye)
+                            .toEqual([2.500000000000001, 2.5000000000000004, 2.5000000000000004]);
+
+                        done();
+                    }, DELAY);
+                }, DELAY);
+            });
+        });
+
+        describe('button hoverClosest3d', function() {
+            it('should update the scene hovermode and spikes', function() {
+                var buttonHover = selectButton(modeBar, 'hoverClosest3d');
+
+                assertScenes(gd._fullLayout, 'hovermode', 'closest');
+                expect(buttonHover.isActive()).toBe(true);
+
+                buttonHover.click();
+                assertScenes(gd._fullLayout, 'hovermode', false);
+                assertScenes(gd._fullLayout, 'xaxis.showspikes', false);
+                assertScenes(gd._fullLayout, 'yaxis.showspikes', false);
+                assertScenes(gd._fullLayout, 'zaxis.showspikes', false);
+                expect(buttonHover.isActive()).toBe(false);
+
+                buttonHover.click();
+                assertScenes(gd._fullLayout, 'hovermode', 'closest');
+                assertScenes(gd._fullLayout, 'xaxis.showspikes', true);
+                assertScenes(gd._fullLayout, 'yaxis.showspikes', true);
+                assertScenes(gd._fullLayout, 'zaxis.showspikes', true);
+                expect(buttonHover.isActive()).toBe(true);
+            });
+        });
+
+    });
 });