chore(e2e): role based quick start e2e (#3484)

* quickstart rbac e2e

* quickstart rbac e2e

* removed quickstart config

* enabled test for rbac

* fixed button url check

* fixed button url check

* fixed button url check

* fix

* fixed learning-path button

* fix

Author: teknaS47

e2e-tests/playwright.config.ts

@@ -76,6 +76,7 @@ export default defineConfig({
         "**/playwright/e2e/**/*-rbac.spec.ts",
         "**/playwright/e2e/verify-tls-config-with-external-postgres-db.spec.ts",
         "**/playwright/e2e/plugins/bulk-import.spec.ts",
+        "**/playwright/e2e/plugins/quick-start.spec.ts",
         "**/playwright/e2e/plugins/scorecard/scorecard.spec.ts",
       ],
     },

e2e-tests/playwright/e2e/plugins/quick-start.spec.ts

@@ -14,11 +14,11 @@ test.describe("Test Quick Start plugin", () => {
 
   test.beforeEach(async ({ page }) => {
     common = new Common(page);
-    await common.loginAsKeycloakUser();
     uiHelper = new UIhelper(page);
   });
 
   test("Access Quick start from Global Header", async ({ page }) => {
+    await common.loginAsKeycloakUser();
     await page.waitForTimeout(1000);
     // eslint-disable-next-line playwright/no-conditional-in-test
     if (await page.getByRole("button", { name: "Hide" }).isHidden()) {
@@ -27,20 +27,32 @@ test.describe("Test Quick Start plugin", () => {
       console.log("Quick start button clicked");
     }
     await expect(page.getByRole("button", { name: "Hide" })).toBeVisible();
+  });
+
+  test("Access Quick start as Guest or Admin", async ({ page }) => {
+    // eslint-disable-next-line playwright/no-conditional-in-test
+    if (test.info().project.name !== "showcase-rbac") {
+      await common.loginAsGuest();
+    } else {
+      await common.loginAsKeycloakUser();
+    }
+    await page.waitForTimeout(1000);
     await uiHelper.verifyText("Let's get you started with Developer Hub");
     await uiHelper.verifyText("We'll guide you through a few quick steps");
     await uiHelper.verifyText("Not started");
     await uiHelper.clickButtonByText("Set up authentication");
     await uiHelper.verifyButtonURL(
       "Learn more",
       "https://docs.redhat.com/en/documentation/red_hat_developer_hub/latest/html/authentication_in_red_hat_developer_hub/",
+      { exact: false },
     );
     await uiHelper.clickButtonByText("Configure RBAC");
     await uiHelper.verifyButtonURL("Manage access", "/rbac");
     await uiHelper.clickButtonByText("Configure Git");
     await uiHelper.verifyButtonURL(
       "Learn more",
       "https://docs.redhat.com/en/documentation/red_hat_developer_hub/latest/html/integrating_red_hat_developer_hub_with_github/",
+      { exact: false },
     );
     await uiHelper.clickButtonByText("Manage plugins");
     await uiHelper.verifyButtonURL("Explore plugins", "/extensions");
@@ -51,4 +63,34 @@ test.describe("Test Quick Start plugin", () => {
     await uiHelper.clickButton("Hide");
     await expect(page.getByRole("button", { name: "Hide" })).toBeHidden();
   });
+
+  test("Access Quick start as User", async ({ page }) => {
+    // eslint-disable-next-line playwright/no-conditional-in-test
+    if (test.info().project.name !== "showcase-rbac") {
+      test.skip();
+    }
+    await common.loginAsKeycloakUser(
+      process.env.GH_USER2_ID,
+      process.env.GH_USER2_PASS,
+    );
+    await page.waitForTimeout(1000);
+    await uiHelper.verifyText("Let's get you started with Developer Hub");
+    await uiHelper.verifyText("We'll guide you through a few quick steps");
+    await uiHelper.clickButtonByText("Import application");
+    await uiHelper.verifyButtonURL("Import", "/bulk-import");
+    await uiHelper.clickButtonByText("Import");
+    await uiHelper.clickButtonByText("Learn about the Catalog");
+    await uiHelper.verifyButtonURL("View Catalog", "/catalog");
+    await uiHelper.clickButtonByText("View Catalog");
+    await uiHelper.verifyText(/All Components \((\d+)\)/);
+    await uiHelper.clickButtonByText("Explore Self-service templates");
+    await uiHelper.verifyButtonURL("Explore templates", "/create");
+    await uiHelper.clickButtonByText("Explore templates");
+    await uiHelper.verifyText("Self-service");
+    await uiHelper.clickButtonByText("Find all Learning Paths");
+    await uiHelper.verifyButtonURL("View Learning Paths", "/docs");
+    await uiHelper.clickButtonByText("View Learning Paths");
+    await uiHelper.verifyText("Documentation");
+    await uiHelper.verifyText("100% progress");
+  });
 });

e2e-tests/playwright/utils/ui-helper.ts

@@ -527,21 +527,22 @@ export class UIhelper {
   async verifyButtonURL(
     label: string | RegExp,
     url: string | RegExp,
-    options: { locator?: string } = {
+    options: { locator?: string; exact?: boolean } = {
       locator: "",
+      exact: true,
     },
   ) {
-    const buttonUrl =
-      options.locator == ""
-        ? await this.page
-            .getByRole("button", { name: label })
-            .first()
-            .getAttribute("href")
-        : await this.page
-            .locator(options.locator)
-            .getByRole("button", { name: label })
-            .first()
-            .getAttribute("href");
+    // To verify the button URL if it is in a specific locator
+    const baseLocator =
+      !options.locator || options.locator === ""
+        ? this.page
+        : this.page.locator(options.locator);
+
+    const buttonUrl = await baseLocator
+      .getByRole("button", { name: label, exact: options.exact })
+      .first()
+      .getAttribute("href");
+
     expect(buttonUrl).toContain(url);
   }