lanyuanxiaoyao
15ba33db27
- 移除 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
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
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));
|
|
|
|
expect(screen.getByText("仪表盘")).not.toBeNull();
|
|
expect(screen.getByText("项目管理")).not.toBeNull();
|
|
});
|
|
|
|
test("项目管理菜单项可导航到 /projects", () => {
|
|
renderWithProviders(createElement(Sidebar), {
|
|
initialRoute: "/projects",
|
|
});
|
|
|
|
const activeItem = document.querySelector(".ant-menu-item-selected");
|
|
expect(activeItem).not.toBeNull();
|
|
expect(activeItem?.textContent).toContain("项目管理");
|
|
});
|
|
|
|
test("高亮当前路由对应的菜单项", () => {
|
|
renderWithProviders(createElement(Sidebar), {
|
|
initialRoute: "/",
|
|
});
|
|
|
|
const activeItem = document.querySelector(".ant-menu-item-selected");
|
|
expect(activeItem).not.toBeNull();
|
|
expect(activeItem?.textContent).toContain("仪表盘");
|
|
});
|
|
});
|