bpmn-js 0.20.7 → 0.21.0

package/test/spec/features/label-editing/LabelEditingPreviewSpec.js

@@ -0,0 +1,133 @@
+'use strict';
+
+/* global bootstrapViewer, inject */
+
+
+var labelEditingModule = require('../../../../lib/features/label-editing'),
+    coreModule = require('../../../../lib/core'),
+    draggingModule = require('diagram-js/lib/features/dragging'),
+    modelingModule = require('diagram-js/lib/features/modeling');
+
+describe('features - label-editing preview', function() {
+
+  var diagramXML = require('../../../fixtures/bpmn/features/label-editing/labels.bpmn');
+
+  var testModules = [ labelEditingModule, coreModule, draggingModule, modelingModule ];
+
+  beforeEach(bootstrapViewer(diagramXML, { modules: testModules }));
+
+  describe('activate', function() {
+
+    it('[external labels AND text annotations ] should add marker to hide element on activate', inject(function(directEditing, elementRegistry) {
+
+      // given
+      var textAnnotation = elementRegistry.get('TextAnnotation_1');
+
+      // when
+      directEditing.activate(textAnnotation);
+
+      // then
+      var gfx = elementRegistry.getGraphics(textAnnotation);
+
+      expect(gfx.classList.contains('djs-element-hidden')).to.be.true;
+    }));
+
+
+    it('[internal labels] should add marker to hide label on activate', inject(function(directEditing, elementRegistry) {
+
+      // given
+      var task = elementRegistry.get('Task_1');
+
+      // when
+      directEditing.activate(task);
+
+      // then
+      var gfx = elementRegistry.getGraphics(task);
+
+      expect(gfx.classList.contains('djs-label-hidden')).to.be.true;
+    }));
+
+  });
+
+
+  describe('resize', function() {
+
+    it('[text annotations] should resize preview on resize', inject(function(directEditing, elementRegistry, eventBus, labelEditingPreview) {
+
+      // given
+      var textAnnotation = elementRegistry.get('TextAnnotation_1');
+      directEditing.activate(textAnnotation);
+
+      // when
+      eventBus.fire('directEditing.resize', {
+        width: 200,
+        height: 200,
+        dx: 100,
+        dy: 100
+      });
+
+      // then
+      var bounds = labelEditingPreview.path.getBBox();
+
+      expect(bounds).to.eql({ x: 0, y: 0, width: 10, height: 300 });
+    }));
+
+
+    it('[text annotations] should resize preview below 0', inject(function(directEditing, elementRegistry, eventBus, labelEditingPreview) {
+
+      // given
+      var textAnnotation = elementRegistry.get('TextAnnotation_1');
+      directEditing.activate(textAnnotation);
+
+      // when
+      eventBus.fire('directEditing.resize', {
+        width: 200,
+        height: 200,
+        dx: -300,
+        dy: -300
+      });
+
+      // then
+      var bounds = labelEditingPreview.path.getBBox();
+
+      expect(bounds).to.eql({ x: 0, y: 0, width: 10, height: 0 });
+    }));
+
+  });
+
+
+  describe('complete/cancel', function() {
+
+    it('[external labels AND text annotations] should remove marker to hide element on complete', inject(function(directEditing, elementRegistry) {
+
+      // given
+      var textAnnotation = elementRegistry.get('TextAnnotation_1');
+      directEditing.activate(textAnnotation);
+
+      // when
+      directEditing.complete();
+
+      // then
+      var gfx = elementRegistry.getGraphics(textAnnotation);
+
+      expect(gfx.classList.contains('djs-element-hidden')).to.be.false;
+    }));
+
+
+    it('[internal labels] should remove marker to hide label on complete', inject(function(directEditing, elementRegistry) {
+
+      // given
+      var task = elementRegistry.get('Task_1');
+      directEditing.activate(task);
+
+      // when
+      directEditing.complete();
+
+      // then
+      var gfx = elementRegistry.getGraphics(task);
+
+      expect(gfx.classList.contains('djs-label-hidden')).to.be.false;
+    }));
+
+  });
+});