fix e2e

Author: Eswaraiahsapram

workspaces/scorecard/e2e-tests/test_yamls/app-config-e2e-de.yaml

@@ -0,0 +1,10 @@
+# German (DE) - Ports: Frontend 3004, Backend 7011
+app:
+  baseUrl: http://localhost:3004
+
+backend:
+  baseUrl: http://localhost:7011
+  listen:
+    port: 7011
+  cors:
+    origin: http://localhost:3004

workspaces/scorecard/e2e-tests/test_yamls/app-config-e2e-en.yaml

@@ -0,0 +1,10 @@
+# English (EN) - Ports: Frontend 3000, Backend 7007
+app:
+  baseUrl: http://localhost:3000
+
+backend:
+  baseUrl: http://localhost:7007
+  listen:
+    port: 7007
+  cors:
+    origin: http://localhost:3000

workspaces/scorecard/e2e-tests/test_yamls/app-config-e2e-es.yaml

@@ -0,0 +1,10 @@
+# Spanish (ES) - Ports: Frontend 3005, Backend 7012
+app:
+  baseUrl: http://localhost:3005
+
+backend:
+  baseUrl: http://localhost:7012
+  listen:
+    port: 7012
+  cors:
+    origin: http://localhost:3005

workspaces/scorecard/e2e-tests/test_yamls/app-config-e2e-fr.yaml

@@ -0,0 +1,10 @@
+# French (FR) - Ports: Frontend 3001, Backend 7008
+app:
+  baseUrl: http://localhost:3001
+
+backend:
+  baseUrl: http://localhost:7008
+  listen:
+    port: 7008
+  cors:
+    origin: http://localhost:3001

workspaces/scorecard/e2e-tests/test_yamls/app-config-e2e-it.yaml

@@ -0,0 +1,10 @@
+# Italian (IT) - Ports: Frontend 3002, Backend 7009
+app:
+  baseUrl: http://localhost:3002
+
+backend:
+  baseUrl: http://localhost:7009
+  listen:
+    port: 7009
+  cors:
+    origin: http://localhost:3002

workspaces/scorecard/e2e-tests/test_yamls/app-config-e2e-ja.yaml

@@ -0,0 +1,10 @@
+# Japanese (JA) - Ports: Frontend 3003, Backend 7010
+app:
+  baseUrl: http://localhost:3003
+
+backend:
+  baseUrl: http://localhost:7010
+  listen:
+    port: 7010
+  cors:
+    origin: http://localhost:3003

workspaces/scorecard/packages/app-legacy/e2e-tests/pages/CatalogPage.ts

@@ -70,12 +70,14 @@ export class CatalogPage {
     if (baseLocale === 'en') return;
 
     const displayName = getLocaleDisplayName(locale);
-    await this.page.goto('/settings');
+    const settingsLink = this.page.getByRole('link', { name: 'Settings' });
+    await settingsLink.waitFor({ state: 'visible', timeout: 10000 });
+    await settingsLink.click();
     await expect(
       this.page.getByRole('button', { name: 'English' }),
     ).toBeVisible({ timeout: 10000 });
     await this.page.getByRole('button', { name: 'English' }).click();
     await this.page.getByRole('option', { name: displayName }).click();
-    await this.page.goto('/');
+    await this.page.locator('a').filter({ hasText: 'Home' }).click();
   }
 }

workspaces/scorecard/playwright.config.ts

@@ -16,10 +16,18 @@
 
 import { defineConfig } from '@playwright/test';
 
-const LOCALES = ['en', 'fr', 'it', 'ja', 'de', 'es'] as const;
+// APP_MODE: 'legacy' (app-legacy) or 'nfs' (app with new frontend system)
 const appMode = process.env.APP_MODE || 'legacy';
 const startCommand = appMode === 'legacy' ? 'yarn start:legacy' : 'yarn start';
 
+// Config paths (absolute to work from any cwd)
+const baseConfig = `${__dirname}/app-config.yaml`;
+const testConfigDir = `${__dirname}/e2e-tests/test_yamls`;
+
+const LOCALES = ['en', 'fr', 'it', 'ja', 'de', 'es'] as const;
+const FRONTEND_PORT_BASE = 3000;
+const BACKEND_PORT_BASE = 7007;
+
 export default defineConfig({
   timeout: 2 * 60 * 1000,
 
@@ -29,15 +37,19 @@ export default defineConfig({
 
   webServer: process.env.PLAYWRIGHT_URL
     ? []
-    : {
-        command: startCommand,
-        port: 3000,
-        reuseExistingServer: true,
+    : LOCALES.map((locale, i) => ({
+        command: `${startCommand} --config ${baseConfig} --config ${testConfigDir}/app-config-e2e-${locale}.yaml`,
+        url: `http://localhost:${
+          BACKEND_PORT_BASE + i
+        }/.backstage/health/v1/readiness`,
+        timeout: 120000,
+        reuseExistingServer: false,
+        cwd: __dirname,
         env: {
           JIRA_URL: 'https://issues.redhat.com',
           JIRA_TOKEN: 'my-jira-token',
         },
-      },
+      })),
 
   retries: process.env.CI ? 2 : 0,
 
@@ -49,19 +61,19 @@ export default defineConfig({
     baseURL: process.env.PLAYWRIGHT_URL ?? 'http://localhost:3000',
     screenshot: 'only-on-failure',
     trace: 'on-first-retry',
-    /* Default Playwright navigation timeout is 0 (no limit); cap to avoid hangs. */
     navigationTimeout: 60_000,
     actionTimeout: 30_000,
   },
 
   outputDir: `node_modules/.cache/e2e-test-results-${appMode}`,
 
-  projects: LOCALES.map(locale => ({
+  projects: LOCALES.map((locale, i) => ({
     name: locale,
     testDir: 'packages/app-legacy/e2e-tests',
     use: {
       channel: 'chrome' as const,
       locale,
+      baseURL: `http://localhost:${FRONTEND_PORT_BASE + i}`,
     },
   })),
 });

workspaces/scorecard/plugins/scorecard/src/components/ScorecardHomepageSection/ResponsivePieChart.tsx

@@ -22,6 +22,7 @@ import {
   Legend,
   Tooltip,
   PieLabelRenderProps,
+  type TooltipProps,
 } from 'recharts';
 import type { PieData } from '../types';
 
@@ -134,7 +135,13 @@ export const ResponsivePieChart = ({
           />
         ) : null}
 
-        {isTooltipEnabled && <Tooltip content={tooltipContent as never} />}
+        <Tooltip
+          content={
+            (isTooltipEnabled
+              ? tooltipContent
+              : () => null) as TooltipProps['content']
+          }
+        />
       </PieChart>
     </ResponsiveContainer>
   );