bpmn-js/test/spec/features/grid-snapping/behavior/LayoutConnectionBehaviorSpe...

132 lines
3.4 KiB
JavaScript

import {
bootstrapModeler,
inject
} from 'test/TestHelper';
import coreModule from 'lib/core';
import gridSnappingModule from 'lib/features/grid-snapping';
import modelingModule from 'lib/features/modeling';
import moveModule from 'diagram-js/lib/features/move';
describe('features/grid-snapping - layout connection', function() {
var diagramXML = require('./LayoutConnectionBehavior.bpmn');
beforeEach(bootstrapModeler(diagramXML, {
modules: [
coreModule,
gridSnappingModule,
modelingModule,
moveModule
]
}));
describe('on connection create', function() {
it('should snap 3 segment connection (1 middle segment)', inject(
function(elementRegistry, modeling) {
// given
var task1 = elementRegistry.get('Task_1'),
task2 = elementRegistry.get('Task_2');
// when
var connection = modeling.connect(task1, task2);
// then
expect(connection.waypoints[1]).to.eql({ x: 250, y: 140 });
expect(connection.waypoints[2]).to.eql({ x: 250, y: 240 });
})
);
it('should snap 4 segment connection (2 middle segments)', inject(
function(elementRegistry, modeling) {
// given
var boundaryEvent1 = elementRegistry.get('BoundaryEvent_1'),
task4 = elementRegistry.get('Task_4');
// when
var connection = modeling.connect(boundaryEvent1, task4);
// then
expect(connection.waypoints[1]).to.eql({ x: 150, y: 520 });
expect(connection.waypoints[2]).to.eql({ x: 230, y: 520 });
expect(connection.waypoints[3]).to.eql({ x: 230, y: 440 });
}
));
});
describe('on connection layout', function() {
var task1, task2, connection;
beforeEach(inject(function(elementRegistry, modeling) {
// given
task1 = elementRegistry.get('Task_1'),
task2 = elementRegistry.get('Task_2');
connection = modeling.connect(task1, task2);
}));
it('should NOT snap on reconnect start', inject(function(modeling) {
// when
modeling.moveElements([ task1 ], { x: 50, y: 50 });
// then
expect(connection.waypoints[1]).to.eql({ x: 275, y: 190 });
expect(connection.waypoints[2]).to.eql({ x: 275, y: 240 });
}));
it('should NOT snap on reconnect end', inject(function(modeling) {
// when
modeling.moveElements([ task2 ], { x: -50, y: -50 });
// then
expect(connection.waypoints[1]).to.eql({ x: 225, y: 140 });
expect(connection.waypoints[2]).to.eql({ x: 225, y: 190 });
}));
it('should snap', inject(function(modeling, elementRegistry) {
// given
var flow = elementRegistry.get('SequenceFlow_1');
// when
modeling.layoutConnection(flow);
// then
expect(flow.waypoints[1]).to.eql({ x: 530, y: 242 });
expect(flow.waypoints[2]).to.eql({ x: 530, y: 310 });
}));
it('should UNDO snap', inject(function(modeling, commandStack, elementRegistry) {
// given
var flow = elementRegistry.get('SequenceFlow_1');
modeling.layoutConnection(flow);
// when
commandStack.undo();
// then
expect(flow.waypoints[1]).to.eql({ x: 526, y: 242 });
expect(flow.waypoints[2]).to.eql({ x: 526, y: 310 });
}));
});
});