bpmn-js/test/spec/features/popup-menu/PopupMenuSpec.js

'use strict';

/* global bootstrapModeler, inject */

var TestHelper = require('../../../TestHelper'),
    coreModule = require('../../../../lib/core'),
    popupMenuModule = require('diagram-js/lib/features/popup-menu'),
    modelingModule = require('../../../../lib/features/modeling'),
    replaceModule = require('../../../../lib/features/replace'),
    domQuery = require('min-dom/lib/query'),
    domClasses = require('min-dom/lib/classes'),
    is = require('../../../../lib/util/ModelUtil').is;

function queryEntry(popupMenu, id) {
  return queryPopup(popupMenu, '[data-id="' + id + '"]');
}

function queryPopup(popupMenu, selector) {
  return domQuery(selector, popupMenu._current.container);
}

describe('features/popup-menu', function() {

  var diagramXML = require('../../../fixtures/bpmn/draw/activity-markers-simple.bpmn');

  var testModules = [ coreModule, modelingModule, popupMenuModule, replaceModule ];

  beforeEach(bootstrapModeler(diagramXML, { modules: testModules }));

  describe('active attribute', function(){

    it('should be true for parallel marker', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('ParallelTask'),
          loopCharacteristics = task.businessObject.loopCharacteristics;

      // when
      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
    	
      // then
      expect(is(loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(true);
      expect(loopCharacteristics.isSequential).not.toBe(undefined);
      expect(loopCharacteristics.isSequential).toBe(false);
      expect(popupMenu._getEntry('toggle-parallel-mi').active).toBe(true);
    }));


    it('should be true for sequential marker', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('SequentialTask'),
          loopCharacteristics = task.businessObject.loopCharacteristics;

      // when
      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
      
      // then
      expect(is(loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(true);
      expect(loopCharacteristics.isSequential).toBe(true);   
      expect(popupMenu._getEntry('toggle-sequential-mi').active).toBe(true);
    }));


    it('should be true for loop marker', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('LoopTask'),
          loopCharacteristics = task.businessObject.loopCharacteristics;

      // when
      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
      
      // then
      expect(is(loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(false);
      expect(loopCharacteristics.isSequential).toBe(undefined);   
      expect(popupMenu._getEntry('toggle-loop').active).toBe(true);
    }));
  });


  describe('parallel toggle button', function(){

    it('should toggle parallel marker off', inject(function(popupMenu, bpmnReplace, elementRegistry) {
      
      // given
      var task = elementRegistry.get('ParallelTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'toggle-parallel-mi'),
          evt = { target: entry, preventDefault: function(){} };

      // when
      popupMenu.trigger(evt);
      var parallelEntry = queryEntry(popupMenu, 'toggle-parallel-mi');

      // then
      expect(task.businessObject.loopCharacteristics).toBe(undefined);
      expect(domClasses(parallelEntry).has('active')).toBe(false);
    }));


    it('should toggle parallel marker on', inject(function(popupMenu, bpmnReplace, elementRegistry) {
      
      // given
      var task = elementRegistry.get('Task');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'toggle-parallel-mi'),
          evt = { target: entry, preventDefault: function(){} };

      // when
      popupMenu.trigger(evt);
      var parallelEntry = queryEntry(popupMenu, 'toggle-parallel-mi');

      // then
      expect(is(task.businessObject.loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(true);
      expect(task.businessObject.loopCharacteristics.isSequential).toBe(false);
      expect(domClasses(parallelEntry).has('active')).toBe(true);
    }));


    it('should set sequential button inactive', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('SequentialTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
          
      var entry = queryEntry(popupMenu, 'toggle-parallel-mi');

      // when
      popupMenu.trigger({ target: entry, preventDefault: function(){} });

      var sequentialEntry = queryEntry(popupMenu, 'toggle-sequential-mi');

      // then
      expect(domClasses(sequentialEntry).has('active')).toBe(false);
    }));


    it('should set loop button inactive', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('LoopTask');
      
      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
          
      var entry = queryEntry(popupMenu, 'toggle-parallel-mi');

      // when
      popupMenu.trigger({ target: entry, preventDefault: function(){} });

      var loopEntry = queryEntry(popupMenu, 'toggle-loop');

      // then
      expect(domClasses(loopEntry).has('active')).toBe(false);
    }));
  });


  describe('sequential toggle button', function(){

    it('should toggle sequential marker off', inject(function(popupMenu, bpmnReplace, elementRegistry) {
      
      // given
      var task = elementRegistry.get('SequentialTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'toggle-sequential-mi'),
          evt = { target: entry, preventDefault: function(){} };

      // when
      popupMenu.trigger(evt);
      var sequentialEntry = queryEntry(popupMenu, 'toggle-sequential-mi');

      // then
      expect(task.businessObject.loopCharacteristics).toBe(undefined);
      expect(domClasses(sequentialEntry).has('active')).toBe(false);
    }));


    it('should toggle sequential marker on', inject(function(popupMenu, bpmnReplace, elementRegistry) {
      
      // given
      var task = elementRegistry.get('Task');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'toggle-sequential-mi'),
          evt = { target: entry, preventDefault: function(){} };

      // when
      popupMenu.trigger(evt);
      var sequentialEntry = queryEntry(popupMenu, 'toggle-sequential-mi');

      // then
      expect(is(task.businessObject.loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(true);
      expect(task.businessObject.loopCharacteristics.isSequential).toBe(true);
      expect(domClasses(sequentialEntry).has('active')).toBe(true);
    }));


    it('should set loop button inactive', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('LoopTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
          
      var entry = queryEntry(popupMenu, 'toggle-sequential-mi');

      // when
      popupMenu.trigger({ target: entry, preventDefault: function(){} });

      var loopEntry = queryEntry(popupMenu, 'toggle-loop');

      // then
      expect(domClasses(loopEntry).has('active')).toBe(false);
    }));


    it('should set parallel button inactive', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('ParallelTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
          
      var entry = queryEntry(popupMenu, 'toggle-sequential-mi');

      // when
      popupMenu.trigger({ target: entry, preventDefault: function(){} });
      
      var parallelEntry = queryEntry(popupMenu, 'toggle-parallel-mi');

      // then
      expect(domClasses(parallelEntry).has('active')).toBe(false);
    }));
  });


  describe('loop toggle button', function(){

    it('should toggle loop marker off', inject(function(popupMenu, bpmnReplace, elementRegistry) {
      
      // given
      var task = elementRegistry.get('LoopTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'toggle-loop'),
          evt = { target: entry, preventDefault: function(){} };

      // when
      popupMenu.trigger(evt);
      var loopEntry = queryEntry(popupMenu, 'toggle-loop');

      // then
      expect(is(task.businessObject.loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(undefined);
      expect(domClasses(loopEntry).has('active')).toBe(false);
    }));


    it('should toggle loop marker on', inject(function(popupMenu, bpmnReplace, elementRegistry){
      
      // given
      var task = elementRegistry.get('Task');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'toggle-loop'),
          evt = { target: entry, preventDefault: function(){} };

      // when
      popupMenu.trigger(evt);
      var loopEntry = queryEntry(popupMenu, 'toggle-loop');

      // then
      expect(is(task.businessObject.loopCharacteristics, 'bpmn:StandardLoopCharacteristics')).toBe(true);
      expect(domClasses(loopEntry).has('active')).toBe(true);
    }));


    it('should set sequential button inactive', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('SequentialTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
      
      var entry = queryEntry(popupMenu, 'toggle-loop');

      // when
      popupMenu.trigger({ target: entry, preventDefault: function(){} });
      
      var sequentialEntry = queryEntry(popupMenu, 'toggle-sequential-mi');

      // then
      expect(domClasses(sequentialEntry).has('active')).toBe(false);
    }));


    it('should set parallel button inactive', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('ParallelTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);
      
      var entry = queryEntry(popupMenu, 'toggle-loop');

      // when
      popupMenu.trigger({ target: entry, preventDefault: function(){} });
      
      var parallelEntry = queryEntry(popupMenu, 'toggle-parallel-mi');

      // then
      expect(domClasses(parallelEntry).has('active')).toBe(false);
    }));
  });


  describe('replacing a task', function() {

    it('should retain the loop characteristics', inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('SequentialTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'replace-with-send-task');

      // when
      // replacing the task with a send task
      popupMenu.trigger({ target: entry, preventDefault: function(){} });

      // then
      // get the send task from the registry
      var sendTask = elementRegistry.filter(function(element, gfx) { return element.type === 'bpmn:SendTask';})[0];

      expect(sendTask.businessObject.loopCharacteristics).toBeDefined();
      expect(is(sendTask.businessObject.loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(true);
      expect(sendTask.businessObject.loopCharacteristics.isSequential).toBe(true);
    }));

  
    it('should retain the loop characteristics for call activites',
      inject(function(popupMenu, bpmnReplace, elementRegistry) {

      // given
      var task = elementRegistry.get('SequentialTask');

      bpmnReplace.openChooser({ x: task.x + 100, y: task.y + 100 }, task);

      var entry = queryEntry(popupMenu, 'replace-with-call-activity');

      // when
      // replacing the task with a call activity
      popupMenu.trigger({ target: entry, preventDefault: function(){} });

      // then
      // get the send task from the registry
      var callActivity = elementRegistry.filter(function(element, gfx) {
        return element.type === 'bpmn:CallActivity';
      })[0];

      expect(callActivity.businessObject.loopCharacteristics).toBeDefined();
      expect(is(callActivity.businessObject.loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics')).toBe(true);
      expect(callActivity.businessObject.loopCharacteristics.isSequential).toBe(true);

    }));

  });

});