test(editor-actions): verify alignElements and distributeElements behavior

test/spec/features/editor-actions/BpmnEditorActionsSpec.js

@@ -11,6 +11,9 @@ var getParent = require('lib/features/modeling/util/ModelingUtil').getParent;
 
 
 import bpmnEditorActionsModule from 'lib/features/editor-actions';
+import selectionModule from 'diagram-js/lib/features/selection';
+import alignElementsModule from 'diagram-js/lib/features/align-elements';
+import distributeElementsModule from 'diagram-js/lib/features/distribute-elements';
 import modelingModule from 'lib/features/modeling';
 import coreModule from 'lib/core';
 
@@ -18,7 +21,6 @@ var basicXML = require('../../../fixtures/bpmn/nested-subprocesses.bpmn');
 var collaborationXML = require('../../../fixtures/bpmn/collaboration.bpmn');
 
 
-
 describe('features/editor-actions', function() {
 
   describe('#moveToOrigin', function() {
@@ -91,4 +93,122 @@ describe('features/editor-actions', function() {
 
   });
 
+
+  describe('#alignElements', function() {
+
+    beforeEach(bootstrapModeler(basicXML, {
+      modules: [
+        selectionModule,
+        alignElementsModule,
+        bpmnEditorActionsModule,
+        modelingModule,
+        coreModule
+      ]
+    }));
+
+
+    it('should align items', inject(
+      function(elementRegistry, selection, editorActions) {
+
+        // given
+        var elementIds = [ 'StartEvent_1', 'UserTask_1', 'EndEvent_1' ];
+        var elements = elementIds.map(function(id) {
+          return elementRegistry.get(id);
+        });
+
+        // when
+        selection.select(elements);
+        editorActions.trigger('alignElements', { type: 'middle' });
+
+        // then
+        expect(elements.map(function(e) {
+          return e.y + e.height / 2;
+        })).to.eql([ 311, 311, 311 ]);
+      }
+    ));
+
+
+    it('should not align if too few elements', inject(
+      function(elementRegistry, eventBus, editorActions, selection) {
+
+        // given
+        var elementIds = [ 'StartEvent_1' ];
+        var elements = elementIds.map(function(id) {
+          return elementRegistry.get(id);
+        });
+
+        var changedSpy = sinon.spy();
+
+        // when
+        eventBus.once('commandStack.changed', changedSpy);
+
+        selection.select(elements);
+        editorActions.trigger('alignElements', { type: 'center' });
+
+        // then
+        expect(changedSpy).not.to.have.been.called;
+      }
+    ));
+
+  });
+
+
+  describe('#distributeElements', function() {
+
+    beforeEach(bootstrapModeler(basicXML, {
+      modules: [
+        selectionModule,
+        distributeElementsModule,
+        bpmnEditorActionsModule,
+        modelingModule,
+        coreModule
+      ]
+    }));
+
+
+    it('should distribute items', inject(
+      function(elementRegistry, selection, editorActions) {
+
+        // given
+        var elementIds = [ 'StartEvent_1', 'UserTask_1', 'EndEvent_1' ];
+        var elements = elementIds.map(function(id) {
+          return elementRegistry.get(id);
+        });
+
+        // when
+        selection.select(elements);
+        editorActions.trigger('distributeElements', { type: 'horizontal' });
+
+        // then
+        expect(elements.map(function(e) {
+          return e.x + e.width / 2;
+        })).to.eql([ 433, 574, 714 ]);
+      }
+    ));
+
+
+    it('should not distribute if too few elements', inject(
+      function(elementRegistry, eventBus, editorActions, selection) {
+
+        // given
+        var elementIds = [ 'StartEvent_1', 'UserTask_1' ];
+        var elements = elementIds.map(function(id) {
+          return elementRegistry.get(id);
+        });
+
+        var changedSpy = sinon.spy();
+
+        // when
+        eventBus.once('commandStack.changed', changedSpy);
+
+        selection.select(elements);
+        editorActions.trigger('distributeElements', { type: 'horizontal' });
+
+        // then
+        expect(changedSpy).not.to.have.been.called;
+      }
+    ));
+
+  });
+
 });