lanyuanxiaoyao
d5a0ba9e9e
引入 SQLite 数据库（Drizzle ORM + bun:sqlite），实现项目 CRUD 与归档/恢复/删除 生命周期管理，新增项目管理前端页面，migration 嵌入单文件构建产物保持部署体验。 - src/server/db: schema、connection、migration 执行器、项目数据访问层 - src/server/routes/projects: 7 个 API 端点（列表/创建/详情/更新/归档/恢复/删除） - src/web: 项目管理页面（TDesign Table/Tabs/Dialog/Form），TanStack Query hooks - scripts: 构建时嵌入 migration SQL，开发期独立 generate-migrations-data 脚本 - tests: 60 个后端测试 + 27 个前端测试，覆盖 DB/migration/API/路由/页面 - docs: 更新架构、后端、发布、配置、部署、使用文档
81 lines
3.0 KiB
TypeScript
81 lines
3.0 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
import { screen } from "@testing-library/react";
|
|
import { describe, expect, test } from "bun:test";
|
|
import { createElement } from "react";
|
|
|
|
import { Sidebar } from "../../../../src/web/components/Sidebar";
|
|
import { renderWithProviders } from "../../test-utils";
|
|
|
|
describe("Sidebar", () => {
|
|
test("渲染菜单项", () => {
|
|
renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }));
|
|
|
|
expect(screen.getByText("仪表盘")).not.toBeNull();
|
|
expect(screen.getByText("项目管理")).not.toBeNull();
|
|
expect(screen.getByText("用户管理")).not.toBeNull();
|
|
expect(screen.getByText("系统设置")).not.toBeNull();
|
|
});
|
|
|
|
test("折叠状态下仍渲染菜单项", () => {
|
|
renderWithProviders(createElement(Sidebar, { collapsed: true, onToggleCollapsed: () => {} }));
|
|
|
|
expect(screen.getByText("仪表盘")).not.toBeNull();
|
|
expect(screen.getByText("项目管理")).not.toBeNull();
|
|
expect(screen.getByText("用户管理")).not.toBeNull();
|
|
expect(screen.getByText("系统设置")).not.toBeNull();
|
|
});
|
|
|
|
test("项目管理菜单项可导航到 /projects", () => {
|
|
renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }), {
|
|
initialRoute: "/projects",
|
|
});
|
|
|
|
const activeItem = document.querySelector(".t-is-active");
|
|
expect(activeItem).not.toBeNull();
|
|
expect(activeItem?.textContent).toContain("项目管理");
|
|
});
|
|
|
|
test("高亮当前路由对应的菜单项", () => {
|
|
renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }), {
|
|
initialRoute: "/users",
|
|
});
|
|
|
|
const activeItem = document.querySelector(".t-is-active");
|
|
expect(activeItem).not.toBeNull();
|
|
expect(activeItem?.textContent).toContain("用户管理");
|
|
});
|
|
|
|
test("展开态底部渲染折叠按钮", () => {
|
|
renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }));
|
|
|
|
const collapseBtn = document.querySelector(".app-sidebar-collapse-btn");
|
|
expect(collapseBtn).not.toBeNull();
|
|
});
|
|
|
|
test("点击底部按钮调用 onToggleCollapsed", () => {
|
|
let called = false;
|
|
const onToggle = () => {
|
|
called = true;
|
|
};
|
|
renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: onToggle }));
|
|
|
|
const btn = document.querySelector<HTMLButtonElement>(".app-sidebar-collapse-btn");
|
|
expect(btn).not.toBeNull();
|
|
btn!.click();
|
|
expect(called).toBe(true);
|
|
});
|
|
|
|
test("折叠态底部按钮仍渲染且菜单项高亮不变", () => {
|
|
renderWithProviders(createElement(Sidebar, { collapsed: true, onToggleCollapsed: () => {} }), {
|
|
initialRoute: "/users",
|
|
});
|
|
|
|
const collapseBtn = document.querySelector(".app-sidebar-collapse-btn");
|
|
expect(collapseBtn).not.toBeNull();
|
|
|
|
const activeItem = document.querySelector(".t-is-active");
|
|
expect(activeItem).not.toBeNull();
|
|
expect(activeItem?.textContent).toContain("用户管理");
|
|
});
|
|
});
|