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/value-file-app-next.yaml

@@ -0,0 +1,15 @@
+# Framework defaults (extraAppConfig, extraEnvVarsSecrets) ensure the chart mounts
+# app-config-rhdh and rhdh-secrets so DB and other env vars work. We add our
+# extraEnvVars on top so we don't rely on the default value file being merged.
+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(