import TestContainer from 'mocha-test-container-support'; import Diagram from 'diagram-js/lib/Diagram'; import ViewerDefaultExport from '../../'; import Viewer from 'lib/Viewer'; import inherits from 'inherits'; import { isFunction } from 'min-dash'; import { setBpmnJS, clearBpmnJS } from 'test/TestHelper'; describe('Viewer', function() { var container; beforeEach(function() { container = TestContainer.get(this); }); function createViewer(xml, diagramId, done) { if (isFunction(diagramId)) { done = diagramId; diagramId = null; } clearBpmnJS(); var viewer = new Viewer({ container: container }); setBpmnJS(viewer); viewer.importXML(xml, diagramId, function(err, warnings) { done(err, warnings, viewer); }); } it('should import simple process', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); // when createViewer(xml, function(err, warnings, viewer) { // then expect(err).not.to.exist; expect(warnings).to.be.empty; var definitions = viewer.getDefinitions(); expect(definitions).to.exist; expect(definitions).to.eql(viewer._definitions); done(); }); }); it('should re-import simple process', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); // given createViewer(xml, function(err, warnings, viewer) { // when // mimic re-import of same diagram viewer.importXML(xml, function(err, warnings) { // then expect(warnings).to.be.empty; done(); }); }); }); it('should be instance of Diagram', function() { // when var viewer = new Viewer({ container: container }); // then expect(viewer).to.be.instanceof(Diagram); }); describe('overlay support', function() { it('should allow to add overlays', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); createViewer(xml, function(err, warnings, viewer) { // when var overlays = viewer.get('overlays'), elementRegistry = viewer.get('elementRegistry'); // then expect(overlays).to.exist; expect(elementRegistry).to.exist; // when overlays.add('SubProcess_1', { position: { bottom: 0, right: 0 }, html: '
YUP GREAT STUFF!
' }); // then expect(overlays.get({ element: 'SubProcess_1' }).length).to.equal(1); done(err); }); }); }); describe('editor actions support', function() { it('should not ship per default', function() { // given var viewer = new Viewer(); // when var editorActions = viewer.get('editorActions', false); // then expect(editorActions).not.to.exist; }); }); describe('error handling', function() { function expectMessage(e, expectedMessage) { expect(e).to.exist; if (expectedMessage instanceof RegExp) { expect(e.message).to.match(expectedMessage); } else { expect(e.message).to.equal(expectedMessage); } } function expectWarnings(warnings, expected) { expect(warnings.length).to.equal(expected.length); warnings.forEach(function(w, idx) { expectMessage(w, expected[idx]); }); } it('should handle non-bpmn input', function(done) { var xml = 'invalid stuff'; createViewer(xml, function(err) { expect(err).to.exist; expectMessage(err, /missing start tag/); done(); }); }); it('should handle invalid BPMNPlane#bpmnElement', function(done) { var xml = require('../fixtures/bpmn/error/di-plane-no-bpmn-element.bpmn'); // when createViewer(xml, function(err, warnings) { // then expect(err).not.to.exist; expectWarnings(warnings, [ 'unresolved reference ', 'no bpmnElement referenced in ', 'correcting missing bpmnElement ' + 'on ' + 'to ' ]); done(); }); }); it('should handle invalid namespaced element', function(done) { var xml = require('../fixtures/bpmn/error/categoryValue.bpmn'); // when createViewer(xml, function(err, warnings) { // then expect(err).not.to.exist; expectWarnings(warnings, [ /unparsable content detected/, 'unresolved reference ' ]); done(); }); }); it('should handle missing namespace', function(done) { var xml = require('../fixtures/bpmn/error/missing-namespace.bpmn'); // when createViewer(xml, function(err, warnings) { // then expect(err).to.exist; expect(err.message).to.eql('failed to parse document as '); expect(warnings).to.have.length(1); expect(warnings[0].message).to.match(/unparsable content detected/); done(); }); }); it('should handle duplicate ids', function(done) { var xml = require('../fixtures/bpmn/error/duplicate-ids.bpmn'); // when createViewer(xml, function(err, warnings) { // then expect(err).not.to.exist; expectWarnings(warnings, [ /duplicate ID / ]); done(); }); }); }); describe('dependency injection', function() { it('should provide self as ', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); createViewer(xml, function(err, warnings, viewer) { expect(viewer.get('bpmnjs')).to.equal(viewer); done(err); }); }); it('should allow Diagram#get before import', function() { // when var viewer = new Viewer({ container: container }); // then var eventBus = viewer.get('eventBus'); expect(eventBus).to.exist; }); it('should keep references to services across re-import', function(done) { // given var someXML = require('../fixtures/bpmn/simple.bpmn'), otherXML = require('../fixtures/bpmn/basic.bpmn'); var viewer = new Viewer({ container: container }); var eventBus = viewer.get('eventBus'), canvas = viewer.get('canvas'); // when viewer.importXML(someXML, function() { // then expect(viewer.get('canvas')).to.equal(canvas); expect(viewer.get('eventBus')).to.equal(eventBus); viewer.importXML(otherXML, function() { // then expect(viewer.get('canvas')).to.equal(canvas); expect(viewer.get('eventBus')).to.equal(eventBus); done(); }); }); }); }); describe('creation', function() { var testModules = [ { logger: [ 'type', function() { this.called = true; } ] } ]; // given var xml = require('../fixtures/bpmn/simple.bpmn'); var viewer; afterEach(function() { viewer.destroy(); }); it('should override default modules', function(done) { // given viewer = new Viewer({ container: container, modules: testModules }); // when viewer.importXML(xml, function(err) { // then expect(err.message).to.equal('No provider for "bpmnImporter"! (Resolving: bpmnImporter)'); done(); }); }); it('should add module to default modules', function(done) { // given viewer = new Viewer({ container: container, additionalModules: testModules }); // when viewer.importXML(xml, function(err) { // then var logger = viewer.get('logger'); expect(logger.called).to.be.true; done(err); }); }); it('should use custom size and position', function() { // when viewer = new Viewer({ container: container, width: 200, height: 100, position: 'fixed' }); // then expect(viewer._container.style.position).to.equal('fixed'); expect(viewer._container.style.width).to.equal('200px'); expect(viewer._container.style.height).to.equal('100px'); }); var camundaPackage = require('../fixtures/json/model/camunda'); it('should provide custom moddle extensions', function(done) { var xml = require('../fixtures/bpmn/extension/camunda.bpmn'); // given viewer = new Viewer({ container: container, moddleExtensions: { camunda: camundaPackage } }); // when viewer.importXML(xml, function(err, warnings) { var elementRegistry = viewer.get('elementRegistry'); var taskShape = elementRegistry.get('send'), sendTask = taskShape.businessObject; // then expect(sendTask).to.exist; var extensionElements = sendTask.extensionElements; // receive task should be moddle extended expect(sendTask.$instanceOf('camunda:ServiceTaskLike')).to.be.true; // extension elements should provide typed element expect(extensionElements).to.exist; expect(extensionElements.values).to.exist; expect(extensionElements.values).to.have.length(1); expect(extensionElements.values[0].$instanceOf('camunda:InputOutput')).to.be.true; done(err); }); }); it('should allow to add default custom moddle extensions', function(done) { // given var xml = require('../fixtures/bpmn/extension/custom.bpmn'), additionalModdleDescriptors = { custom: require('../fixtures/json/model/custom') }; function CustomViewer(options) { Viewer.call(this, options); } inherits(CustomViewer, Viewer); CustomViewer.prototype._moddleExtensions = additionalModdleDescriptors; viewer = new CustomViewer({ container: container, moddleExtensions: { camunda: camundaPackage } }); // when viewer.importXML(xml, function(err, warnings) { var elementRegistry = viewer.get('elementRegistry'); var taskShape = elementRegistry.get('send'), sendTask = taskShape.businessObject; // then expect(sendTask).to.exist; var extensionElements = sendTask.extensionElements; // receive task should be moddle extended expect(sendTask.$instanceOf('camunda:ServiceTaskLike')).to.be.true; expect(sendTask.$instanceOf('custom:ServiceTaskGroup')).to.be.true; // extension elements should provide typed element expect(extensionElements).to.exist; expect(extensionElements.values.length).to.equal(2); expect(extensionElements.values[0].$instanceOf('camunda:InputOutput')).to.be.true; expect(extensionElements.values[1].$instanceOf('custom:CustomSendElement')).to.be.true; done(err); }); }); it('should allow user to override default custom moddle extensions', function(done) { // given var xml = require('../fixtures/bpmn/extension/custom-override.bpmn'); var additionalModdleDescriptors = { custom: require('../fixtures/json/model/custom') }; var customOverride = require('../fixtures/json/model/custom-override'); function CustomViewer(options) { Viewer.call(this, options); } inherits(CustomViewer, Viewer); CustomViewer.prototype._moddleExtensions = additionalModdleDescriptors; viewer = new CustomViewer({ container: container, moddleExtensions: { camunda: camundaPackage, custom : customOverride } }); // when viewer.importXML(xml, function(err, warnings) { var elementRegistry = viewer.get('elementRegistry'); var taskShape = elementRegistry.get('send'), sendTask = taskShape.businessObject; // then expect(sendTask).to.exist; var extensionElements = sendTask.extensionElements; // receive task should be moddle extended expect(sendTask.$instanceOf('camunda:ServiceTaskLike')).to.be.true; expect(sendTask.$instanceOf('custom:ServiceTaskGroupOverride')).to.be.true; // extension elements should provide typed element expect(extensionElements).to.exist; expect(extensionElements.values.length).to.equal(2); expect(extensionElements.values[0].$instanceOf('camunda:InputOutput')).to.be.true; expect(extensionElements.values[1].$instanceOf('custom:CustomSendElementOverride')).to.be.true; done(err); }); }); it('should throw error due to missing diagram', function(done) { var xml = require('../fixtures/bpmn/empty-definitions.bpmn'); // given viewer = new Viewer({ container: container, additionalModules: testModules }); // when viewer.importXML(xml, function(err) { // then expect(err.message).to.eql('no diagram to display'); done(); }); }); }); describe('configuration', function() { var xml = require('../fixtures/bpmn/simple.bpmn'); it('should configure Canvas', function(done) { // given var viewer = new Viewer({ container: container, canvas: { deferUpdate: true } }); // when viewer.importXML(xml, function(err) { var canvasConfig = viewer.get('config.canvas'); // then expect(canvasConfig.deferUpdate).to.be.true; done(); }); }); describe('container', function() { it('should attach if provided', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); var viewer = new Viewer({ container: container }); viewer.importXML(xml, function(err, warnings) { expect(viewer._container.parentNode).to.equal(container); done(err, warnings); }); }); it('should not attach if absent', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); var viewer = new Viewer(); viewer.importXML(xml, function(err, warnings) { expect(viewer._container.parentNode).to.equal(null); done(err, warnings); }); }); }); }); describe('#importXML', function() { it('should emit events', function(done) { // given var viewer = new Viewer({ container: container }); var xml = require('../fixtures/bpmn/simple.bpmn'); var events = []; viewer.on([ 'import.parse.start', 'import.parse.complete', 'import.render.start', 'import.render.complete', 'import.done' ], function(e) { // log event type + event arguments events.push([ e.type, Object.keys(e).filter(function(key) { return key !== 'type'; }) ]); }); // when viewer.importXML(xml, function(err) { // then expect(events).to.eql([ [ 'import.parse.start', [ 'xml' ] ], [ 'import.parse.complete', ['error', 'definitions', 'context' ] ], [ 'import.render.start', [ 'definitions' ] ], [ 'import.render.complete', [ 'error', 'warnings' ] ], [ 'import.done', [ 'error', 'warnings' ] ] ]); done(err); }); }); it('should work without callback', function(done) { // given var viewer = new Viewer({ container: container }); var xml = require('../fixtures/bpmn/simple.bpmn'); // when viewer.importXML(xml); // then viewer.on('import.done', function(event) { done(); }); }); describe('multiple BPMNDiagram elements', function() { var multipleXML = require('../fixtures/bpmn/multiple-diagrams.bpmn'); it('should import default without bpmnDiagram specified', function(done) { // when createViewer(multipleXML, function(err) { // then done(err); }); }); it('should import bpmnDiagram specified by id', function(done) { // when createViewer(multipleXML, 'BpmnDiagram_2', function(err) { // then done(err); }); }); it('should handle diagram not found', function(done) { // given var xml = require('../fixtures/bpmn/multiple-diagrams.bpmn'); // when createViewer(xml, 'Diagram_IDontExist', function(err) { // then expect(err).to.exist; expect(err.message).to.eql('BPMNDiagram not found'); done(); }); }); describe('without callback', function() { it('should open default', function(done) { // given var viewer = new Viewer({ container: container }); // when viewer.importXML(multipleXML); // then viewer.on('import.done', function(event) { done(event.error); }); }); it('should open specified BPMNDiagram', function(done) { // given var viewer = new Viewer({ container: container }); // when viewer.importXML(multipleXML, 'BpmnDiagram_2'); // then viewer.on('import.done', function(event) { done(event.error); }); }); }); }); }); describe('#importDefinitions', function() { describe('single diagram', function() { var xml = require('../fixtures/bpmn/simple.bpmn'), viewer, definitions; beforeEach(function(done) { createViewer(xml, null, function(error, _, tmpViewer) { if (error) { return done(error); } definitions = tmpViewer.getDefinitions(); tmpViewer.destroy(); done(); }); }); beforeEach(function() { viewer = new Viewer({ container: container }); }); afterEach(function() { viewer.destroy(); }); it('should emit events', function(done) { // given var events = []; viewer.on([ 'import.parse.start', 'import.parse.complete', 'import.render.start', 'import.render.complete', 'import.done' ], function(e) { // log event type + event arguments events.push([ e.type, Object.keys(e).filter(function(key) { return key !== 'type'; }) ]); }); // when viewer.importDefinitions(definitions, function(err) { // then expect(events).to.eql([ [ 'import.render.start', [ 'definitions' ] ], [ 'import.render.complete', [ 'error', 'warnings' ] ] ]); done(err); }); }); it('should work without callback', function(done) { // given viewer.on('import.render.complete', function(context) { // then done(context.error); }); // when viewer.importDefinitions(definitions); }); }); describe('multiple BPMNDiagram elements', function() { var multipleXML = require('../fixtures/bpmn/multiple-diagrams.bpmn'), viewer, definitions; beforeEach(function(done) { createViewer(multipleXML, null, function(error, _, tmpViewer) { if (error) { return done(error); } definitions = tmpViewer.getDefinitions(); tmpViewer.destroy(); done(); }); }); beforeEach(function() { viewer = new Viewer({ container: container }); }); afterEach(function() { viewer.destroy(); }); it('should import default without bpmnDiagram specified', function(done) { // when viewer.importDefinitions(definitions, function(err) { // then done(err); }); }); it('should import bpmnDiagram specified by id', function(done) { // when viewer.importDefinitions(definitions, 'BpmnDiagram_2', function(err) { // then done(err); }); }); it('should handle diagram not found', function(done) { // when viewer.importDefinitions(definitions, 'Diagram_IDontExist', function(err) { // then expect(err).to.exist; expect(err.message).to.eql('BPMNDiagram not found'); done(); }); }); describe('without callback', function() { it('should open default', function(done) { // given viewer.on('import.render.complete', function(event) { // then done(event.error); }); // when viewer.importDefinitions(definitions); }); it('should open specified BPMNDiagram', function(done) { // given viewer.on('import.render.complete', function(event) { // then done(event.error); }); // when viewer.importDefinitions(definitions, 'BpmnDiagram_2'); }); }); }); }); describe('#open', function() { var multipleXMLSimple = require('../fixtures/bpmn/multiple-diagrams.bpmn'), multipleXMLOverlappingDI = require('../fixtures/bpmn/multiple-diagrams-overlapping-di.bpmn'), multipleXMLWithLaneSet = require('../fixtures/bpmn/multiple-diagrams-lanesets.bpmn'), diagram1 = 'BpmnDiagram_1', diagram2 = 'BpmnDiagram_2'; it('should open the first diagram if id was not provided', function(done) { // when createViewer(multipleXMLSimple, diagram1, function(err, warnings, viewer) { if (err) { return done(err); } // then var renderedDiagram = viewer.get('canvas').getRootElement().businessObject.di; viewer.open(function(err) { if (err) { return done(err); } // then expect(viewer.get('canvas').getRootElement().businessObject.di).to.equal(renderedDiagram); done(); }); }); }); it('should switch between diagrams', function(done) { // when createViewer(multipleXMLSimple, diagram1, function(err, warnings, viewer) { // then if (err) { return done(err); } expect(warnings).to.be.empty; var definitions = viewer.getDefinitions(); expect(definitions).to.exist; viewer.open(diagram2, function(err, warnings) { // then if (err) { return done(err); } expect(warnings).to.be.empty; expect(definitions).to.equal(viewer.getDefinitions()); var elementRegistry = viewer.get('elementRegistry'); expect(elementRegistry.get('Task_A')).to.not.exist; expect(elementRegistry.get('Task_B')).to.exist; done(); }); }); }); it('should switch between diagrams with overlapping DI', function(done) { // when createViewer(multipleXMLOverlappingDI, diagram1, function(err, warnings, viewer) { // then if (err) { return done(err); } expect(warnings).to.be.empty; var definitions = viewer.getDefinitions(); expect(definitions).to.exist; viewer.open(diagram2, function(err, warnings) { // then if (err) { return done(err); } expect(warnings).to.be.empty; expect(definitions).to.equal(viewer.getDefinitions()); done(); }); }); }); it('should switch between diagrams with laneSets', function(done) { // when createViewer(multipleXMLWithLaneSet, diagram2, function(err, warnings, viewer) { // then if (err) { return done(err); } expect(warnings).to.be.empty; var definitions = viewer.getDefinitions(); expect(definitions).to.exist; viewer.open(diagram1, function(err, warnings) { // then if (err) { return done(err); } expect(warnings).to.be.empty; expect(definitions).to.equal(viewer.getDefinitions()); var elementRegistry = viewer.get('elementRegistry'); expect(elementRegistry.get('Task_A')).to.exist; expect(elementRegistry.get('Task_B')).to.not.exist; done(); }); }); }); it('should complete with error if xml was not imported', function(done) { // given var viewer = new Viewer(); // when viewer.open(function(err) { // then expect(err).to.exist; expect(err.message).to.eql('no XML imported'); var definitions = viewer.getDefinitions(); expect(definitions).to.not.exist; done(); }); }); it('should open with error if diagram does not exist', function(done) { // when createViewer(multipleXMLSimple, diagram1, function(err, warnings, viewer) { // then if (err) { return done(err); } expect(warnings).to.be.empty; var definitions = viewer.getDefinitions(); expect(definitions).to.exist; viewer.open('Diagram_IDontExist', function(err) { // then expect(err).to.exist; expect(err.message).to.eql('BPMNDiagram not found'); // definitions stay the same expect(viewer.getDefinitions()).to.eql(definitions); done(); }); }); }); it('should emit events', function(done) { var viewer = new Viewer({ container: container }); var events = []; viewer.importXML(multipleXMLSimple, diagram1, function(err) { // given viewer.on([ 'import.parse.start', 'import.parse.complete', 'import.render.start', 'import.render.complete', 'import.done' ], function(e) { // log event type + event arguments events.push([ e.type, Object.keys(e).filter(function(key) { return key !== 'type'; }) ]); }); // when viewer.open(diagram2, function(err) { // then expect(events).to.eql([ [ 'import.render.start', [ 'definitions' ] ], [ 'import.render.complete', [ 'error', 'warnings' ] ] ]); done(err); }); }); }); }); describe('#saveXML', function() { it('should export XML', function(done) { // given var xml = require('../fixtures/bpmn/simple.bpmn'); createViewer(xml, function(err, warnings, viewer) { // when viewer.saveXML({ format: true }, function(err, xml) { // then expect(xml).to.contain(''); expect(xml).to.contain(' events', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); createViewer(xml, function(err, warnings, viewer) { var events = []; viewer.on([ 'saveXML.start', 'saveXML.serialized', 'saveXML.done' ], function(e) { // log event type + event arguments events.push([ e.type, Object.keys(e).filter(function(key) { return key !== 'type'; }) ]); }); viewer.importXML(xml, function(err) { // when viewer.saveXML(function(err) { // then expect(events).to.eql([ [ 'saveXML.start', [ 'definitions' ] ], [ 'saveXML.serialized', ['error', 'xml' ] ], [ 'saveXML.done', ['error', 'xml' ] ] ]); done(err); }); }); }); }); }); describe('#saveSVG', function() { function currentTime() { return new Date().getTime(); } function validSVG(svg) { var expectedStart = ''; var expectedEnd = ''; expect(svg.indexOf(expectedStart)).to.equal(0); expect(svg.indexOf(expectedEnd)).to.equal(svg.length - expectedEnd.length); // ensure correct rendering of SVG contents expect(svg.indexOf('undefined')).to.equal(-1); // expect header to be written only once expect(svg.indexOf('')).to.equal(-1); expect(svg.indexOf(', svg] expect(svgNode.childNodes).to.have.length(3); // no error body expect(svgNode.body).not.to.exist; // FIXME(nre): make matcher return true; } it('should export svg', function(done) { // given var xml = require('../fixtures/bpmn/simple.bpmn'); createViewer(xml, function(err, warnings, viewer) { if (err) { return done(err); } // when viewer.saveSVG(function(err, svg) { // then expect(validSVG(svg)).to.be.true; done(err); }); }); }); it('should export huge svg', function(done) { this.timeout(5000); // given var xml = require('../fixtures/bpmn/complex.bpmn'); createViewer(xml, function(err, warnings, viewer) { if (err) { return done(err); } var time = currentTime(); // when viewer.saveSVG(function(err, svg) { // then expect(validSVG(svg)).to.be.true; // no svg export should not take too long expect(currentTime() - time).to.be.below(1000); done(err); }); }); }); it('should remove outer-makers on export', function(done) { // given var xml = require('../fixtures/bpmn/simple.bpmn'); function appendTestRect(svgDoc) { var rect = document.createElementNS(svgDoc.namespaceURI, 'rect'); rect.setAttribute('class', 'outer-bound-marker'); rect.setAttribute('width', 500); rect.setAttribute('height', 500); rect.setAttribute('x', 10000); rect.setAttribute('y', 10000); svgDoc.appendChild(rect); } createViewer(xml, function(err, warnings, viewer) { if (err) { return done(err); } var svgDoc = viewer._container.childNodes[1].childNodes[1]; appendTestRect(svgDoc); appendTestRect(svgDoc); expect(svgDoc.querySelectorAll('.outer-bound-marker')).to.exist; // when viewer.saveSVG(function(err, svg) { var svgDoc = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); svgDoc.innerHTML = svg; // then expect(validSVG(svg)).to.be.true; expect(svgDoc.querySelector('.outer-bound-marker')).to.be.null; done(err); }); }); }); it('should emit events', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); createViewer(xml, function(err, warnings, viewer) { var events = []; viewer.on([ 'saveSVG.start', 'saveSVG.done' ], function(e) { // log event type + event arguments events.push([ e.type, Object.keys(e).filter(function(key) { return key !== 'type'; }) ]); }); viewer.importXML(xml, function(err) { // when viewer.saveSVG(function() { // then expect(events).to.eql([ [ 'saveSVG.start', [ ] ], [ 'saveSVG.done', ['error', 'svg' ] ] ]); done(err); }); }); }); }); }); describe('#on', function() { it('should fire with given three', function(done) { // given var viewer = new Viewer({ container: container }); var xml = require('../fixtures/bpmn/simple.bpmn'); // when viewer.on('foo', 1000, function() { return 'bar'; }, viewer); // then viewer.importXML(xml, function(err) { var eventBus = viewer.get('eventBus'); var result = eventBus.fire('foo'); expect(result).to.equal('bar'); done(); }); }); }); describe('#off', function() { var xml = require('../fixtures/bpmn/simple.bpmn'); it('should remove listener permanently', function(done) { // given var viewer = new Viewer({ container: container }); var handler = function() { return 'bar'; }; viewer.on('foo', 1000, handler); // when viewer.off('foo'); // then viewer.importXML(xml, function(err) { var eventBus = viewer.get('eventBus'); var result = eventBus.fire('foo'); expect(result).not.to.exist; done(); }); }); it('should remove listener on existing diagram instance', function(done) { // given var viewer = new Viewer({ container: container }); var handler = function() { return 'bar'; }; viewer.on('foo', 1000, handler); // when viewer.importXML(xml, function(err) { var eventBus = viewer.get('eventBus'); // when viewer.off('foo', handler); var result = eventBus.fire('foo'); expect(result).not.to.exist; done(); }); }); }); describe('#destroy', function() { it('should remove traces in document tree', function() { // given var viewer = new Viewer({ container: container }); // when viewer.destroy(); // then expect(viewer._container.parentNode).not.to.exist; }); }); describe('#attachTo', function() { it('should attach the viewer', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); var viewer = new Viewer(); viewer.importXML(xml, function(err, warnings) { // assume expect(viewer._container.parentNode).not.to.exist; var resizedSpy = sinon.spy(); viewer.on('canvas.resized', resizedSpy); // when viewer.attachTo(container); // then expect(viewer._container.parentNode).to.equal(container); // should trigger resized expect(resizedSpy).to.have.been.called; done(err, warnings); }); }); }); describe('#detach', function() { it('should detach the viewer', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); var viewer = new Viewer({ container: container }); viewer.importXML(xml, function(err, warnings) { // assume expect(viewer._container.parentNode).to.equal(container); // when viewer.detach(); // then expect(viewer._container.parentNode).not.to.exist; done(err, warnings); }); }); }); describe('#clear', function() { it('should NOT clear if no diagram', function() { // given var viewer = new Viewer({ container: container }); var eventBus = viewer.get('eventBus'); var spy = sinon.spy(); eventBus.on('diagram.clear', spy); // when viewer.clear(); // then expect(spy).not.to.have.been.called; }); it('should not throw if diagram is already empty', function() { // given var viewer = new Viewer({ container: container }); function clearDiagram() { viewer.clear(); } // then expect(clearDiagram).to.not.throw(); }); it('should remove di property', function(done) { var xml = require('../fixtures/bpmn/simple.bpmn'); var viewer = new Viewer({ container: container }), elementRegistry = viewer.get('elementRegistry'); viewer.importXML(xml, function(err, warnings) { var elements = elementRegistry.getAll(); // when viewer.clear(); // then expect(elements.some(function(el) { return el && el.businessObject && el.businessObject.di; }), 'at least one element still has di').to.be.false; done(err, warnings); }); }); }); it('default export', function() { expect(ViewerDefaultExport).to.equal(Viewer); }); });