chore(tech-radar): add new frontend system e2e test

This change adds an additional test project that runs RHDH with app-next
instead of app to test the plugin in the new frontend system.

Assisted-by: Cursor

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

Author: gashcrumb

workspaces/tech-radar/e2e-tests/playwright.config.ts

@@ -11,5 +11,8 @@ export default defineConfig({
     {
       name: "tech-radar",
     },
+    {
+      name: "tech-radar-app-next",
+    },
   ],
 });

workspaces/tech-radar/e2e-tests/tests/config/app-config-rhdh-next.yaml

@@ -0,0 +1,9 @@
+app:
+  title: RHDH Tech Radar Test Instance (app-next)
+backend:
+  reading:
+    allow:
+      - host: ${TECH_RADAR_DATA_URL}
+techRadar:
+  url: "http://${TECH_RADAR_DATA_URL}/tech-radar"
+signInPage: oidc

workspaces/tech-radar/e2e-tests/tests/config/app-config-rhdh.yaml

@@ -1,8 +1,5 @@
-# rhdh app config file
-# this file is used to merge with the default values of the rhdh app config
-
 app:
-  title: RHDH Tech Radar Test Instance
+  title: RHDH Tech Radar Test Instance (app)
 backend:
   reading:
     allow:

workspaces/tech-radar/e2e-tests/tests/config/dynamic-plugins.yaml

@@ -0,0 +1,3 @@
+plugins:
+  - package: oci://ghcr.io/redhat-developer/rhdh-plugin-export-overlays/red-hat-developer-hub-backstage-plugin-app-auth:bs_1.49.4__0.0.1!red-hat-developer-hub-backstage-plugin-app-auth
+    disabled: false

workspaces/tech-radar/e2e-tests/tests/config/rhdh-secrets-next.yaml

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

workspaces/tech-radar/e2e-tests/tests/specs/tech-radar.spec.ts

@@ -2,15 +2,30 @@ import { test, expect, Page } from "@red-hat-developer-hub/e2e-test-utils/test";
 import { $ } from "@red-hat-developer-hub/e2e-test-utils/utils";
 import path from "path";
 
+const secretsFileAppNext = "tests/config/rhdh-secrets-next.yaml";
+const configFileAppNext = "tests/config/app-config-rhdh-next.yaml";
 const setupScript = path.join(
   import.meta.dirname,
   "deploy-customization-provider.sh",
 );
 
+// TEMPORARY: Use RHDH image from PR 4317 for CI to validate the image. Remove when no longer needed:
+// - Delete tests/config/value_file-pr-4317.yaml
+// - Remove the valueFile line below from the rhdh.configure() call
+const valueFilePr4317 = "tests/config/value_file-pr-4317.yaml";
+
 test.describe("Test tech-radar plugin", () => {
   test.beforeAll(async ({ rhdh }) => {
     const project = rhdh.deploymentConfig.namespace;
-    await rhdh.configure({ auth: "keycloak" });
+    await rhdh.configure({
+      auth: "keycloak",
+      // TEMPORARY: override Helm image to quay.io/rhdh-community/rhdh:pr-4317 (remove with valueFilePr4317)
+      valueFile: valueFilePr4317,
+      ...(project === "tech-radar-app-next" && {
+        appConfig: configFileAppNext,
+        secrets: secretsFileAppNext,
+      }),
+    });
     await $`bash ${setupScript} ${project}`;
     process.env.TECH_RADAR_DATA_URL = (
       await rhdh.k8sClient.getRouteLocation(