fix: flaky mongo spec test

app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Mongo_Spec.ts

@@ -41,6 +41,10 @@ describe(
       assertHelper.AssertNetworkStatus("@getDatasourceStructure"); //Making sure table dropdown is populated
       agHelper.GetNClick(dataSources._selectTableDropdown, 0, true);
       agHelper.GetNClickByContains(dataSources._dropdownOption, "pokemon");
+
+      agHelper.GetNClick(dataSources._selectTableDropdown, 1, true);
+      agHelper.GetNClickByContains(dataSources._dropdownOption, "img");
+
       GenerateCRUDNValidateDeployPage(
         "http://www.serebii.net/pokemongo/pokemon/150.png",
         "150",
@@ -103,30 +107,68 @@ describe(
       assertHelper.AssertNetworkStatus("@postExecute", 200);
       agHelper.ClickButton("Got it");
       assertHelper.AssertNetworkStatus("@updateLayout", 200);
+
       deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.TABLE));
 
       //Validating loaded table
       agHelper.AssertElementExist(dataSources._selectedRow);
-      table.ReadTableRowColumnData(0, 0, "v2", 2000).then(($cellData) => {
-        expect($cellData).to.eq(col1Text);
-      });
-      table.ReadTableRowColumnData(0, 3, "v2", 200).then(($cellData) => {
-        expect($cellData).to.eq(col2Text);
-      });
-      table.ReadTableRowColumnData(0, 6, "v2", 200).then(($cellData) => {
-        expect($cellData).to.eq(col3Text);
-      });
 
-      //Validating loaded JSON form
-      cy.xpath(locators._buttonByText("Update")).then((selector) => {
-        cy.wrap(selector)
-          .invoke("attr", "class")
-          .then((classes) => {
-            //cy.log("classes are:" + classes);
-            expect(classes).not.contain("bp3-disabled");
+      findTheDataRow(col1Text).then((rowIndex: number) => {
+        cy.log(`This is the rowIndex of ${col1Text} : ${rowIndex}`);
+        table
+          .ReadTableRowColumnData(rowIndex, 0, "v2", 2000)
+          .then(($cellData) => {
+            expect($cellData).to.eq(col1Text);
           });
+        table
+          .ReadTableRowColumnData(rowIndex, 3, "v2", 200)
+          .then(($cellData) => {
+            expect($cellData).to.eq(col2Text);
+          });
+        table
+          .ReadTableRowColumnData(rowIndex, 6, "v2", 200)
+          .then(($cellData) => {
+            expect($cellData).to.eq(col3Text);
+          });
+
+        //Validating loaded JSON form
+        cy.xpath(locators._buttonByText("Update")).then((selector) => {
+          cy.wrap(selector)
+            .invoke("attr", "class")
+            .then((classes) => {
+              //cy.log("classes are:" + classes);
+              expect(classes).not.contain("bp3-disabled");
+            });
+        });
+        dataSources.AssertJSONFormHeader(0, idIndex, "Id", "", true);
       });
-      dataSources.AssertJSONFormHeader(0, idIndex, "Id", "", true);
+    }
+
+    function findTheDataRow(col1Text: string) {
+      if (col1Text.length === 0) {
+        return cy.wrap(0);
+      }
+
+      return agHelper
+        .GetElement(table._tableColumnDataWithText(0, col1Text, "v2"))
+        .closest(".tr")
+        .then(($p1) => {
+          return cy
+            .wrap($p1)
+            .parent()
+            .children()
+            .then(($children) => {
+              let index = 0;
+              $children.each((i, el) => {
+                // Iterate through the children
+                if (Cypress.$(el).is($p1)) {
+                  // Check if the current child is p1
+                  index = i; // Assign the index when found
+                }
+              });
+              return index;
+            });
+        });
     }
   },
 );

app/client/cypress/support/Pages/Table.ts

@@ -59,6 +59,15 @@ export class Table {
   _tableRow = (rowNum: number, colNum: number, version: "v1" | "v2") =>
     this._tableWidgetVersion(version) +
     ` .tbody .td[data-rowindex=${rowNum}][data-colindex=${colNum}]`;
+  _tableColumnDataWithText = (
+    colNum: number,
+    columnText: string,
+    version: "v1" | "v2",
+  ) =>
+    this._tableWidgetVersion(version) +
+    ` .tbody .td[data-colindex=${colNum}]` +
+    this._tableRowColumnDataVersion(version) +
+    ` div:contains("${columnText}")`;
   _editCellIconDiv = ".t--editable-cell-icon";
   _editCellEditor = ".t--inlined-cell-editor";
   _editCellEditorInput = this._editCellEditor + " input";