fix(cypresS): fix cypress flakiness in ingestionV2/sources.js (#15260)

Co-authored-by: Chris Collins <chriscollins3456@gmail.com>

Author: purnimagarg1

smoke-test/tests/cypress/cypress/e2e/ingestionV2/utils.js

@@ -96,11 +96,13 @@ export const updateIngestionSource = (
   updatedSourceName,
   options = undefined,
 ) => {
+  cy.interceptGraphQLOperation("getIngestionSource");
   cy.contains("td", sourceName)
     .siblings("td")
     .find('[data-testid="ingestion-more-options"]')
     .click();
   cy.get("body .ant-dropdown-menu").contains("Edit").click();
+  cy.waitForGraphQLOperation("getIngestionSource");
   cy.waitTextVisible("Edit Data Source");
   cy.get('[data-testid="recipe-builder-next-button"]').scrollIntoView().click();
   cy.waitTextVisible("Configure an Ingestion Schedule");

smoke-test/tests/cypress/cypress/e2e/utils.js

@@ -12,6 +12,13 @@ export const aliasQuery = (req, operationName) => {
   }
 };
 
+// Alias graphql operation (query or mutation)
+export const aliasGraphQLOperation = (req, operationName) => {
+  if (hasOperationName(req, operationName)) {
+    req.alias = `gql${operationName}`;
+  }
+};
+
 export const getThemeV2Interceptor = (isEnabled) => (req, res) => {
   if (hasOperationName(req, "appConfig")) {
     res.body.data.appConfig.featureFlags.themeV2Enabled = isEnabled;

smoke-test/tests/cypress/cypress/support/commands.js

@@ -12,7 +12,7 @@
 // -- This is a parent command --
 
 import dayjs from "dayjs";
-import { hasOperationName } from "../e2e/utils";
+import { hasOperationName, aliasGraphQLOperation } from "../e2e/utils";
 
 function selectorWithtestId(id) {
   return `[data-testid="${id}"]`;
@@ -627,6 +627,19 @@ Cypress.Commands.add("setIsThemeV2Enabled", (isEnabled) => {
   });
 });
 
+Cypress.Commands.add("interceptGraphQLOperation", (operationName) => {
+  cy.intercept("POST", "/api/v2/graphql", (req) => {
+    aliasGraphQLOperation(req, operationName);
+  });
+});
+
+Cypress.Commands.add(
+  "waitForGraphQLOperation",
+  (operationName, options = {}) => {
+    cy.wait(`@gql${operationName}`, options);
+  },
+);
+
 Cypress.on("uncaught:exception", (err) => {
   const resizeObserverLoopLimitErrMessage =
     "ResizeObserver loop limit exceeded";