fix issues

Author: Olayinka Adelakun

src/frontend/src/components/core/appHeaderComponent/__tests__/app-header-a11y.test.tsx

@@ -18,9 +18,13 @@ jest.mock("@/components/ui/button", () => ({
     children,
     "aria-label": ariaLabel,
     "data-testid": testId,
-    unstyled,
+    unstyled: _unstyled,
     ...props
-  }: any) => (
+  }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    "data-testid"?: string;
+    unstyled?: boolean;
+  }) => (
     <button aria-label={ariaLabel} data-testid={testId} {...props}>
       {children}
     </button>
@@ -33,7 +37,7 @@ jest.mock("@/components/ui/separator", () => ({
 
 jest.mock("@/components/common/shadTooltipComponent", () => ({
   __esModule: true,
-  default: ({ children }: any) => <>{children}</>,
+  default: ({ children }: { children?: React.ReactNode }) => <>{children}</>,
 }));
 
 jest.mock("@/components/common/modelProviderCountComponent", () => ({
@@ -43,7 +47,7 @@ jest.mock("@/components/common/modelProviderCountComponent", () => ({
 
 jest.mock("@/alerts/alertDropDown", () => ({
   __esModule: true,
-  default: ({ children }: any) => <>{children}</>,
+  default: ({ children }: { children?: React.ReactNode }) => <>{children}</>,
 }));
 
 jest.mock("@/assets/LangflowLogo.svg?react", () => ({

src/frontend/src/components/core/appHeaderComponent/index.tsx

@@ -101,7 +101,6 @@ export default function AppHeader(): JSX.Element {
                   )
                 }
                 data-testid="notification_button"
-                aria-label={t("header.notifications")}
               >
                 <div className="hit-area-hover group relative items-center rounded-md px-2 py-2 text-muted-foreground">
                   <span className={getNotificationBadge()} />

src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/__tests__/upload-folder-button.test.tsx

@@ -18,7 +18,12 @@ jest.mock("@/components/common/shadTooltipComponent", () => ({
 }));
 
 jest.mock("@/components/ui/button", () => ({
-  Button: ({ children, "aria-label": ariaLabel, disabled, ...props }: any) => (
+  Button: ({
+    children,
+    "aria-label": ariaLabel,
+    disabled,
+    ...props
+  }: React.ButtonHTMLAttributes<HTMLButtonElement> & { children?: React.ReactNode }) => (
     <button aria-label={ariaLabel} disabled={disabled} {...props}>
       {children}
     </button>

src/frontend/src/locales/de.json

@@ -2066,5 +2066,13 @@
   "voiceAssistant.apiKeyError": "Bitte überprüfen Sie Ihren API-Schlüssel und versuchen Sie es erneut",
   "voiceAssistant.connected": "Verbunden",
   "voiceAssistant.connectionError": "Verbindungsfehler",
-  "voiceAssistant.connectionFailed": "Verbindung fehlgeschlagen"
+  "voiceAssistant.connectionFailed": "Verbindung fehlgeschlagen",
+  "header.home": "Go to home",
+  "flows.viewList": "List view",
+  "flows.viewGrid": "Grid view",
+  "flows.downloadSelected": "Download selected flows",
+  "flows.selectFlow": "Select {{name}}",
+  "flows.moreOptions": "More options for {{name}}",
+  "folder.optionsFor": "Options for {{name}}",
+  "paginator.pageLabel": "Page"
 }

src/frontend/src/locales/es.json

@@ -2066,5 +2066,13 @@
   "voiceAssistant.apiKeyError": "Comprueba tu clave API e inténtalo de nuevo",
   "voiceAssistant.connected": "Conectado",
   "voiceAssistant.connectionError": "Error de conexión",
-  "voiceAssistant.connectionFailed": "La conexión ha fallado"
+  "voiceAssistant.connectionFailed": "La conexión ha fallado",
+  "header.home": "Go to home",
+  "flows.viewList": "List view",
+  "flows.viewGrid": "Grid view",
+  "flows.downloadSelected": "Download selected flows",
+  "flows.selectFlow": "Select {{name}}",
+  "flows.moreOptions": "More options for {{name}}",
+  "folder.optionsFor": "Options for {{name}}",
+  "paginator.pageLabel": "Page"
 }

src/frontend/src/locales/fr.json

@@ -2066,5 +2066,13 @@
   "voiceAssistant.apiKeyError": "Vérifiez votre clé API et réessayez",
   "voiceAssistant.connected": "Connecté",
   "voiceAssistant.connectionError": "Erreur de connexion",
-  "voiceAssistant.connectionFailed": "Echec de la connexion"
+  "voiceAssistant.connectionFailed": "Echec de la connexion",
+  "header.home": "Go to home",
+  "flows.viewList": "List view",
+  "flows.viewGrid": "Grid view",
+  "flows.downloadSelected": "Download selected flows",
+  "flows.selectFlow": "Select {{name}}",
+  "flows.moreOptions": "More options for {{name}}",
+  "folder.optionsFor": "Options for {{name}}",
+  "paginator.pageLabel": "Page"
 }

src/frontend/src/locales/ja.json

@@ -2066,5 +2066,13 @@
   "voiceAssistant.apiKeyError": "APIキーを確認の上、もう一度お試しください",
   "voiceAssistant.connected": "接続済み",
   "voiceAssistant.connectionError": "接続エラー",
-  "voiceAssistant.connectionFailed": "接続失敗"
+  "voiceAssistant.connectionFailed": "接続失敗",
+  "header.home": "Go to home",
+  "flows.viewList": "List view",
+  "flows.viewGrid": "Grid view",
+  "flows.downloadSelected": "Download selected flows",
+  "flows.selectFlow": "Select {{name}}",
+  "flows.moreOptions": "More options for {{name}}",
+  "folder.optionsFor": "Options for {{name}}",
+  "paginator.pageLabel": "Page"
 }

src/frontend/src/locales/pt.json

@@ -2066,5 +2066,13 @@
   "voiceAssistant.apiKeyError": "Verifique sua chave de API e tente novamente",
   "voiceAssistant.connected": "Conectado",
   "voiceAssistant.connectionError": "Erro de conexão",
-  "voiceAssistant.connectionFailed": "Conexão com falha"
+  "voiceAssistant.connectionFailed": "Conexão com falha",
+  "header.home": "Go to home",
+  "flows.viewList": "List view",
+  "flows.viewGrid": "Grid view",
+  "flows.downloadSelected": "Download selected flows",
+  "flows.selectFlow": "Select {{name}}",
+  "flows.moreOptions": "More options for {{name}}",
+  "folder.optionsFor": "Options for {{name}}",
+  "paginator.pageLabel": "Page"
 }

src/frontend/src/locales/zh-Hans.json

@@ -2066,5 +2066,13 @@
   "voiceAssistant.apiKeyError": "请检查您的 API 密钥，然后重试",
   "voiceAssistant.connected": "已连接",
   "voiceAssistant.connectionError": "连接错误",
-  "voiceAssistant.connectionFailed": "连接失败"
+  "voiceAssistant.connectionFailed": "连接失败",
+  "header.home": "Go to home",
+  "flows.viewList": "List view",
+  "flows.viewGrid": "Grid view",
+  "flows.downloadSelected": "Download selected flows",
+  "flows.selectFlow": "Select {{name}}",
+  "flows.moreOptions": "More options for {{name}}",
+  "folder.optionsFor": "Options for {{name}}",
+  "paginator.pageLabel": "Page"
 }

src/frontend/src/pages/MainPage/components/header/__tests__/header.test.tsx

@@ -235,17 +235,11 @@ describe("HeaderComponent - TabIndex Behavior with Bulk Actions", () => {
 
     it("view toggle buttons have aria-label attributes", () => {
       const { container } = render(<HeaderComponent {...defaultProps} />);
-      // Both view toggle buttons must carry an aria-label (actual text depends on loaded locale)
-      const labelled = container.querySelectorAll("button[aria-label]");
-      const viewBtns = Array.from(labelled).filter((b) => {
-        const label = b.getAttribute("aria-label") ?? "";
-        return (
-          label.toLowerCase().includes("view") ||
-          label.toLowerCase().includes("list") ||
-          label.toLowerCase().includes("grid")
-        );
+      const viewBtns = container.querySelectorAll("button[aria-pressed]");
+      expect(viewBtns.length).toBe(2);
+      viewBtns.forEach((btn) => {
+        expect(btn.getAttribute("aria-label")).toBeTruthy();
       });
-      expect(viewBtns.length).toBeGreaterThanOrEqual(2);
     });
 
     it("view toggle buttons expose aria-pressed reflecting active view", () => {
@@ -274,8 +268,8 @@ describe("HeaderComponent - TabIndex Behavior with Bulk Actions", () => {
       const falseCount = Array.from(allPressed).filter(
         (b) => b.getAttribute("aria-pressed") === "false",
       ).length;
-      expect(trueCount).toBeGreaterThanOrEqual(1);
-      expect(falseCount).toBeGreaterThanOrEqual(1);
+      expect(trueCount).toBe(1);
+      expect(falseCount).toBe(1);
     });
   });