test(a11y): cover icon control labels

Author: viktoravelino

src/frontend/src/components/core/appHeaderComponent/__tests__/appHeader.a11y.test.tsx

@@ -69,4 +69,13 @@ describe("AppHeader accessibility", () => {
       "aria-label",
     );
   });
+
+  it("should_name_home_logo_button", () => {
+    renderHeader();
+
+    expect(screen.getByTestId("icon-ChevronLeft")).toHaveAttribute(
+      "aria-label",
+      "Langflow Logo",
+    );
+  });
 });

src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/__tests__/folder-action-buttons.test.tsx

@@ -0,0 +1,46 @@
+import { render, screen } from "@testing-library/react";
+import type { ReactNode } from "react";
+import { AddFolderButton } from "../add-folder-button";
+import { UploadFolderButton } from "../upload-folder-button";
+
+jest.mock("react-i18next", () => ({
+  initReactI18next: {
+    type: "3rdParty",
+    init: jest.fn(),
+  },
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}));
+
+jest.mock("@/components/common/genericIconComponent", () => ({
+  __esModule: true,
+  default: ({ name }: { name: string }) => (
+    <span data-testid={`icon-${name}`} />
+  ),
+}));
+
+jest.mock("@/components/common/shadTooltipComponent", () => ({
+  __esModule: true,
+  default: ({ children }: { children: ReactNode }) => <>{children}</>,
+}));
+
+describe("folder action buttons", () => {
+  it("names the create project button", () => {
+    render(
+      <AddFolderButton onClick={jest.fn()} disabled={false} loading={false} />,
+    );
+
+    expect(
+      screen.getByRole("button", { name: "folder.createNewProject" }),
+    ).toBeInTheDocument();
+  });
+
+  it("names the upload flow button", () => {
+    render(<UploadFolderButton onClick={jest.fn()} disabled={false} />);
+
+    expect(
+      screen.getByRole("button", { name: "folder.uploadFlow" }),
+    ).toBeInTheDocument();
+  });
+});

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/components/__tests__/toolbar-button.test.tsx

@@ -0,0 +1,39 @@
+import { render, screen } from "@testing-library/react";
+import type { ReactNode } from "react";
+import { ToolbarButton } from "../toolbar-button";
+
+jest.mock("@/components/common/genericIconComponent", () => ({
+  ForwardedIconComponent: ({ name }: { name: string }) => (
+    <span data-testid={`icon-${name}`} />
+  ),
+}));
+
+jest.mock("@/components/common/shadTooltipComponent", () => ({
+  __esModule: true,
+  default: ({ children }: { children: ReactNode }) => <>{children}</>,
+}));
+
+jest.mock("../../shortcutDisplay", () => ({
+  __esModule: true,
+  default: ({ name }: { name?: string }) => <span>{name}</span>,
+}));
+
+describe("ToolbarButton", () => {
+  it("uses the visible label as its accessible name", () => {
+    render(<ToolbarButton icon="FileText" label="Docs" onClick={jest.fn()} />);
+
+    expect(screen.getByRole("button", { name: "Docs" })).toBeInTheDocument();
+  });
+
+  it("falls back to the shortcut name for icon-only actions", () => {
+    render(
+      <ToolbarButton
+        icon="Snowflake"
+        shortcut={{ name: "Freeze", shortcut: "F" }}
+        onClick={jest.fn()}
+      />,
+    );
+
+    expect(screen.getByRole("button", { name: "Freeze" })).toBeInTheDocument();
+  });
+});