Migrate tests to use extensions catalog entities from overlay repo

Author: sanketpathak

e2e-tests/playwright/e2e/extensions.spec.ts

@@ -55,7 +55,7 @@ test.describe("Admin > Extensions", () => {
   });
 
   // FIXME https://issues.redhat.com/browse/RHIDP-8971
-  test.describe.skip("Extensions > Catalog", () => {
+  test.describe("Extensions > Catalog", () => {
     test("Verify search bar in extensions", async ({ page }) => {
       await uiHelper.searchInputAriaLabel("Dynatrace");
       await uiHelper.verifyHeading("DynaTrace");
@@ -85,11 +85,11 @@ test.describe("Admin > Extensions", () => {
       );
       await extensions.toggleOption("Red Hat");
       await page.keyboard.press(`Escape`);
-      await uiHelper.verifyHeading("Red Hat Argo CD");
+      await uiHelper.verifyHeading("Argo CD");
       await uiHelper.verifyText(
         t["plugin.extensions"][lang]["metadata.by"] + "Red Hat",
       );
-      await page.getByRole("heading", { name: "Red Hat Argo CD" }).click();
+      await page.getByRole("heading", { name: "Argo CD" }).click();
       await uiHelper.verifyTableHeadingAndRows([
         "Package name",
         "Version",
@@ -365,6 +365,7 @@ test.describe("Admin > Extensions", () => {
 
       await extensions.clickReadMoreByPluginTitle(
         "ServiceNow Integration for Red Hat Developer Hub",
+        t["plugin.extensions"][lang]["badges.communityPlugin"],
       );
       await expect(
         page
@@ -410,7 +411,10 @@ test.describe("Admin > Extensions", () => {
       );
       await uiHelper.searchInputPlaceholder("Topology");
       await extensions.waitForSearchResults("Topology");
-      await extensions.clickReadMoreByPluginTitle("Topology");
+      await extensions.clickReadMoreByPluginTitle(
+        "Topology",
+        t["plugin.extensions"][lang]["badges.communityPlugin"],
+      );
       await uiHelper.clickButton(t["plugin.extensions"][lang]["actions.view"]);
       await uiHelper.verifyHeading("Application Topology for Kubernetes");
       await uiHelper.verifyText(
@@ -463,6 +467,7 @@ test.describe("Admin > Extensions", () => {
       await uiHelper.clickTab(t["plugin.extensions"][lang]["menuItem.catalog"]);
       await extensions.clickReadMoreByPluginTitle(
         "Adoption Insights for Red Hat Developer Hub",
+        t["plugin.extensions"][lang]["badges.communityPlugin"],
       );
       await uiHelper.verifyHeading("Adoption Insights for Red Hat");
       await page.getByTestId("plugin-actions").click();

e2e-tests/playwright/support/pages/extensions.ts

@@ -35,14 +35,20 @@ export class Extensions {
     this.uiHelper = new UIhelper(page);
   }
 
-  async clickReadMoreByPluginTitle(pluginTitle: string) {
+  async clickReadMoreByPluginTitle(pluginTitle: string, badgeText: string) {
     const allCards = this.page.locator(".v5-MuiPaper-outlined");
     const targetCard = allCards.filter({ hasText: pluginTitle });
     await targetCard
       .getByRole("link", {
         name: t["plugin.extensions"][lang]["common.readMore"],
       })
       .click();
+    await this.page.waitForTimeout(1000);
+    await expect(
+      this.page.getByText(pluginTitle + "  by Red Hat" + badgeText, {
+        exact: true,
+      }),
+    ).toBeVisible();
   }
 
   async selectDropdown(name: string) {
@@ -87,6 +93,7 @@ export class Extensions {
   }
 
   async waitForSearchResults(searchText: string) {
+    await this.page.waitForLoadState();
     await expect(
       this.page.locator(".v5-MuiPaper-outlined").first(),
     ).toContainText(searchText, { timeout: 10000 });
@@ -107,7 +114,7 @@ export class Extensions {
     includeTable?: boolean;
     includeAbout?: boolean;
   }) {
-    await this.clickReadMoreByPluginTitle(pluginName);
+    await this.clickReadMoreByPluginTitle(pluginName, badgeText);
     await expect(
       this.page.getByLabel(badgeLabel).getByText(badgeText),
     ).toBeVisible();