chore(app-defaults): add e2e tests

This change adds some e2e tests to the app-defaults workspace that start
up RHDH using the new frontend system and validates that app login and
scm authentication function as expected.

rh-pre-commit.version: 2.3.2
rh-pre-commit.check-secrets: ENABLED

Author: gashcrumb

workspaces/app-defaults/e2e-tests/.prettierignore

@@ -0,0 +1,3 @@
+node_modules/
+playwright-report/
+node_modules/.cache/

workspaces/app-defaults/e2e-tests/.yarnrc.yml

@@ -0,0 +1,5 @@
+compressionLevel: mixed
+
+enableGlobalCache: false
+
+nodeLinker: node-modules

workspaces/app-defaults/e2e-tests/eslint.config.js

@@ -0,0 +1,14 @@
+import { createEslintConfig } from "@red-hat-developer-hub/e2e-test-utils/eslint";
+
+export default [
+  ...createEslintConfig(import.meta.dirname),
+  {
+    files: ["**/*.spec.ts"],
+    rules: {
+      "playwright/expect-expect": [
+        "warn",
+        { assertFunctionNames: ["verifyHeading"] },
+      ],
+    },
+  },
+];

workspaces/app-defaults/e2e-tests/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "app-defaults-e2e-tests",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": ">=22",
+    "yarn": ">=3"
+  },
+  "packageManager": "yarn@4.12.0",
+  "description": "E2E tests for app-defaults (app-auth, app-integrations) with app-next",
+  "scripts": {
+    "test": "playwright test",
+    "report": "playwright show-report",
+    "test:ui": "playwright test --ui",
+    "test:headed": "playwright test --headed",
+    "lint:check": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prettier:check": "prettier --check .",
+    "prettier:fix": "prettier --write .",
+    "tsc:check": "tsc --noEmit",
+    "check": "yarn tsc:check && yarn lint:check && yarn prettier:check"
+  },
+  "devDependencies": {
+    "@eslint/js": "10.0.1",
+    "@playwright/test": "1.59.1",
+    "@red-hat-developer-hub/e2e-test-utils": "1.1.30",
+    "@types/node": "25.5.2",
+    "dotenv": "17.4.1",
+    "eslint": "10.2.0",
+    "eslint-plugin-check-file": "3.3.1",
+    "eslint-plugin-playwright": "2.10.1",
+    "prettier": "3.8.1",
+    "typescript": "6.0.2",
+    "typescript-eslint": "8.58.1"
+  }
+}

workspaces/app-defaults/e2e-tests/playwright.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from "@red-hat-developer-hub/e2e-test-utils/playwright-config";
+import dotenv from "dotenv";
+
+dotenv.config({ path: `${import.meta.dirname}/.env` });
+
+/**
+ * app-defaults workspace: app-next + app-auth + app-integrations plugins.
+ */
+export default defineConfig({
+  projects: [
+    {
+      name: "app-defaults-app-next",
+    },
+  ],
+});

workspaces/app-defaults/e2e-tests/tests/config/app-config-rhdh.yaml

@@ -0,0 +1,6 @@
+auth:
+  providers:
+    github:
+      production:
+        clientId: ${VAULT_GITHUB_APP_CLIENT_ID}
+        clientSecret: ${VAULT_GITHUB_APP_CLIENT_SECRET}

workspaces/app-defaults/e2e-tests/tests/config/rhdh-secrets.yaml

@@ -0,0 +1,10 @@
+apiVersion: v1
+kind: Secret
+metadata:
+  name: rhdh-secrets
+type: Opaque
+stringData:
+  APP_CONFIG_app_packageName: app-next
+  ENABLE_STANDARD_MODULE_FEDERATION: "true"
+  VAULT_GITHUB_APP_CLIENT_ID: $VAULT_GITHUB_APP_CLIENT_ID
+  VAULT_GITHUB_APP_CLIENT_SECRET: $VAULT_GITHUB_APP_CLIENT_SECRET

workspaces/app-defaults/e2e-tests/tests/specs/app-defaults.spec.ts

@@ -0,0 +1,56 @@
+import { test, expect } from "@red-hat-developer-hub/e2e-test-utils/test";
+
+test.describe("app-defaults plugins (app-next + OIDC + GitHub integration)", () => {
+  test.beforeAll(async ({ rhdh }) => {
+    await rhdh.configure({ auth: "keycloak" });
+    await rhdh.deploy();
+  });
+
+  test.beforeEach(async ({ loginHelper }) => {
+    await loginHelper.loginAsKeycloakUser();
+  });
+
+  test("loads Catalog after OIDC login", async ({ uiHelper }) => {
+    await uiHelper.dismissQuickstartIfVisible();
+    await uiHelper.openSidebar("Catalog");
+    await uiHelper.verifyHeading(/catalog/i);
+  });
+
+  test("catalog API responds for authenticated session", async ({ page }) => {
+    const response = await page.request.get(
+      "/api/catalog/entities?limit=5&filter=kind=component",
+    );
+    const body = await response.text();
+    expect(response.ok(), `HTTP ${response.status}: ${body}`).toBeTruthy();
+  });
+
+  /**
+   * After OIDC app login, connect a GitHub session for SCM (session auth API):
+   * Settings → Authentication Providers → GitHub row → **Sign in**. Backstage opens GitHub OAuth in a popup.
+   */
+  test("GitHub session sign-in from Authentication Providers", async ({
+    page,
+    uiHelper,
+  }) => {
+    await uiHelper.dismissQuickstartIfVisible();
+    await page.goto("/settings/auth-providers");
+    await expect(
+      page.getByRole("heading", { name: /authentication providers/i }),
+    ).toBeVisible();
+
+    const githubRow = page
+      .getByRole("listitem")
+      .filter({ hasText: /^GitHub$/ });
+    const signInButton = githubRow.getByRole("button", {
+      name: /^sign in$/i,
+    });
+    await expect(signInButton).toBeVisible();
+
+    const [popup] = await Promise.all([
+      page.waitForEvent("popup"),
+      signInButton.click(),
+    ]);
+    await expect(popup).toHaveURL(/github\.com/, { timeout: 60_000 });
+    await popup.close();
+  });
+});

workspaces/app-defaults/e2e-tests/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@red-hat-developer-hub/e2e-test-utils/tsconfig",
+  "include": ["**/*.ts"]
+}