test(grid-snapping): verify start event mid snapping

Closes #1158

test/spec/features/grid-snapping/BpmnGridSnappingSpec.js

@@ -26,31 +26,98 @@ var LOW_PRIORITY = 500;
 
 describe('features/grid-snapping', function() {
 
-  var diagramXML = require('./BpmnGridSnapping.bpmn');
+  describe('basics', function() {
 
-  beforeEach(bootstrapModeler(diagramXML, {
+    describe('create', function() {
-    modules: [
-      coreModule,
-      createModule,
-      gridSnappingModule,
-      modelingModule,
-      moveModule
-    ]
-  }));
 
-  var participant,
+      var diagramXML = require('./basic.bpmn');
-      subProcess,
-      textAnnotation;
 
-  beforeEach(inject(function(elementRegistry) {
+      beforeEach(bootstrapModeler(diagramXML, {
-    participant = elementRegistry.get('Participant_1');
+        modules: [
-    subProcess = elementRegistry.get('SubProcess_1');
+          coreModule,
-    textAnnotation = elementRegistry.get('TextAnnotation_1');
+          createModule,
-  }));
+          gridSnappingModule,
+          modelingModule,
+          moveModule
+        ]
+      }));
+
+
+      it('start event', inject(function(canvas, create, dragging, elementFactory, eventBus) {
+
+        // given
+        var rootElement = canvas.getRootElement(),
+            rootGfx = canvas.getGraphics(rootElement);
+
+        var startEvent = elementFactory.createShape({ type: 'bpmn:StartEvent' });
+
+        var events = recordEvents(eventBus, [
+          'create.move',
+          'create.end'
+        ]);
+
+        // when
+        create.start(canvasEvent({ x: 100, y: 100 }), startEvent);
+
+        dragging.hover({ element: rootElement, gfx: rootGfx });
+
+        dragging.move(canvasEvent({ x: 106, y: 112 }));
+        dragging.move(canvasEvent({ x: 112, y: 124 }));
+        dragging.move(canvasEvent({ x: 118, y: 136 }));
+        dragging.move(canvasEvent({ x: 124, y: 148 }));
+        dragging.move(canvasEvent({ x: 130, y: 160 }));
+
+        dragging.end();
+
+        // then
+        expect(events.map(position)).to.eql([
+          { x: 100, y: 100 }, // move (triggered on create.start thanks to autoActivate)
+          { x: 110, y: 110 }, // move
+          { x: 110, y: 120 }, // move
+          { x: 120, y: 140 }, // move
+          { x: 120, y: 150 }, // move
+          { x: 130, y: 160 }, // move
+          { x: 130, y: 160 } // end
+        ]);
+
+        // expect snapped
+        expect(getMid(startEvent)).to.eql({
+          x: 130,
+          y: 160
+        });
+      }));
+
+    });
+
+  });
 
 
   describe('snap top-left on move', function() {
 
+    var diagramXML = require('./BpmnGridSnapping.bpmn');
+
+    beforeEach(bootstrapModeler(diagramXML, {
+      modules: [
+        coreModule,
+        createModule,
+        gridSnappingModule,
+        modelingModule,
+        moveModule,
+        gridSnappingModule
+      ]
+    }));
+
+    var participant,
+        subProcess,
+        textAnnotation;
+
+    beforeEach(inject(function(elementRegistry) {
+      participant = elementRegistry.get('Participant_1');
+      subProcess = elementRegistry.get('SubProcess_1');
+      textAnnotation = elementRegistry.get('TextAnnotation_1');
+    }));
+
+
     it('participant', inject(function(dragging, eventBus, move) {
 
       // given
@@ -160,6 +227,28 @@ describe('features/grid-snapping', function() {
 
   describe('auto resize <nwse> on toggle collapse', function() {
 
+    var diagramXML = require('./BpmnGridSnapping.bpmn');
+
+    beforeEach(bootstrapModeler(diagramXML, {
+      modules: [
+        coreModule,
+        createModule,
+        gridSnappingModule,
+        modelingModule,
+        moveModule,
+        gridSnappingModule
+      ]
+    }));
+
+    var participant,
+        subProcess;
+
+    beforeEach(inject(function(elementRegistry) {
+      participant = elementRegistry.get('Participant_1');
+      subProcess = elementRegistry.get('SubProcess_1');
+    }));
+
+
     describe('collapsing', function() {
 
       it('participant (no auto resize)', inject(function(bpmnReplace) {

test/spec/features/grid-snapping/basic.bpmn

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<bpmn:definitions xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" id="Definitions_1" targetNamespace="http://bpmn.io/schema/bpmn">
+  <bpmn:process id="Process_1" isExecutable="false">
+    <bpmn:startEvent id="StartEvent_1" />
+    <bpmn:task id="Task_1" />
+  </bpmn:process>
+  <bpmndi:BPMNDiagram id="BPMNDiagram_1">
+    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1">
+      <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
+        <dc:Bounds x="173" y="102" width="36" height="36" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="Task_1_di" bpmnElement="Task_1">
+        <dc:Bounds x="353" y="80" width="100" height="80" />
+      </bpmndi:BPMNShape>
+    </bpmndi:BPMNPlane>
+  </bpmndi:BPMNDiagram>
+</bpmn:definitions>