- 移除 tdesign-react + tdesign-icons-react,新增 antd@6.4.3 + @ant-design/icons@6.2.3 - Layout/Header/Sider/Content 替换 TDesign Layout,Sider 内置折叠管理 - Segmented 替换 RadioGroup 主题切换,ConfigProvider 主题算法切换 - Menu items prop 模式,Sidebar 简化为无 props 纯组件 - Table/Modal/Form/Input.TextArea/Tabs/Tag/Popconfirm 全量迁移 - App.useApp().message 替换 MessagePlugin(hooks 模式) - --td-* CSS 变量替换为 --ant-* antd CSS 变量 - 测试适配:ConfigProvider+App wrapper,.ant-menu-item-selected,antd CSS-in-JS jsdom 兼容 - 文档更新:frontend.md, development/README.md, config.yaml, deploy.md - vendor-antd chunk 755KB gzipped 240KB
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { fireEvent, 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));
|
|
|
|
expect(screen.getByText("进行中")).not.toBeNull();
|
|
expect(screen.getByText("已归档")).not.toBeNull();
|
|
expect(screen.getByText("搜索")).not.toBeNull();
|
|
expect(screen.getByText("新建项目")).not.toBeNull();
|
|
|
|
await waitFor(
|
|
() => {
|
|
const body = document.body.textContent ?? "";
|
|
expect(body).toContain("项目名称");
|
|
},
|
|
{ timeout: 10000 },
|
|
);
|
|
});
|
|
|
|
test("新建按钮点击打开弹窗", async () => {
|
|
renderWithProviders(createElement(ProjectsPage));
|
|
|
|
const createBtn = screen.getByRole("button", { name: /新建项目/ });
|
|
fireEvent.click(createBtn);
|
|
|
|
await waitFor(
|
|
() => {
|
|
expect(document.body.querySelector(".ant-modal")).not.toBeNull();
|
|
},
|
|
{ timeout: 10000 },
|
|
);
|
|
});
|
|
});
|