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

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/rhdh-secrets.yaml

@@ -4,4 +4,11 @@ metadata:
   name: rhdh-secrets
 type: Opaque
 stringData:
+  RHDH_BASE_URL: $RHDH_BASE_URL
+  KEYCLOAK_BASE_URL: $KEYCLOAK_BASE_URL
+  KEYCLOAK_METADATA_URL: $KEYCLOAK_METADATA_URL
+  KEYCLOAK_CLIENT_ID: $KEYCLOAK_CLIENT_ID
+  KEYCLOAK_CLIENT_SECRET: $KEYCLOAK_CLIENT_SECRET
+  KEYCLOAK_REALM: $KEYCLOAK_REALM
+  KEYCLOAK_LOGIN_REALM: $KEYCLOAK_LOGIN_REALM
   TECH_RADAR_DATA_URL: $TECH_RADAR_DATA_URL

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

@@ -0,0 +1,12 @@
+upstream:
+  backstage:
+    extraAppConfig:
+      - configMapRef: app-config-rhdh
+        filename: app-config-rhdh.yaml
+    extraEnvVarsSecrets:
+      - rhdh-secrets
+    extraEnvVars:
+      - name: APP_CONFIG_app_packageName
+        value: "app-next"
+      - name: ENABLE_STANDARD_MODULE_FEDERATION
+        value: "true"

workspaces/tech-radar/e2e-tests/tests/config/value_file.yaml

@@ -0,0 +1,7 @@
+upstream:
+  backstage:
+    extraAppConfig:
+      - configMapRef: app-config-rhdh
+        filename: app-config-rhdh.yaml
+    extraEnvVarsSecrets:
+      - rhdh-secrets

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

@@ -2,15 +2,23 @@ import { test, expect, Page } from "rhdh-e2e-test-utils/test";
 import { $ } from "rhdh-e2e-test-utils/utils";
 import path from "path";
 
-const setupScript = path.join(
-  import.meta.dirname,
-  "deploy-customization-provider.sh",
-);
+const specsDir = import.meta.dirname;
+const configDir = path.join(specsDir, "..", "config");
+const setupScript = path.join(specsDir, "deploy-customization-provider.sh");
+
+// Resolve value file path once so it works regardless of process.cwd() (e.g. in CI).
+const valueFileAppNext = path.resolve(configDir, "value-file-app-next.yaml");
 
 test.describe("Test tech-radar plugin", () => {
   test.beforeAll(async ({ rhdh }) => {
     const project = rhdh.deploymentConfig.namespace;
-    await rhdh.configure({ auth: "keycloak" });
+    const useNewFrontend = project === "tech-radar-app-next";
+    await rhdh.configure({
+      auth: "keycloak",
+      ...(useNewFrontend && {
+        valueFile: valueFileAppNext,
+      }),
+    });
     await $`bash ${setupScript} ${project}`;
     process.env.TECH_RADAR_DATA_URL = (
       await rhdh.k8sClient.getRouteLocation(