feat: Added backward compatibility test and run contract test after fixing typo in spec.

Author: Sushant092003

page-objects/service-spec-config-page.ts

@@ -496,7 +496,18 @@ export class ServiceSpecConfigPage extends BasePage {
     await test.step("Click Save button after editing spec", async () => {
       await this.saveSpecBtn.waitFor({ state: "visible", timeout: 5000 });
       await this.saveSpecBtn.click();
-      await takeAndAttachScreenshot(this.page, "save-button-clicked");
+      const saveAlert = this.page.locator(
+        "#alert-container .alert-msg.success",
+      );
+      await expect(saveAlert).toContainText(/Contents saved/i, {
+        timeout: 10000,
+      });
+
+      await takeAndAttachScreenshot(this.page, "spec-saved-successfully");
+
+      await saveAlert.locator("button").click();
+
+      await expect(saveAlert).toBeHidden({ timeout: 5000 });
     });
   }
 }

specs/openapi/update-service-spec/fix-spec-typo.spec.ts

@@ -1,6 +1,11 @@
-import { test } from "../../../utils/eyesFixture";
-import { PRODUCT_SEARCH_BFF_SPEC_FIX_TYPO } from "../../specNames";
+import { test, expect } from "../../../utils/eyesFixture";
+import {
+  PRODUCT_SEARCH_BFF_SPEC_FIX_TYPO,
+  ORDER_BFF_SERVICE_URL,
+} from "../../specNames";
 import { ServiceSpecConfigPage } from "../../../page-objects/service-spec-config-page";
+import { ApiContractPage } from "../../../page-objects/api-contract-page";
+import { validateSummaryAndTableCounts } from "../helpers/execute-contract-tests-helper";
 
 test.describe("Fix Spec Typo - Conditional Update", () => {
   test(
@@ -14,12 +19,41 @@ test.describe("Fix Spec Typo - Conditional Update", () => {
         PRODUCT_SEARCH_BFF_SPEC_FIX_TYPO,
       );
 
+      const contractPage = new ApiContractPage(
+        page,
+        testInfo,
+        eyes,
+        PRODUCT_SEARCH_BFF_SPEC_FIX_TYPO,
+      );
+
       await configPage.navigateToSpec(PRODUCT_SEARCH_BFF_SPEC_FIX_TYPO);
 
       await test.step("Typo detected: Fixing /ordres to /orders", async () => {
         await configPage.editSpecInEditor("  /ordres:", "  /orders:");
         await configPage.clickSaveAfterEdit();
+      });
+
+      //TODO: Add Backward Compatibility
+      await test.step("Check Backward Compataibility", async () => {
+        await configPage.runBackwardCompatibilityTest();
+        const toastText = await configPage.getAlertMessageText();
+        expect(toastText).toBe("Changes are backward compatible");
+        await configPage.dismissAlert();
+        await expect(page.locator("#alert-container")).toBeEmpty();
+      });
+      //TODO: RUn Contract Test and Assert Count
+      await test.step("Run contract test for spec with fixed typo and assert count", async () => {
         await configPage.verifyEndpointInContractTable("/orders");
+        await contractPage.enterServiceUrl(ORDER_BFF_SERVICE_URL);
+        await contractPage.clickRunContractTests();
+        await validateSummaryAndTableCounts(contractPage, {
+          success: 12,
+          failed: 20,
+          total: 33,
+          error: 0,
+          notcovered: 1,
+          excluded: 0,
+        });
       });
     },
   );