DHFPROD-8860: Job response modal not opening on Monitor

Author: lucianabc-endava

marklogic-data-hub-central/ui/e2e/cypress/integration/monitor/monitorTableValidations.spec.tsx

@@ -4,6 +4,7 @@ import "cypress-wait-until";
 import {toolbar} from "../../support/components/common";
 import LoginPage from "../../support/pages/login";
 import browsePage from "../../support/pages/browse";
+import runPage from "../../support/pages/run";
 
 describe("Monitor Tile", () => {
 
@@ -68,6 +69,20 @@ describe("Monitor Tile", () => {
     browsePage.getApplyFacetsButton().should("be.disabled");
   });
 
+  it("Verify job ID link opens status modal", () => {
+
+    cy.log("*** open status modal via jobs link ***");
+    monitorPage.getAllJobIdLink().first().click();
+    runPage.getFlowStatusModal().should("be.visible");
+
+    cy.log("*** verify step result content inside status modal ***");
+    runPage.getStepSuccess("mapPersonJSON").should("be.visible");
+    runPage.verifyFlowModalCompleted("testPersonJSON");
+    cy.log("*** modal can be closed ***");
+    runPage.closeFlowStatusModal("testPersonJSON");
+    runPage.getFlowStatusModal().should("not.exist");
+  });
+
   //TODO: Re-test facets without using ml-tooltip-container
 
   // it("apply multiple facets, deselect them, apply changes, apply multiple, clear them, verify no facets checked", () => {

marklogic-data-hub-central/ui/e2e/cypress/support/pages/monitor.tsx

@@ -13,6 +13,11 @@ class MonitorPage {
   getTableRows() {
     return cy.get(".hc-table_row");
   }
+
+  getAllJobIdLink() {
+    return cy.findAllByTestId("jobId-link");
+  }
+
   waitForMonitorTableToLoad() {
     cy.waitUntil(() => this.getTableRows().should("have.length.gt", 0));
   }

marklogic-data-hub-central/ui/e2e/cypress/support/pages/run.tsx

@@ -19,6 +19,10 @@ class RunPage {
     return cy.get(`[aria-label=${flowName}-completed]`);
   }
 
+  getStepSuccess(stepName: string) {
+    return cy.get(`[data-testid="${stepName}-success"]`);
+  }
+
   isFlowNotVisible(flowName: string) {
     return cy.get(`#${flowName}`).should("not.exist");
   }

marklogic-data-hub-central/ui/src/components/job-response/job-response.tsx

@@ -59,7 +59,7 @@ const JobResponse: React.FC<Props> = ({jobId, setOpenJobResponse, setUserCanStop
           setIsStepRunning(true);
           setTimeoutId(setTimeout(() => { retrieveJobDoc(); }, 3000));
         } else {
-          setIsStepRunning(false);
+          if (setIsStepRunning) setIsStepRunning(false);
         }
       }
     } catch (error) {

marklogic-data-hub-central/ui/src/components/job-results-table-view/job-results-table-view.tsx

@@ -56,7 +56,7 @@ const JobResultsTableView = ({data}) => {
       formatter: (jobId) => {
         return <>
           <HCTooltip text="Click the JOB ID to see the details" id="Click JOB ID to see the details" placement="right">
-            <a onClick={() => handleOpenJobResponse(jobId)}>{jobId}</a>
+            <a data-testid={`jobId-link`} onClick={() => handleOpenJobResponse(jobId)}>{jobId}</a>
           </HCTooltip>
         </>;
       }