Add helpers and pages and objects

Author: subhashkhileri

package.json

@@ -27,6 +27,14 @@
     "./utils": {
       "types": "./dist/utils/index.d.ts",
       "default": "./dist/utils/index.js"
+    },
+    "./helpers": {
+      "types": "./dist/playwright/helpers/index.d.ts",
+      "default": "./dist/playwright/helpers/index.js"
+    },
+    "./pages": {
+      "types": "./dist/playwright/pages/index.d.ts",
+      "default": "./dist/playwright/pages/index.js"
     }
   },
   "files": [
@@ -58,6 +66,7 @@
     "@playwright/test": "^1.57.0"
   },
   "devDependencies": {
+    "@backstage/catalog-model": "1.7.5",
     "@playwright/test": "^1.57.0",
     "@types/fs-extra": "^11.0.4",
     "@types/js-yaml": "^4.0.9",
@@ -74,6 +83,7 @@
     "fs-extra": "^11.3.2",
     "js-yaml": "^4.1.1",
     "lodash.mergewith": "^4.6.2",
+    "otplib": "12.0.1",
     "prettier": "^3.7.4",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.48.1",

src/deployment/rhdh/deployment.ts

@@ -257,22 +257,23 @@ export class RHDHDeployment {
     const base: DeploymentConfigBase = {
       version,
       namespace: input.namespace,
-      appConfig: input.appConfig ?? `config/app-config-rhdh.yaml`,
-      secrets: input.secrets ?? `config/rhdh-secrets.yaml`,
-      dynamicPlugins: input.dynamicPlugins ?? `config/dynamic-plugins.yaml`,
+      appConfig: input.appConfig ?? `tests/config/app-config-rhdh.yaml`,
+      secrets: input.secrets ?? `tests/config/rhdh-secrets.yaml`,
+      dynamicPlugins:
+        input.dynamicPlugins ?? `tests/config/dynamic-plugins.yaml`,
     };
 
     if (method === "helm") {
       return {
         ...base,
         method,
-        valueFile: input.valueFile ?? `config/value_file.yaml`,
+        valueFile: input.valueFile ?? `tests/config/value_file.yaml`,
       };
     } else if (method === "operator") {
       return {
         ...base,
         method,
-        subscription: input.subscription ?? `config/subscription.yaml`,
+        subscription: input.subscription ?? `tests/config/subscription.yaml`,
       };
     } else {
       throw new Error(`Invalid RHDH installation method: ${method}`);

src/eslint/base.config.ts

@@ -76,6 +76,16 @@ export function createEslintConfig(tsconfigRootDir: string): Linter.Config[] {
             modifiers: ["public"],
             format: ["camelCase"],
           },
+          // Allow HTTP headers in object literals which require specific formats
+          {
+            selector: "objectLiteralProperty",
+            format: null,
+            filter: {
+              regex:
+                "^(Accept|Authorization|Content-Type|X-GitHub-Api-Version|X-[A-Za-z-]+)$",
+              match: true,
+            },
+          },
         ],
         // Promise handling
         "@typescript-eslint/no-floating-promises": "error",

src/playwright/fixtures/test.ts

@@ -1,8 +1,11 @@
 import { RHDHDeployment } from "../../deployment/rhdh/index.js";
 import { test as base } from "@playwright/test";
+import { LoginHelper, UIhelper } from "../helpers/index.js";
 
 type RHDHDeploymentTestFixtures = {
   rhdh: RHDHDeployment;
+  uiHelper: UIhelper;
+  loginHelper: LoginHelper;
 };
 
 type RHDHDeploymentWorkerFixtures = {
@@ -42,6 +45,18 @@ export const test = base.extend<
     },
     { auto: true, scope: "test" },
   ],
+  uiHelper: [
+    async ({ page }, use) => {
+      await use(new UIhelper(page));
+    },
+    { scope: "test" },
+  ],
+  loginHelper: [
+    async ({ page }, use) => {
+      await use(new LoginHelper(page));
+    },
+    { scope: "test" },
+  ],
   baseURL: [
     async ({ rhdhDeploymentWorker }, use) => {
       await use(rhdhDeploymentWorker.rhdhUrl);

src/playwright/helpers/api-endpoints.ts

@@ -0,0 +1,31 @@
+const baseApiUrl = "https://api.github.com";
+const perPage = 100;
+
+const getRepoUrl = (owner: string, repo: string) =>
+  `${baseApiUrl}/repos/${owner}/${repo}`;
+const getOrgUrl = (owner: string) => `${baseApiUrl}/orgs/${owner}`;
+
+const backstageShowcaseAPI = getRepoUrl("janus-idp", "backstage-showcase");
+
+export const GITHUB_API_ENDPOINTS = {
+  pull: (owner: string, repo: string, state: "open" | "closed" | "all") =>
+    `${getRepoUrl(owner, repo)}/pulls?per_page=${perPage}&state=${state}`,
+
+  issues: (state: string) =>
+    `${backstageShowcaseAPI}/issues?per_page=${perPage}&sort=updated&state=${state}`,
+
+  workflowRuns: `${backstageShowcaseAPI}/actions/runs?per_page=${perPage}`,
+
+  deleteRepo: getRepoUrl,
+
+  mergePR: (owner: string, repoName: string, pullNumber: number) =>
+    `${getRepoUrl(owner, repoName)}/pulls/${pullNumber}/merge`,
+
+  createRepo: (owner: string) => `${getOrgUrl(owner)}/repos`,
+
+  pullFiles: (owner: string, repoName: string, pr: number) =>
+    `${getRepoUrl(owner, repoName)}/pulls/${pr}/files`,
+
+  contents: (owner: string, repoName: string) =>
+    `${getRepoUrl(owner, repoName)}/contents`,
+};