- 替换 antd 为 tdesign-react 作为主要 UI 组件库 - 引入 Recharts 替代 @ant-design/charts 实现图表功能 - 移除主题系统相关代码(ThemeContext、themes 目录) - 更新所有组件以适配 TDesign 组件 API - 更新测试用例以匹配新的组件实现 - 新增 TDesign 和 Recharts 集成规范文档
32 lines
974 B
TypeScript
32 lines
974 B
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('侧边栏导航', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/providers');
|
|
});
|
|
|
|
test('应显示侧边栏', async ({ page }) => {
|
|
// TDesign Layout.Aside 渲染为 aside 标签
|
|
const aside = page.locator('aside');
|
|
await expect(aside).toBeVisible();
|
|
});
|
|
|
|
test('应显示应用名称', async ({ page }) => {
|
|
await expect(page.locator('aside').getByText('AI Gateway')).toBeVisible();
|
|
});
|
|
|
|
test('应显示导航菜单项', async ({ page }) => {
|
|
const aside = page.locator('aside');
|
|
await expect(aside.getByText('供应商管理')).toBeVisible();
|
|
await expect(aside.getByText('用量统计')).toBeVisible();
|
|
});
|
|
|
|
test('默认应显示亮色侧边栏', async ({ page }) => {
|
|
const aside = page.locator('aside');
|
|
await expect(aside).toBeVisible();
|
|
|
|
const menu = page.locator('.t-menu');
|
|
await expect(menu).toBeVisible();
|
|
});
|
|
});
|