lanyuanxiaoyao
34e915ccf4
- 移除供应商/模型启用禁用能力，清理DB schema/migration/API/前端 - 供应商测试改为Base URL连通性+/models探测 - 新增POST /api/models/test模型连接测试 - 新增GET /api/providers/options专用供应商选项接口 - 统一工具栏为ModelsToolbar，参考项目管理布局 - 模型弹窗优化：默认能力、响应式3列标签、并排数值 - 前后端正整数校验、供应商下拉loading/error/empty状态 - 表格列宽统一，操作列/名称列固定宽度
82 lines
2.7 KiB
TypeScript
82 lines
2.7 KiB
TypeScript
import { fireEvent, screen, waitFor } from "@testing-library/react";
|
|
import { describe, expect, mock, test } from "bun:test";
|
|
import { createElement } from "react";
|
|
|
|
import type { Provider } from "../../../src/shared/api";
|
|
|
|
import { ProviderTable } from "../../../src/web/pages/models/components/ProviderTable";
|
|
import { renderWithProviders } from "../test-utils";
|
|
|
|
const OPENAI_PROVIDER: Provider = {
|
|
apiKey: "sk-test",
|
|
baseUrl: "https://api.openai.com/v1",
|
|
createdAt: "2024-01-01T00:00:00.000Z",
|
|
id: "pv1",
|
|
name: "OpenAI",
|
|
type: "openai",
|
|
updatedAt: "2024-01-01T00:00:00.000Z",
|
|
};
|
|
|
|
const DEEPSEEK_PROVIDER: Provider = {
|
|
apiKey: "sk-off",
|
|
baseUrl: "https://api.deepseek.com/v1",
|
|
createdAt: "2024-01-01T00:00:00.000Z",
|
|
id: "pv2",
|
|
name: "DeepSeek",
|
|
type: "openai-compatible",
|
|
updatedAt: "2024-01-01T00:00:00.000Z",
|
|
};
|
|
|
|
function clickLatestConfirmButton() {
|
|
const buttons = screen.getAllByRole("button", { name: /OK|确定/ });
|
|
fireEvent.click(buttons[buttons.length - 1]!);
|
|
}
|
|
|
|
describe("ProviderTable", () => {
|
|
test("渲染供应商表格数据", () => {
|
|
renderWithProviders(
|
|
createElement(ProviderTable, {
|
|
data: { items: [OPENAI_PROVIDER, DEEPSEEK_PROVIDER], page: 1, pageSize: 20, total: 2 },
|
|
loading: false,
|
|
onDelete: () => Promise.resolve(),
|
|
onEdit: () => undefined,
|
|
onPageChange: () => undefined,
|
|
page: 1,
|
|
pageSize: 20,
|
|
}),
|
|
);
|
|
|
|
expect(screen.getAllByText("OpenAI").length).toBeGreaterThan(0);
|
|
expect(screen.getByText("DeepSeek")).not.toBeNull();
|
|
expect(screen.getByText("https://api.openai.com/v1")).not.toBeNull();
|
|
expect(screen.queryByText("状态")).toBeNull();
|
|
expect(screen.queryByRole("button", { name: "测试连接" })).toBeNull();
|
|
expect(screen.queryByRole("button", { name: /启用|禁用/ })).toBeNull();
|
|
});
|
|
|
|
test("供应商表格操作触发 edit/delete", async () => {
|
|
const onDelete = mock(() => Promise.resolve());
|
|
const onEdit = mock(() => undefined);
|
|
|
|
renderWithProviders(
|
|
createElement(ProviderTable, {
|
|
data: { items: [OPENAI_PROVIDER, DEEPSEEK_PROVIDER], page: 1, pageSize: 20, total: 2 },
|
|
loading: false,
|
|
onDelete,
|
|
onEdit,
|
|
onPageChange: () => undefined,
|
|
page: 1,
|
|
pageSize: 20,
|
|
}),
|
|
);
|
|
|
|
fireEvent.click(screen.getAllByRole("button", { name: /编辑/ })[0]!);
|
|
expect(onEdit).toHaveBeenCalledWith(OPENAI_PROVIDER);
|
|
|
|
fireEvent.click(screen.getAllByRole("button", { name: /删除/ })[0]!);
|
|
await waitFor(() => expect(screen.getByText("确认删除此供应商？")).not.toBeNull());
|
|
clickLatestConfirmButton();
|
|
await waitFor(() => expect(onDelete).toHaveBeenCalledWith("pv1"));
|
|
});
|
|
});
|