test: textarea

Author: abdul99ahad

test/spec/provider/bpmn/NameProps.bpmn

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<bpmn:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" id="Definitions_1" targetNamespace="http://bpmn.io/schema/bpmn" exporter="Camunda Modeler" exporterVersion="4.8.1">
+<bpmn:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" id="Definitions_1" targetNamespace="http://bpmn.io/schema/bpmn" exporter="Camunda Modeler" exporterVersion="5.34.0-rc.3">
   <bpmn:process id="Process_1" isExecutable="false">
     <bpmn:startEvent id="StartEvent_1" name="start">
       <bpmn:dataOutputAssociation id="DataOutputAssociation_1">
@@ -9,6 +9,7 @@
     <bpmn:task id="Task_1" name="task" />
     <bpmn:dataObjectReference id="DataObjectReference_0rfd651" dataObjectRef="DataObject_1dekmmy" />
     <bpmn:dataObject id="DataObject_1dekmmy" />
+    <bpmn:task id="Task_2" name="task 2" />
     <bpmn:textAnnotation id="TextAnnotation_1">
       <bpmn:text>text for name</bpmn:text>
     </bpmn:textAnnotation>
@@ -33,6 +34,10 @@
       <bpmndi:BPMNShape id="DataObjectReference_0rfd651_di" bpmnElement="DataObjectReference_0rfd651">
         <dc:Bounds x="262" y="75" width="36" height="50" />
       </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="BPMNShape_1ak57y3" bpmnElement="Task_2">
+        <dc:Bounds x="592" y="213" width="100" height="80" />
+        <bpmndi:BPMNLabel />
+      </bpmndi:BPMNShape>
       <bpmndi:BPMNShape id="TextAnnotation_11kvt4v_di" bpmnElement="TextAnnotation_1">
         <dc:Bounds x="592" y="120" width="100" height="38" />
       </bpmndi:BPMNShape>

test/spec/provider/bpmn/NameProps.spec.js

@@ -363,6 +363,79 @@ describe('provider/bpmn - NameProps', function() {
 
   });
 
+  describe('integration', function() {
+
+    let clock;
+
+    beforeEach(bootstrapPropertiesPanel(diagramXML, {
+      modules: testModules,
+      debounceInput: 300
+    }));
+
+    beforeEach(function() {
+      clock = sinon.useFakeTimers();
+    });
+
+    afterEach(function() {
+      clock.restore();
+    });
+
+    it('should trim value be visible in XML', inject(async function(elementRegistry, selection) {
+
+      // given
+      const task1 = elementRegistry.get('Task_1');
+
+      await act(() => {
+        selection.select(task1);
+      });
+
+      // when
+      const idInput1 = domQuery('textarea[name=name]', container);
+      changeInput(idInput1, 'foo    ');
+      idInput1.focus();
+
+      await act(() => {
+        idInput1.blur();
+      });
+      clock.tick(2000);
+
+      // then
+      expect(idInput1.value).to.eql('foo');
+    }));
+
+
+    it('should not propogate input to other element', inject(async function(elementRegistry, selection) {
+
+      // given
+      const task1 = elementRegistry.get('Task_1');
+      const task2 = elementRegistry.get('Task_2');
+
+      const originalValueTask2 = getBusinessObject(task2).get('name');
+
+      await act(() => {
+        selection.select(task1);
+      });
+
+      // when
+      const idInput1 = domQuery('textarea[name=name]', container);
+      changeInput(idInput1, 'foo');
+      idInput1.focus();
+
+      await act(() => {
+        idInput1.blur();
+        selection.select(task2);
+      });
+      const idInput2 = domQuery('textarea[name=name]', container);
+      idInput2.focus();
+      clock.tick(2000);
+
+      // then
+      expect(idInput2.value).to.eql(originalValueTask2);
+      expect(idInput1.value).to.not.eql(idInput2.value);
+    }));
+
+  });
+
 });