chore(e2e): quick start e2e (#3147)

Author: teknaS47

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

@@ -0,0 +1,47 @@
+import { expect, test } from "@playwright/test";
+import { Common } from "../../utils/common";
+import { UIhelper } from "../../utils/ui-helper";
+
+test.describe("Test Quick Start plugin", () => {
+  let uiHelper: UIhelper;
+  let common: Common;
+
+  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 page.waitForTimeout(1000);
+    if (await page.getByRole("button", { name: "Hide" }).isHidden()) {
+      await uiHelper.clickButtonByLabel("Help");
+      await uiHelper.clickByDataTestId("quickstart-button");
+      console.log("Quick start button clicked");
+    }
+    await expect(page.getByRole("button", { name: "Hide" })).toBeVisible();
+    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/",
+    );
+    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/",
+    );
+    await uiHelper.clickButtonByText("Manage plugins");
+    await uiHelper.verifyButtonURL("Explore plugins", "/extensions");
+    await uiHelper.clickButtonByText("Explore plugins");
+    await uiHelper.verifyText("Catalog");
+    await uiHelper.verifyText(/Plugins \((\d+)\)/);
+    await uiHelper.verifyText("25% progress");
+    await uiHelper.clickButton("Hide");
+    await expect(page.getByRole("button", { name: "Hide" })).toBeHidden();
+  });
+});

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

@@ -132,6 +132,10 @@ export class UIhelper {
     }
   }
 
+  async clickButtonByLabel(label: string | RegExp) {
+    await this.page.getByRole("button", { name: label }).first().click();
+  }
+
   /**
    * Conditionally clicks on "Mark all read" if visible, then clicks on "Mark All".
    * This method handles the two-step process of marking all notifications as read.