fix: hide context pad when token simulation enabled

Closes #185
bpmn-io · Aug 16, 2024 · cc5bdd9 · cc5bdd9
1 parent e398b9b
commit cc5bdd9
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/assets/css/bpmn-js-token-simulation.css b/assets/css/bpmn-js-token-simulation.css
@@ -250,6 +250,7 @@
 }
 
 .bjs-container.simulation .djs-bendpoint,
+.bjs-container.simulation .djs-context-pad,
 .bjs-container.simulation .djs-outline,
 .bjs-container.simulation .djs-palette,
 .bjs-container.simulation .djs-resizer,

diff --git a/test/spec/ModelerSpec.js b/test/spec/ModelerSpec.js
@@ -201,6 +201,45 @@ describe('modeler extension', function() {
   });
 
 
+  describe('UI', function() {
+
+    const diagram = require('./simple.bpmn');
+
+    beforeEach(bootstrapModeler(diagram, {
+      additionalModules: [
+        TokenSimulationModelerModules
+      ]
+    }));
+
+
+    it('should hide UI', inject(function(canvas, toggleMode) {
+
+      // given
+      const ui = domQueryAll(`
+        .djs-bendpoint,
+        .djs-context-pad,
+        .djs-outline,
+        .djs-palette,
+        .djs-resizer,
+        .djs-segment-dragger
+      `, canvas.getContainer());
+
+      Array.from(ui).forEach(element => {
+        expect(window.getComputedStyle(element).display !== 'none').to.be.true;
+      });
+
+      // when
+      toggleMode.toggleMode();
+
+      // then
+      Array.from(ui).forEach(element => {
+        expect(window.getComputedStyle(element).display === 'none').to.be.true;
+      });
+    }));
+
+  });
+
+
   describe('overlays', function() {
 
     class FoobarOverlays {