457 lines
14 KiB
JavaScript
457 lines
14 KiB
JavaScript
import {
|
|
bootstrapModeler,
|
|
inject
|
|
} from 'test/TestHelper';
|
|
|
|
import replacePreviewModule from 'lib/features/replace-preview';
|
|
import modelingModule from 'lib/features/modeling';
|
|
import moveModule from 'diagram-js/lib/features/move';
|
|
import coreModule from 'lib/core';
|
|
|
|
import { is } from 'lib/util/ModelUtil';
|
|
|
|
import {
|
|
createCanvasEvent as canvasEvent
|
|
} from '../../../../util/MockEvents';
|
|
|
|
import {
|
|
query as domQuery
|
|
} from 'min-dom';
|
|
|
|
var ATTACH = { attach: true };
|
|
|
|
|
|
describe('features/modeling - move start event behavior', function() {
|
|
|
|
var testModules = [
|
|
replacePreviewModule,
|
|
modelingModule,
|
|
coreModule,
|
|
moveModule
|
|
];
|
|
|
|
|
|
describe('Start Events', function() {
|
|
|
|
var diagramXML = require('../../../../fixtures/bpmn/event-sub-processes.bpmn');
|
|
|
|
beforeEach(bootstrapModeler(diagramXML, {
|
|
modules: testModules
|
|
}));
|
|
|
|
var moveShape;
|
|
|
|
beforeEach(inject(function(move, dragging, elementRegistry) {
|
|
|
|
moveShape = function(shape, target, position) {
|
|
var startPosition = { x: shape.x + 10 + shape.width / 2, y: shape.y + 30 + shape.height/2 };
|
|
|
|
move.start(canvasEvent(startPosition), shape);
|
|
|
|
dragging.hover({
|
|
element: target,
|
|
gfx: elementRegistry.getGraphics(target)
|
|
});
|
|
|
|
dragging.move(canvasEvent(position));
|
|
};
|
|
}));
|
|
|
|
|
|
it('should select the replacement after replacing the start event',
|
|
inject(function(elementRegistry, canvas, dragging, move, selection) {
|
|
|
|
// given
|
|
var startEvent = elementRegistry.get('StartEvent_1'),
|
|
rootElement = canvas.getRootElement();
|
|
|
|
// when
|
|
moveShape(startEvent, rootElement, { x: 140, y: 250 });
|
|
|
|
dragging.end();
|
|
|
|
var replacement = elementRegistry.get('StartEvent_1');
|
|
|
|
// then
|
|
expect(selection.get()).to.include(replacement);
|
|
expect(selection.get()).not.to.include(startEvent);
|
|
})
|
|
);
|
|
|
|
|
|
it('should select all moved shapes after some of them got replaced',
|
|
inject(function(elementRegistry, canvas, dragging, move, selection) {
|
|
|
|
// given
|
|
var startEvent1 = elementRegistry.get('StartEvent_1'),
|
|
startEvent2 = elementRegistry.get('StartEvent_2'),
|
|
startEvent3 = elementRegistry.get('StartEvent_3'),
|
|
rootElement = canvas.getRootElement();
|
|
|
|
// when
|
|
selection.select([ startEvent1, startEvent2, startEvent3 ]);
|
|
moveShape(startEvent1, rootElement, { x: 140, y: 250 });
|
|
|
|
dragging.end();
|
|
|
|
var replacements = elementRegistry.filter(function(element) {
|
|
if (is(element, 'bpmn:StartEvent') && element.type !== 'label') {
|
|
return true;
|
|
}
|
|
});
|
|
|
|
// then
|
|
expect(selection.get()).to.include(replacements[0]);
|
|
expect(selection.get()).to.include(replacements[1]);
|
|
expect(selection.get()).to.include(replacements[2]);
|
|
|
|
})
|
|
);
|
|
|
|
});
|
|
|
|
|
|
describe('Cancel Events', function() {
|
|
|
|
var diagramXML = require('../../../../fixtures/bpmn/features/replace/cancel-events.bpmn');
|
|
|
|
beforeEach(bootstrapModeler(diagramXML, { modules: testModules }));
|
|
|
|
|
|
describe('normal', function() {
|
|
|
|
|
|
it('should unclaim ID and claim same ID with new element',
|
|
inject(function(elementRegistry, bpmnReplace) {
|
|
|
|
// given
|
|
var transaction = elementRegistry.get('Transaction_1');
|
|
|
|
var ids = transaction.businessObject.$model.ids;
|
|
|
|
// when
|
|
var subProcess = bpmnReplace.replaceElement(transaction, { type: 'bpmn:SubProcess' });
|
|
|
|
// then
|
|
expect(ids.assigned(transaction.id)).to.eql(subProcess.businessObject);
|
|
expect(ids.assigned(subProcess.id)).to.eql(subProcess.businessObject);
|
|
expect(subProcess.id).to.eql(transaction.id);
|
|
})
|
|
);
|
|
|
|
|
|
it('should REVERT unclaim ID and claim same ID with new element on UNDO',
|
|
inject(function(elementRegistry, bpmnReplace, commandStack) {
|
|
|
|
// given
|
|
var transaction = elementRegistry.get('Transaction_1');
|
|
|
|
var ids = transaction.businessObject.$model.ids;
|
|
|
|
var subProcess = bpmnReplace.replaceElement(transaction, { type: 'bpmn:SubProcess' });
|
|
|
|
// when
|
|
commandStack.undo();
|
|
|
|
// then
|
|
expect(ids.assigned(transaction.id)).to.eql(transaction.businessObject);
|
|
expect(subProcess.id).not.to.equal(transaction.id);
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace CancelEvent when morphing transaction',
|
|
inject(function(elementRegistry, bpmnReplace) {
|
|
|
|
// given
|
|
var transaction = elementRegistry.get('Transaction_1'),
|
|
endEvent = elementRegistry.get('EndEvent_1');
|
|
|
|
// when
|
|
bpmnReplace.replaceElement(endEvent, {
|
|
type: 'bpmn:EndEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
var subProcess = bpmnReplace.replaceElement(transaction, { type: 'bpmn:SubProcess' });
|
|
|
|
var newEndEvent = subProcess.children[0].businessObject;
|
|
|
|
// then
|
|
expect(subProcess.children).to.have.length(1);
|
|
expect(newEndEvent.eventDefinitionTypes).not.to.exist;
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace CancelEvent when morphing transaction -> undo',
|
|
inject(function(elementRegistry, bpmnReplace, commandStack) {
|
|
|
|
// given
|
|
var transaction = elementRegistry.get('Transaction_1'),
|
|
endEvent = elementRegistry.get('EndEvent_1');
|
|
|
|
// when
|
|
bpmnReplace.replaceElement(endEvent, {
|
|
type: 'bpmn:EndEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
bpmnReplace.replaceElement(transaction, { type: 'bpmn:SubProcess' });
|
|
|
|
commandStack.undo();
|
|
|
|
var endEventAfter = elementRegistry.filter(function(element) {
|
|
return (element.id !== 'EndEvent_2' && element.type === 'bpmn:EndEvent');
|
|
})[0];
|
|
|
|
// then
|
|
expect(transaction.children).to.have.length(1);
|
|
expect(endEventAfter.businessObject.eventDefinitions).to.exist;
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace a CancelEvent when moving outside of a transaction',
|
|
inject(function(elementRegistry, bpmnReplace, modeling) {
|
|
|
|
// given
|
|
var process = elementRegistry.get('Process_1'),
|
|
transaction = elementRegistry.get('Transaction_1'),
|
|
endEvent = elementRegistry.get('EndEvent_1');
|
|
|
|
// when
|
|
var cancelEvent = bpmnReplace.replaceElement(endEvent, {
|
|
type: 'bpmn:EndEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
modeling.moveElements([ cancelEvent ], { x: 0, y: 150 }, process);
|
|
|
|
var endEventAfter = elementRegistry.filter(function(element) {
|
|
return (element.parent === process && element.type === 'bpmn:EndEvent');
|
|
})[0];
|
|
|
|
// then
|
|
expect(transaction.children).to.have.length(0);
|
|
expect(endEventAfter.businessObject.eventDefinitions).not.to.exist;
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace a CancelEvent when moving outside of a transaction -> undo',
|
|
inject(function(elementRegistry, bpmnReplace, modeling, commandStack) {
|
|
|
|
// given
|
|
var process = elementRegistry.get('Process_1'),
|
|
transaction = elementRegistry.get('Transaction_1'),
|
|
endEvent = elementRegistry.get('EndEvent_1');
|
|
|
|
// when
|
|
var cancelEvent = bpmnReplace.replaceElement(endEvent, {
|
|
type: 'bpmn:EndEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
modeling.moveElements([ cancelEvent ], { x: 0, y: 150 }, process);
|
|
|
|
commandStack.undo();
|
|
|
|
var endEventAfter = elementRegistry.filter(function(element) {
|
|
return (element.id !== 'EndEvent_2' && element.type === 'bpmn:EndEvent');
|
|
})[0];
|
|
|
|
// then
|
|
expect(transaction.children).to.have.length(1);
|
|
expect(endEventAfter.businessObject.eventDefinitions).to.exist;
|
|
})
|
|
);
|
|
|
|
});
|
|
|
|
|
|
describe('boundary events', function() {
|
|
|
|
it('should replace CancelBoundaryEvent when morphing from a transaction',
|
|
inject(function(elementRegistry, bpmnReplace) {
|
|
|
|
// given
|
|
var boundaryEvent = elementRegistry.get('BoundaryEvent_1'),
|
|
transaction = elementRegistry.get('Transaction_1');
|
|
|
|
// when
|
|
bpmnReplace.replaceElement(boundaryEvent, {
|
|
type: 'bpmn:BoundaryEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
var subProcess = bpmnReplace.replaceElement(transaction, { type: 'bpmn:SubProcess' });
|
|
|
|
var newBoundaryEvent = subProcess.attachers[0].businessObject;
|
|
|
|
// then
|
|
expect(newBoundaryEvent.eventDefinitionTypes).not.to.exist;
|
|
expect(newBoundaryEvent.attachedToRef).to.equal(subProcess.businessObject);
|
|
expect(elementRegistry.get('Transaction_1')).to.eql(subProcess);
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace CancelBoundaryEvent when morphing from a transaction -> undo',
|
|
inject(function(elementRegistry, bpmnReplace, commandStack) {
|
|
|
|
// given
|
|
var boundaryEvent = elementRegistry.get('BoundaryEvent_1'),
|
|
transaction = elementRegistry.get('Transaction_1');
|
|
|
|
// when
|
|
bpmnReplace.replaceElement(boundaryEvent, {
|
|
type: 'bpmn:BoundaryEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
bpmnReplace.replaceElement(transaction, { type: 'bpmn:SubProcess' });
|
|
|
|
commandStack.undo();
|
|
|
|
var afterBoundaryEvent = elementRegistry.filter(function(element) {
|
|
return (element.type === 'bpmn:BoundaryEvent' && element.id !== 'BoundaryEvent_2');
|
|
})[0];
|
|
|
|
// then
|
|
expect(afterBoundaryEvent.businessObject.eventDefinitions).exist;
|
|
expect(afterBoundaryEvent.businessObject.attachedToRef).to.equal(transaction.businessObject);
|
|
expect(transaction.attachers).to.have.length(1);
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace CancelBoundaryEvent when attaching to a NON-transaction',
|
|
inject(function(elementRegistry, bpmnReplace, modeling) {
|
|
|
|
// given
|
|
var boundaryEvent = elementRegistry.get('BoundaryEvent_1'),
|
|
subProcess = elementRegistry.get('SubProcess_1'),
|
|
process = elementRegistry.get('Process_1'),
|
|
transaction = elementRegistry.get('Transaction_1');
|
|
|
|
// when
|
|
var newBoundaryEvent = bpmnReplace.replaceElement(boundaryEvent, {
|
|
type: 'bpmn:BoundaryEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
modeling.moveElements([ newBoundaryEvent ], { x: 500, y: 0 }, subProcess, ATTACH);
|
|
|
|
var movedBoundaryEvent = elementRegistry.filter(function(element) {
|
|
return (element.type === 'bpmn:BoundaryEvent' && element.id !== 'BoundaryEvent_2');
|
|
})[0];
|
|
|
|
// then
|
|
expect(movedBoundaryEvent.businessObject.eventDefinitions).not.to.exist;
|
|
expect(movedBoundaryEvent.businessObject.attachedToRef).to.equal(subProcess.businessObject);
|
|
expect(movedBoundaryEvent.parent).to.equal(process);
|
|
|
|
expect(movedBoundaryEvent.host).to.equal(subProcess);
|
|
expect(subProcess.attachers).to.contain(movedBoundaryEvent);
|
|
expect(transaction.attachers).to.be.empty;
|
|
})
|
|
);
|
|
|
|
|
|
it('should replace CancelBoundaryEvent when attaching to a NON-transaction -> undo',
|
|
inject(function(elementRegistry, bpmnReplace, modeling, commandStack) {
|
|
|
|
// given
|
|
var boundaryEvent = elementRegistry.get('BoundaryEvent_1'),
|
|
transaction = elementRegistry.get('Transaction_1'),
|
|
subProcess = elementRegistry.get('SubProcess_1');
|
|
|
|
// when
|
|
var newBoundaryEvent = bpmnReplace.replaceElement(boundaryEvent, {
|
|
type: 'bpmn:BoundaryEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
modeling.moveElements([ newBoundaryEvent ], { x: 500, y: 0 }, subProcess, ATTACH);
|
|
|
|
commandStack.undo();
|
|
|
|
var movedBoundaryEvent = elementRegistry.filter(function(element) {
|
|
return (element.type === 'bpmn:BoundaryEvent' && element.id !== 'BoundaryEvent_2');
|
|
})[0];
|
|
|
|
// then
|
|
expect(movedBoundaryEvent.businessObject.eventDefinitions).to.exist;
|
|
expect(movedBoundaryEvent.businessObject.attachedToRef).to.equal(transaction.businessObject);
|
|
|
|
expect(movedBoundaryEvent.host).to.equal(transaction);
|
|
expect(transaction.attachers).to.contain(movedBoundaryEvent);
|
|
expect(subProcess.attachers).to.have.length(1);
|
|
})
|
|
);
|
|
|
|
|
|
it('should NOT allow morphing into an IntermediateEvent',
|
|
inject(function(elementRegistry, bpmnReplace, commandStack, move, dragging) {
|
|
|
|
// given
|
|
var boundaryEvent = elementRegistry.get('BoundaryEvent_1'),
|
|
subProcess = elementRegistry.get('SubProcess_1');
|
|
|
|
// when
|
|
var newBoundaryEvent = bpmnReplace.replaceElement(boundaryEvent, {
|
|
type: 'bpmn:BoundaryEvent',
|
|
eventDefinitionType: 'bpmn:CancelEventDefinition'
|
|
});
|
|
|
|
move.start(canvasEvent({ x: 0, y: 0 }), newBoundaryEvent);
|
|
|
|
dragging.hover({
|
|
gfx: elementRegistry.getGraphics(subProcess),
|
|
element: subProcess
|
|
});
|
|
dragging.move(canvasEvent({ x: 450, y: -50 }));
|
|
|
|
var canExecute = dragging.context().data.context.canExecute;
|
|
|
|
// then
|
|
expect(canExecute).to.be.false;
|
|
})
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
describe('outline', function() {
|
|
|
|
var diagramXML = require('../../../../fixtures/bpmn/features/replace/connection.bpmn');
|
|
|
|
beforeEach(bootstrapModeler(diagramXML, { modules: testModules }));
|
|
|
|
|
|
it('should update size of outline on replace', inject(function(bpmnReplace, elementRegistry) {
|
|
|
|
// given
|
|
var task = elementRegistry.get('Task_2');
|
|
|
|
// when
|
|
var subProcess = bpmnReplace.replaceElement(task, {
|
|
type: 'bpmn:SubProcess',
|
|
isExpanded: true
|
|
});
|
|
|
|
// then
|
|
var gfx = elementRegistry.getGraphics(subProcess);
|
|
var outline = domQuery('.djs-outline', gfx);
|
|
|
|
expect(outline.getBBox().width).to.equal(gfx.getBBox().width);
|
|
expect(outline.getBBox().height).to.equal(gfx.getBBox().height);
|
|
}));
|
|
|
|
});
|
|
|
|
});
|