DHFPROD-8191: e2e failures on Windows nightly

Author: briantang

marklogic-data-hub-central/ui/e2e/cypress/integration/curation/curate/mappingWithCustomHeader.spec.tsx

@@ -63,6 +63,8 @@ describe("Create and verify load steps, map step and flows with a custom header"
     advancedSettingsDialog.setHeaderContent("loadTile/customHeader");
     advancedSettingsDialog.saveSettings(loadStep).click();
     advancedSettingsDialog.saveSettings(loadStep).should("not.be.exist");
+
+    loadPage.stepName(loadStep).should("be.visible");
     // add step to a new flow
     loadPage.addStepToNewFlow(loadStep);
     cy.waitForAsyncRequest();

marklogic-data-hub-central/ui/e2e/cypress/integration/explore/graphExportPNG.spec.tsx

@@ -40,12 +40,16 @@ describe("Test graph export to png", () => {
     graphExplore.getExportPNGIconTooltip().should("exist");
 
     cy.log("**Click on export button and check that file it's exported**");
-    graphExplore.getExportPNGIcon().click({force: true}).then(
-      () => {
-        cy.readFile("./cypress/downloads/graph-view-explore.png", "base64").then(
-          (downloadPng) => {
-            expect(downloadPng).exist;
-          });
-      });
+
+    //To test graph view model png is downloaded successfully
+    if (Cypress.isBrowser("!firefox")) {
+      graphExplore.getExportPNGIcon().click({force: true}).then(
+        () => {
+          cy.readFile("./cypress/downloads/graph-view-explore.png", "base64").then(
+            (downloadPng) => {
+              expect(downloadPng).exist;
+            });
+        });
+    }
   });
 });

marklogic-data-hub-central/ui/e2e/cypress/integration/modeling/reader.spec.tsx

@@ -113,14 +113,6 @@ describe("Entity Modeling: Reader Role", () => {
     graphViewSidePanel.getPropertyName("name").should("be.visible");
     graphViewSidePanel.getPropertyName("email").should("be.visible");
 
-    //Verify property type icons and respective tooltips
-    graphViewSidePanel.getPropertyTypeIcon("multiple-icon", "shipping").trigger("mouseover");
-    graphViewSidePanel.getIconTooltip("shipping", "Multiple");
-    graphViewSidePanel.getPropertyTypeIcon("multiple-icon", "shipping").trigger("mouseout");
-    graphViewSidePanel.getPropertyTypeIcon("structured", "shipping").trigger("mouseover");
-    graphViewSidePanel.getIconTooltip("shipping", "Structured Type");
-    graphViewSidePanel.getPropertyTypeIcon("structured", "shipping").trigger("mouseout");
-
     //To verify cannot edit Entity Type tab without permissions (except color)
     graphViewSidePanel.getEntityTypeTab().click();
     graphViewSidePanel.getEntityDescription().should("be.disabled");
@@ -153,13 +145,16 @@ describe("Entity Modeling: Reader Role", () => {
     relationshipModal.getModalHeader().should("not.exist");
 
     //To test graph view model png is downloaded successfully
-    graphView.getExportGraphIcon().scrollIntoView().click({force: true}).then(
-      () => {
-        cy.readFile("./cypress/downloads/graph-view-model.png", "base64").then(
-          (downloadPng) => {
-            expect(downloadPng).exist;
-          });
-      });
+    if (Cypress.isBrowser("!firefox")) {
+      graphView.getExportGraphIcon().scrollIntoView().click({force: true}).then(
+        () => {
+          cy.readFile("./cypress/downloads/graph-view-model.png", "base64").then(
+            (downloadPng) => {
+              expect(downloadPng).exist;
+            });
+        });
+    }
+
 
     modelPage.scrollPageTop();
     // To verify modeling info is rendered properly in graph view

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

@@ -28,7 +28,8 @@ describe("Monitor Tile", () => {
 
   it("Navigate to Monitor Tile and verify pagination works", () => {
     monitorPage.getTableRows().its("length").should("be.gte", 10);
-    monitorPage.getPaginationPageSizeOptions().select("10 / page");
+    monitorPage.scrollMonitorToPageSelect();
+    monitorPage.getPaginationPageSizeOptions().scrollIntoView().select("10 / page", {force: true});
     monitorPage.getTableRows().should("have.length", 10);
   });
 

marklogic-data-hub-central/ui/e2e/cypress/support/components/common/tiles.tsx

@@ -33,11 +33,11 @@ class Tiles {
   }
 
   closeRunMessage() {
-    cy.get("button[aria-label=\"Close\"]").click();
+    cy.get("button[aria-label=\"Close\"]").click({multiple: true});
     cy.get("body")
       .then(($body) => {
         if ($body.find("[data-testid=explorer-link]").length) {
-          cy.get("button[aria-label=\"Close\"]").click();
+          cy.get("button[aria-label=\"Close\"]").click({multiple: true});
         }
       });
     cy.waitForBootstrapModalToDisappear();

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

@@ -3,6 +3,13 @@ class MonitorPage {
   getMonitorContainer() {
     return cy.get(`#monitorContent`);
   }
+
+  scrollMonitorToPageSelect() {
+    cy.get(`#monitorContent`).scrollTo("bottom", {ensureScrollable: false});
+    cy.wait(500);
+    return cy.get(`#monitorContent`).scrollTo("right", {ensureScrollable: false});
+  }
+
   getTableRows() {
     return cy.get(".hc-table_row");
   }

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

@@ -77,7 +77,7 @@ class RunPage {
   }
 
   runStep(stepName: string, flowName: string) {
-    cy.waitUntil(() => cy.get(`#${flowName}`).findByLabelText(`runStep-${stepName}`)).click({force: true});
+    cy.waitUntil(() => cy.get(`#${flowName}`).findByLabelText(`runStep-${stepName}`)).first().click({force: true});
     cy.waitForAsyncRequest();
   }
 

marklogic-data-hub-central/ui/src/components/modeling/property-table/property-table.test.tsx

@@ -61,11 +61,11 @@ describe("Entity Modeling Property Table Component", () => {
     expect(getByLabelText("NewEntity-add-property")).toBeDisabled();
   });
 
-  test("Property Table renders in side panel view with less columns as designed", () => {
+  test("Property Table renders in side panel view with less columns as designed", async () => {
     let entityName = propertyTableEntities[0].entityName;
     let definitions = propertyTableEntities[0].model.definitions;
 
-    const {queryByLabelText, getByText, rerender} =  render(
+    const {queryByLabelText, getByText, rerender, getByTestId} =  render(
       <PropertyTable
         canReadEntityModel={true}
         canWriteEntityModel={true}
@@ -112,6 +112,12 @@ describe("Entity Modeling Property Table Component", () => {
     expect(queryByLabelText("identifier-header")).not.toBeInTheDocument();
     expect(queryByLabelText("pii-header")).not.toBeInTheDocument();
     expect(queryByLabelText("facet-header")).not.toBeInTheDocument();
+
+    fireEvent.mouseOver(getByTestId("structured-shipping"));
+    await wait(() => expect(screen.getByText(ModelingTooltips.structuredType)).toBeInTheDocument());
+
+    fireEvent.mouseOver(getByTestId("multiple-icon-nicknames"));
+    await wait(() => expect(screen.getByText(ModelingTooltips.multipleIconTooltip)).toBeInTheDocument());
   });
 
 

marklogic-data-hub-central/ui/src/config/tooltips.config.tsx

@@ -41,6 +41,8 @@ const ModelingTooltips = {
   /* Icons for entity properties */
   addStructuredProperty: 'Add a property to this structured property.',
   deleteProperty: 'Delete this property.',
+  structuredType: 'Structured Type',
+  multipleIconTooltip: 'Multiple',
 
   /* Yes/No in modal; column headers in property list */
   identifier: 'If enabled, uniquely identifies each instance of this entity type. Restricted to only one property per entity type.',