引入 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: 更新架构、后端、发布、配置、部署、使用文档
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { screen, waitFor } from "@testing-library/react";
|
|
import { describe, expect, test } from "bun:test";
|
|
import { createElement } from "react";
|
|
|
|
import { ProjectsPage } from "../../../src/web/pages/projects";
|
|
import { renderWithProviders } from "../test-utils";
|
|
|
|
describe("ProjectsPage", () => {
|
|
test("渲染 Tab、搜索框、新建按钮和表格", async () => {
|
|
renderWithProviders(createElement(ProjectsPage));
|
|
|
|
// Tabs, search, create button always visible
|
|
expect(screen.getByText("进行中")).not.toBeNull();
|
|
expect(screen.getByText("已归档")).not.toBeNull();
|
|
expect(screen.getByText("搜索")).not.toBeNull();
|
|
expect(screen.getByText("新建项目")).not.toBeNull();
|
|
|
|
// Table renders (shows loading or empty state)
|
|
await waitFor(
|
|
() => {
|
|
const body = document.body.textContent ?? "";
|
|
expect(body).toContain("项目名称");
|
|
},
|
|
{ timeout: 10000 },
|
|
);
|
|
});
|
|
|
|
test("新建按钮点击打开弹窗", async () => {
|
|
renderWithProviders(createElement(ProjectsPage));
|
|
|
|
const createBtn = screen.getByText("新建项目");
|
|
createBtn.click();
|
|
|
|
await waitFor(
|
|
() => {
|
|
expect(screen.getByText("确定")).not.toBeNull();
|
|
},
|
|
{ timeout: 5000 },
|
|
);
|
|
});
|
|
});
|