312 lines
8.5 KiB
JavaScript
312 lines
8.5 KiB
JavaScript
import {
|
|
bootstrapModeler,
|
|
inject
|
|
} from 'test/TestHelper';
|
|
|
|
import modelingModule from 'lib/features/modeling';
|
|
import coreModule from 'lib/core';
|
|
|
|
|
|
describe('features/modeling - layout message flows', function() {
|
|
|
|
var diagramXML = require('./LayoutMessageFlowSpec.bpmn');
|
|
|
|
var testModules = [ coreModule, modelingModule ];
|
|
|
|
beforeEach(bootstrapModeler(diagramXML, { modules: testModules }));
|
|
|
|
|
|
it('should layout manhattan after Task move', inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var taskShape = elementRegistry.get('Task_A'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_4');
|
|
|
|
// when
|
|
modeling.moveElements([ taskShape ], { x: 30, y: 20 });
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ original: { x: 420, y: 234 }, x: 420, y: 234 },
|
|
{ x: 420, y: 387 },
|
|
{ x: 318, y: 387 },
|
|
{ original: { x: 318, y: 448 }, x: 318, y: 448 }
|
|
]);
|
|
}));
|
|
|
|
|
|
it('should layout Task -> Participant straight after Task move',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var taskShape = elementRegistry.get('Task_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_1');
|
|
|
|
// when
|
|
modeling.moveElements([ taskShape ], { x: 20, y: -20 });
|
|
|
|
// then
|
|
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ original: { x: 610, y: 194 }, x: 610, y: 194 },
|
|
{ original: { x: 610, y: 415 }, x: 610, y: 415 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
|
|
it('should layout straight after Participant move', inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_5');
|
|
|
|
// when
|
|
modeling.moveElements([ participantShape ], { x: 100, y: 50 });
|
|
|
|
// then
|
|
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ original: { x: 671, y: 214 }, x: 671, y: 214 },
|
|
{ original: { x: 671, y: 465 }, x: 671, y: 465 }
|
|
]);
|
|
}));
|
|
|
|
|
|
it('should layout EndEvent -> Participant manhattan',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_5');
|
|
|
|
// when
|
|
modeling.moveElements([ participantShape ], { x: -200, y: 0 });
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ original: { x: 671, y: 214 }, x: 671, y: 214 },
|
|
{ x: 671, y: 315 },
|
|
{ x: 471, y: 315 },
|
|
{ original: { x: 471, y: 415 }, x: 471, y: 415 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
|
|
it('should layout SubProcess -> SubProcess (straight) on SubProcess move',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var subProcessShape = elementRegistry.get('SubProcess_G'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_3');
|
|
|
|
// when
|
|
modeling.moveElements([ subProcessShape ], { x: 300, y: 0 });
|
|
|
|
// then
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 902, y: 266 }, { x: 902, y: 458 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
|
|
describe('should keep task docking', function() {
|
|
|
|
describe('on SubProcess resize', function() {
|
|
|
|
it('SubProcess -> Task (straight)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var subProcessShape = elementRegistry.get('SubProcess_G'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_7');
|
|
|
|
// when
|
|
modeling.resizeShape(subProcessShape, {
|
|
x: 586,
|
|
y: 458,
|
|
width: 212,
|
|
height: 122
|
|
});
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 752, y: 458 },
|
|
{ x: 752, y: 214 }
|
|
]);
|
|
})
|
|
);
|
|
});
|
|
|
|
|
|
describe('on SubProcess move', function() {
|
|
|
|
it('SubProcess -> Task (straight)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var subProcessShape = elementRegistry.get('SubProcess_G'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_7');
|
|
|
|
// when
|
|
modeling.moveElements([ subProcessShape ], { x: 50, y: 0 });
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 752, y: 458 },
|
|
{ x: 752, y: 214 }
|
|
]);
|
|
})
|
|
);
|
|
});
|
|
|
|
|
|
describe('on Participant move', function() {
|
|
|
|
it('Task -> Participant (straight)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection_1 = elementRegistry.get('MessageFlow_1'),
|
|
messageFlowConnection_6 = elementRegistry.get('MessageFlow_6');
|
|
|
|
// when
|
|
modeling.moveElements([ participantShape ], { x: 300, y: 50 });
|
|
// then
|
|
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection_1).to.have.waypoints([
|
|
{ original: { x: 590, y: 214 }, x: 590, y: 214 },
|
|
{ original: { x: 590, y: 465 }, x: 590, y: 465 }
|
|
]);
|
|
|
|
expect(messageFlowConnection_6).to.have.waypoints([
|
|
{ original: { x: 773, y: 465 }, x: 773, y: 465 },
|
|
{ original: { x: 773, y: 214 }, x: 773, y: 214 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
});
|
|
|
|
|
|
describe('on Participant resize', function() {
|
|
|
|
it('Task -> Participant (straight)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_1');
|
|
|
|
// when
|
|
modeling.resizeShape(participantShape, {
|
|
x: 222,
|
|
y: 415,
|
|
width: 580,
|
|
height: 185
|
|
});
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 590, y: 214 },
|
|
{ x: 590, y: 415 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
|
|
it('Participant -> Task (straight)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_6');
|
|
|
|
// when
|
|
modeling.resizeShape(participantShape, {
|
|
x: 222,
|
|
y: 415,
|
|
width: 580,
|
|
height: 185
|
|
});
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 773, y: 415 },
|
|
{ x: 773, y: 214 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
|
|
it('Task -> Participant (manhattan)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_1');
|
|
|
|
// when
|
|
modeling.resizeShape(participantShape, {
|
|
x: 622,
|
|
y: 415,
|
|
width: 600,
|
|
height: 185
|
|
});
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 590, y: 214 },
|
|
{ x: 590, y: 315 },
|
|
{ x: 990, y: 315 },
|
|
{ x: 990, y: 415 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
|
|
it('Participant -> Task (manhattan)',
|
|
inject(function(elementRegistry, modeling) {
|
|
|
|
// given
|
|
var participantShape = elementRegistry.get('Participant_B'),
|
|
messageFlowConnection = elementRegistry.get('MessageFlow_6');
|
|
|
|
// when
|
|
modeling.resizeShape(participantShape, {
|
|
x: 222,
|
|
y: 415,
|
|
width: 500,
|
|
height: 185
|
|
});
|
|
|
|
// then
|
|
// expect cropped, repaired manhattan connection
|
|
expect(messageFlowConnection).to.have.waypoints([
|
|
{ x: 681, y: 415 },
|
|
{ x: 681, y: 315 },
|
|
{ x: 773, y: 315 },
|
|
{ x: 773, y: 214 }
|
|
]);
|
|
})
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|