WIP improvements

Author: philippfromme

demo/App.jsx

@@ -8,6 +8,7 @@ import 'camunda-bpmn-js/dist/assets/camunda-cloud-modeler.css';
 import TaskTesting from '../lib';
 
 import diagram from './fixtures/diagram.bpmn';
+import form from './fixtures/form.form';
 import connectorTemplates from './fixtures/connectorTemplates.json';
 import defaultConfig from './fixtures/config';
 
@@ -26,7 +27,7 @@ function App() {
 
   const [ modeler, setModeler ] = useState(null);
 
-  const [ isConnectionConfigured, setIsConnectionConfigured ] = useState(false);
+  const [ isConnectionConfigured, setIsConnectionConfigured ] = useState(true);
 
   const [ config, setConfig ] = useState(undefined);
 
@@ -65,14 +66,18 @@ function App() {
   const deploy = async () => {
     const { xml } = await modeler.saveXML();
 
+    const payload = { xml };
+
+    if (form) {
+      payload.form = form;
+    }
+
     const response = await fetch('/api/deploy', {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json'
       },
-      body: JSON.stringify({
-        xml
-      })
+      body: JSON.stringify(payload)
     });
 
     return await response.json();
@@ -114,61 +119,71 @@ function App() {
       .then(response => response.json());
   };
 
+  const getWaitingState = async (processInstanceKey, elementId) => {
+    return fetch(`/api/getWaitingState/${processInstanceKey}?elementId=${elementId}`)
+      .then(response => response.json());
+  };
+
   const { current: onConfigChanged } = useRef(debounce(config => setConfig(config), 300));
 
   // eslint-disable-next-line no-undef
   const operateURL = process.env.CAMUNDA_OPERATE_BASE_URL;
 
+  // eslint-disable-next-line no-undef
+  const tasklistURL = process.env.CAMUNDA_TASKLIST_BASE_URL;
+
   return (
     <>
       <div className="modeler" ref={ modelerRef }>
         <div id="canvas" className="canvas"></div>
         <div id="properties" className="properties-panel"></div>
-      </div>
-      <div className="task-testing">
-        <TestTab
-          injector={ injector }
-          isConnectionConfigured={ isConnectionConfigured }
-          configureConnectionBannerTitle="No cluster selected"
-          configureConnectionBannerDescription="Select a Camunda 8.8 cluster to enable task testing."
-          configureConnectionLabel="Select cluster"
-          onConfigureConnection={ () => {
-            if (window.confirm('Cluster selected?')) {
-              setIsConnectionConfigured(true);
-            }
-          } }
-          onTestTask={ () => {
-            if (isConnectionConfigured) {
-              return true;
-            }
-
-            if (window.confirm('Cluster selected?')) {
-              setIsConnectionConfigured(true);
-
-              return true;
-            }
-
-            return false;
-          } }
-          api={ {
-            deploy,
-            startInstance,
-            getProcessInstance,
-            getProcessInstanceVariables,
-            getProcessInstanceElementInstances,
-            getProcessInstanceIncident
-          } }
-          config={ config }
-          onConfigChanged={ onConfigChanged }
-          operateBaseUrl={ operateURL }
-          documentationUrl="https://docs.camunda.io/"
-          onTaskExecutionStarted={ (element) => {
-            console.log('Task execution started:', element.id);
-          } }
-          onTaskExecutionFinished={ (element, result) => {
-            console.log('Task execution finished:', element.id, result.success ? 'success' : result.reason, result);
-          } }
-        />
+        <div className="task-testing">
+          <TestTab
+            injector={ injector }
+            isConnectionConfigured={ isConnectionConfigured }
+            configureConnectionBannerTitle="No cluster selected"
+            configureConnectionBannerDescription="Select a Camunda 8.8 cluster to enable task testing."
+            configureConnectionLabel="Select cluster"
+            onConfigureConnection={ () => {
+              if (window.confirm('Cluster selected?')) {
+                setIsConnectionConfigured(true);
+              }
+            } }
+            onTestTask={ () => {
+              if (isConnectionConfigured) {
+                return true;
+              }
+
+              if (window.confirm('Cluster selected?')) {
+                setIsConnectionConfigured(true);
+
+                return true;
+              }
+
+              return false;
+            } }
+            api={ {
+              deploy,
+              startInstance,
+              getProcessInstance,
+              getProcessInstanceVariables,
+              getProcessInstanceElementInstances,
+              getProcessInstanceIncident,
+              getWaitingState
+            } }
+            config={ config }
+            onConfigChanged={ onConfigChanged }
+            operateBaseUrl={ operateURL }
+            tasklistBaseUrl={ tasklistURL }
+            documentationUrl="https://docs.camunda.io/"
+            onTaskExecutionStarted={ (element) => {
+              console.log('Task execution started:', element.id);
+            } }
+            onTaskExecutionFinished={ (element, result) => {
+              console.log('Task execution finished:', element.id, result.success ? 'success' : result.reason, result);
+            } }
+          />
+        </div>
       </div>
     </>
   );
@@ -182,12 +197,12 @@ function TestTab(props) {
   }
 
   return <TaskTesting { ...props }>
-    <RPATab />
+    {/* <RPATab />
     <RPALink />
     <FooTabDynamic />
     <FooTabStatic />
     <FooLinkDynamic />
-    <FooLinkStatic />
+    <FooLinkStatic /> */}
   </TaskTesting>;
 }
 

demo/fixtures/.process-application

@@ -0,0 +1 @@
+{}

demo/fixtures/config.js

@@ -14,7 +14,8 @@ const input = {
     bar: 'baz'
   }, null, 2),
   'ServiceTask_5': JSON.stringify({
-    jobWorkerDelay: 5
+    jobWorkerDelay: 5,
+    failJob: false
   }, null, 2)
 };