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/specs/tech-radar.spec.ts

@@ -10,7 +10,13 @@ const setupScript = path.join(
 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: path.join(import.meta.dirname, "..", "config", "value-file-app-next.yaml"),
+      }),
+    });
     await $`bash ${setupScript} ${project}`;
     process.env.TECH_RADAR_DATA_URL = (
       await rhdh.k8sClient.getRouteLocation(