@nexttylabs/echo 0.2.0

package/tests/components/feedback-list-controls-compile.test.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it } from "bun:test";
+
+describe("FeedbackListControls module", () => {
+  it("imports without duplicate identifier errors", async () => {
+    const mod = await import("@/components/feedback/feedback-list-controls");
+    expect(typeof mod.FeedbackListControls).toBe("function");
+  });
+});

package/tests/components/feedback-list-controls.test.tsx

@@ -0,0 +1,204 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import React from "react";
+import { afterAll, afterEach, beforeAll, describe, expect, it, mock } from "bun:test";
+import { act, cleanup, render } from "@testing-library/react";
+import "../setup";
+
+const originalFetch = globalThis.fetch;
+const originalSessionStorage = globalThis.sessionStorage;
+const pushMock = mock();
+let searchParams = new URLSearchParams();
+let FeedbackListControls: typeof import("@/components/feedback/feedback-list-controls").FeedbackListControls;
+
+mock.module("next/navigation", () => ({
+  useRouter: () => ({ push: pushMock }),
+  useSearchParams: () => searchParams,
+}));
+
+mock.module("next/link", () => ({
+  default: ({ children }: { children: React.ReactNode }) => children,
+}));
+
+mock.module("next-intl", () => ({
+  useTranslations: () => (key: string, vars?: Record<string, unknown>) => {
+    if (key === "list.searchPlaceholder") {
+      return "Search title or description…";
+    }
+    if (key === "list.searchButton") {
+      return "Search";
+    }
+    if (key === "list.pageSizeLabel") {
+      return "Per page";
+    }
+    if (key === "list.sortNewest") {
+      return "Newest";
+    }
+    if (key === "list.sortOldest") {
+      return "Oldest";
+    }
+    if (key === "list.sortMostVotes") {
+      return "Most votes";
+    }
+    if (key === "list.sortFewestVotes") {
+      return "Fewest votes";
+    }
+    if (key === "filters.logicHint") {
+      return "Within a group: match any • Across groups: match all";
+    }
+    if (key === "filters.clearAll") {
+      return "Clear Filters";
+    }
+    if (key === "filters.statusLabel") {
+      return "Status";
+    }
+    if (key === "filters.typeLabel") {
+      return "Type";
+    }
+    if (key === "filters.priorityLabel") {
+      return "Priority";
+    }
+    if (key === "list.summary") {
+      return `Total ${vars?.total} / ${vars?.pageSize} per page`;
+    }
+    return key;
+  },
+}));
+
+mock.module("@/components/ui/dropdown-menu", () => ({
+  DropdownMenu: ({ children, ...props }: { children: React.ReactNode; [key: string]: unknown }) => <div {...props}>{children}</div>,
+  DropdownMenuTrigger: ({ children, asChild, ...props }: { children: React.ReactNode; asChild?: boolean; [key: string]: unknown }) => <div {...props}>{children}</div>,
+  DropdownMenuContent: ({ children, ...props }: { children: React.ReactNode; [key: string]: unknown }) => <div {...props}>{children}</div>,
+  DropdownMenuLabel: ({ children, ...props }: { children: React.ReactNode; [key: string]: unknown }) => <div {...props}>{children}</div>,
+  DropdownMenuSeparator: () => <div />,
+  DropdownMenuCheckboxItem: ({
+    children,
+    onCheckedChange,
+    asChild,
+    ...props
+  }: {
+    children: React.ReactNode;
+    onCheckedChange?: () => void;
+    asChild?: boolean;
+    [key: string]: unknown;
+  }) => (
+    <button type="button" {...props} onClick={() => onCheckedChange?.()}>
+      {children}
+    </button>
+  ),
+}));
+
+beforeAll(async () => {
+  ({ FeedbackListControls } = await import("@/components/feedback/feedback-list-controls"));
+});
+
+afterEach(() => {
+  cleanup();
+});
+
+afterAll(() => {
+  globalThis.fetch = originalFetch;
+  Object.defineProperty(globalThis, "sessionStorage", {
+    configurable: true,
+    value: originalSessionStorage,
+  });
+});
+
+describe("FeedbackListControls", () => {
+  it("renders filters and sort controls", async () => {
+    searchParams = new URLSearchParams();
+    pushMock.mockClear();
+    globalThis.fetch = mock(async () => {
+      return new Response(JSON.stringify({ data: [] }), { status: 200 });
+    }) as typeof fetch;
+    Object.defineProperty(globalThis, "sessionStorage", {
+      configurable: true,
+      value: {
+        getItem: mock(() => null),
+        setItem: mock(() => undefined),
+        removeItem: mock(() => undefined),
+        clear: mock(() => undefined),
+        key: mock(() => null),
+        length: 0,
+      } as Storage,
+    });
+
+    let getByLabelText: (text: string) => HTMLElement;
+    await act(async () => {
+      ({ getByLabelText } = render(
+        <FeedbackListControls
+          basePath="/admin/feedback"
+          onUpdate={() => {}}
+        />
+      ));
+    });
+
+    expect(getByLabelText("Search title or description…")).toBeTruthy();
+    globalThis.fetch = originalFetch;
+    Object.defineProperty(globalThis, "sessionStorage", {
+      configurable: true,
+      value: originalSessionStorage,
+    });
+  });
+
+  it("shows selected filters summary and clear-all", async () => {
+    searchParams = new URLSearchParams(
+      "status=new,planned&type=bug&priority=high",
+    );
+    pushMock.mockClear();
+
+    const { getAllByText, getByText } = render(
+      <FeedbackListControls
+        basePath="/admin/feedback"
+        onUpdate={() => {}}
+      />,
+    );
+
+    expect(
+      getAllByText("Within a group: match any • Across groups: match all").length,
+    ).toBeGreaterThan(0);
+    expect(getByText("Clear Filters")).toBeTruthy();
+    expect(document.querySelectorAll("button").length).toBeGreaterThan(0);
+    expect(getByText("Clear Filters")).toBeTruthy();
+  });
+
+  it("allows search input to be changed", async () => {
+    searchParams = new URLSearchParams();
+    pushMock.mockClear();
+
+    const { getByLabelText } = render(
+      <FeedbackListControls
+        basePath="/admin/feedback"
+        onUpdate={() => {}}
+      />,
+    );
+
+    const input = getByLabelText(
+      "Search title or description…",
+    ) as HTMLInputElement;
+
+    // Directly set input value and dispatch input event
+    await act(async () => {
+      input.value = "billing";
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+    });
+
+    // Verify input value changed
+    expect(input.value).toBe("billing");
+  });
+});

package/tests/components/feedback-list-item.test.tsx

@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it, mock } from "bun:test";
+import { render } from "@testing-library/react";
+import { FeedbackListItem } from "@/components/feedback/feedback-list-item";
+import "../setup";
+
+const push = mock();
+mock.module("next/navigation", () => ({
+  useRouter: () => ({ push }),
+}));
+
+mock.module("next/link", () => ({
+  default: ({ children }: { children: React.ReactNode }) => children,
+}));
+
+mock.module("next-intl", () => ({
+  useTranslations: () => (key: string) => {
+    if (key === "list.selectLabel") {
+      return "Select feedback";
+    }
+    if (key === "list.delete") {
+      return "Delete feedback";
+    }
+    return key;
+  },
+  useLocale: () => "en",
+}));
+
+describe("FeedbackListItem", () => {
+  it("renders selection checkbox", () => {
+    const { getByLabelText } = render(
+      <FeedbackListItem
+        feedback={{
+          feedbackId: 1,
+          title: "Title",
+          description: "Desc",
+          type: "bug",
+          priority: "low",
+          status: "new",
+          createdAt: new Date().toISOString(),
+          voteCount: 2,
+        }}
+        canDelete
+        isSelected={false}
+        onSelect={() => {}}
+      />
+    );
+
+    expect(getByLabelText("Select feedback")).toBeTruthy();
+  });
+});

package/tests/components/landing/hero.test.tsx

@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it, mock } from "bun:test";
+import { render } from "@testing-library/react";
+import { Hero } from "@/components/landing/hero";
+import "../../setup";
+
+mock.module("next-intl", () => ({
+  useTranslations: () => (key: string) => (key === "login" ? "登录" : key),
+}));
+
+mock.module("next/link", () => ({
+  __esModule: true,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  default: ({ children, href }: any) => <a href={href}>{children}</a>,
+}));
+
+mock.module("@/components/layout/language-switcher", () => ({
+  LanguageSwitcher: () => <button data-testid="language-switcher" />,
+}));
+
+describe("Hero", () => {
+  it("renders language switcher before login button", () => {
+    const { getByTestId, getByText } = render(<Hero />);
+    const switcher = getByTestId("language-switcher");
+    const login = getByText("登录");
+
+    const relation = switcher.compareDocumentPosition(login);
+    expect(Boolean(relation & Node.DOCUMENT_POSITION_FOLLOWING)).toBe(true);
+  });
+});

package/tests/components/layout/language-switcher.test.tsx

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it } from "bun:test";
+import { LanguageSwitcher } from "@/components/layout/language-switcher";
+
+describe("LanguageSwitcher", () => {
+  it("exports a component", () => {
+    expect(typeof LanguageSwitcher).toBe("function");
+  });
+});

package/tests/components/layout/sidebar.test.tsx

@@ -0,0 +1,157 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it, mock, beforeEach } from "bun:test";
+import { render, fireEvent } from "@testing-library/react";
+import { Sidebar } from "@/components/layout/sidebar";
+import "../../setup";
+
+// Mock dependencies
+const mockPush = mock(() => {});
+mock.module("next/navigation", () => ({
+  usePathname: () => "/dashboard",
+  useRouter: () => ({
+    push: mockPush,
+  }),
+  useSearchParams: () => new URLSearchParams(),
+  useParams: () => ({}),
+  useSelectedLayoutSegment: () => null,
+  useSelectedLayoutSegments: () => [],
+}));
+
+// Mock LanguageMenuItems to avoid testing next-intl internals and ensure specific text is rendered for testing
+mock.module("@/components/layout/language-switcher", () => ({
+  LanguageMenuItems: () => <div>语言</div>,
+}));
+
+// Mock LanguageMenuItems to avoid testing next-intl internals and ensure specific text is rendered for testing
+mock.module("@/components/layout/language-switcher", () => ({
+  LanguageMenuItems: () => <div>语言</div>,
+}));
+
+const translations = {
+  navigation: {
+    dashboard: "仪表盘",
+    feedback: "反馈管理",
+    sectionLabel: "导航",
+    settings: "设置",
+    logout: "退出登录",
+    openMenu: "打开菜单",
+  },
+  language: {
+    label: "语言",
+    en: "English",
+    "zh-CN": "简体中文",
+    jp: "日本語",
+  },
+};
+
+mock.module("next-intl", () => ({
+  useTranslations: (namespace: keyof typeof translations) => (key: string) =>
+    translations[namespace]?.[key as never] ?? key,
+  useLocale: () => "en",
+}));
+
+const mockSignOut = mock(() => Promise.resolve());
+mock.module("@/lib/auth/client", () => ({
+  authClient: {
+    signOut: mockSignOut,
+  },
+}));
+
+mock.module("@/components/ui/dropdown-menu", () => ({
+  DropdownMenu: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuTrigger: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuContent: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuSub: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuSubTrigger: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuSubContent: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuRadioGroup: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  DropdownMenuRadioItem: ({
+    children,
+    onClick,
+  }: {
+    children: React.ReactNode;
+    onClick?: () => void;
+  }) => (
+    <button type="button" onClick={onClick}>
+      {children}
+    </button>
+  ),
+  DropdownMenuItem: ({
+    children,
+    onClick,
+  }: {
+    children: React.ReactNode;
+    onClick?: () => void;
+  }) => (
+    <button type="button" onClick={onClick}>
+      {children}
+    </button>
+  ),
+  DropdownMenuSeparator: () => <div />,
+}));
+
+// Mock Link to avoid Next.js specific issues
+mock.module("next/link", () => ({
+  __esModule: true,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  default: ({ children, href, onClick }: any) => {
+    return (
+      <a href={href} onClick={onClick}>
+        {children}
+      </a>
+    );
+  },
+}));
+
+describe("Sidebar", () => {
+  beforeEach(() => {
+    mockPush.mockClear();
+    mockSignOut.mockClear();
+  });
+
+  const defaultProps = {
+    user: {
+      name: "Test User",
+      email: "test@example.com",
+      role: "developer" as const,
+      image: null,
+    },
+  };
+
+  it("calls signOut and redirects to home when logout is clicked", async () => {
+    const { getByText } = render(<Sidebar {...defaultProps} />);
+
+    // Find the logout button by text "退出登录"
+    const logoutText = getByText("退出登录");
+    // The clickable element might be the parent <a> or button
+    const logoutButton = logoutText.closest("a") || logoutText.closest("button");
+    
+    if (!logoutButton) throw new Error("Logout button not found");
+
+    fireEvent.click(logoutButton);
+
+    // This should fail currently because it's a Link, not using authClient
+    expect(mockSignOut).toHaveBeenCalled();
+  });
+
+  it("shows language menu in user dropdown", () => {
+    const { getAllByText } = render(<Sidebar {...defaultProps} />);
+    expect(getAllByText("语言").length).toBeGreaterThan(0);
+  });
+});

package/tests/components/login-form.test.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it } from "bun:test";
+import { LoginForm } from "@/components/auth/login-form";
+
+describe("LoginForm", () => {
+  it("is a function", () => {
+    expect(typeof LoginForm).toBe("function");
+  });
+});

package/tests/components/organization-form.test.ts

@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it } from "bun:test";
+import {
+  OrganizationForm,
+  organizationRedirectPath,
+} from "@/components/settings/organization-form";
+
+describe("OrganizationForm", () => {
+  it("is a function", () => {
+    expect(typeof OrganizationForm).toBe("function");
+  });
+
+  it("redirects to dashboard after creation", () => {
+    expect(organizationRedirectPath).toBe("/dashboard");
+  });
+});

package/tests/components/organization-switcher.test.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it } from "bun:test";
+import { OrganizationSwitcher } from "@/components/dashboard/organization-switcher";
+
+describe("OrganizationSwitcher", () => {
+  it("is defined", () => {
+    expect(OrganizationSwitcher).toBeDefined();
+  });
+});

package/tests/components/pagination.test.tsx

@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { afterEach, beforeAll, describe, expect, it, mock } from "bun:test";
+import { cleanup, render } from "@testing-library/react";
+import "../setup";
+
+mock.module("next-intl", () => ({
+  useTranslations: () => (key: string) => key,
+}));
+
+describe("Pagination", () => {
+  let Pagination: typeof import("@/components/shared/pagination").Pagination;
+
+  beforeAll(async () => {
+    ({ Pagination } = await import("@/components/shared/pagination"));
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("renders jump controls", () => {
+    const { getByText } = render(
+      <Pagination currentPage={1} totalPages={10} onPageChange={() => {}} />
+    );
+    expect(getByText("pagination.jumpTo")).toBeTruthy();
+  });
+});

package/tests/components/portal-overview.test.tsx

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { describe, expect, it } from "bun:test";
+import { PortalOverview } from "@/components/portal/portal-overview";
+
+describe("PortalOverview", () => {
+  it("exports a component", () => {
+    expect(typeof PortalOverview).toBe("function");
+  });
+});