1
0

fix(e2e): 修复对话框关闭问题,完善 E2E 测试

- 修复 TDesign Dialog onConfirm 不自动关闭的问题
- 使用 useEffect 监听 mutation 状态自动关闭对话框
- 测试使用 waitForResponse 等待 API 响应
- 添加 clearDatabase 函数确保测试隔离
- 归档 e2e-real-backend 变更到 archive/2026-04-22
- 同步 e2e-testing spec 到主 specs
This commit is contained in:
2026-04-22 10:32:57 +08:00
parent 59179094ed
commit f488b9cc15
13 changed files with 112 additions and 206 deletions

View File

@@ -68,7 +68,6 @@ export function ModelForm({
confirmLoading={loading}
confirmBtn="保存"
cancelBtn="取消"
destroyOnClose
>
<Form form={form} layout="vertical" onSubmit={handleSubmit}>
{isEdit && model?.unifiedId && (

View File

@@ -30,11 +30,9 @@ export function ProviderForm({
const [form] = Form.useForm();
const isEdit = !!provider;
// 当弹窗打开或provider变化时设置表单值
useEffect(() => {
if (open && form) {
if (provider) {
// 编辑模式:设置现有值
form.setFieldsValue({
id: provider.id,
name: provider.name,
@@ -44,12 +42,11 @@ export function ProviderForm({
enabled: provider.enabled,
});
} else {
// 新增模式:重置表单
form.reset();
form.setFieldsValue({ enabled: true, protocol: 'openai' });
}
}
}, [open, provider]); // 移除form依赖避免循环
}, [open, provider]);
const handleSubmit = (context: SubmitContext) => {
if (context.validateResult === true && form) {
@@ -67,7 +64,6 @@ export function ProviderForm({
confirmLoading={loading}
confirmBtn="保存"
cancelBtn="取消"
destroyOnClose
>
<Form form={form} layout="vertical" onSubmit={handleSubmit}>
<Form.FormItem label="ID" name="id" rules={[{ required: true, message: '请输入供应商 ID' }]}>

View File

@@ -1,4 +1,4 @@
import { useState } from 'react';
import { useState, useEffect } from 'react';
import type { Provider, Model, UpdateProviderInput, UpdateModelInput } from '@/types';
import { useProviders, useCreateProvider, useUpdateProvider, useDeleteProvider } from '@/hooks/useProviders';
import { useCreateModel, useUpdateModel } from '@/hooks/useModels';
@@ -20,6 +20,18 @@ export function ProvidersPage() {
const [editingModel, setEditingModel] = useState<Model | undefined>();
const [modelFormProviderId, setModelFormProviderId] = useState('');
useEffect(() => {
if ((createProvider.isSuccess || updateProvider.isSuccess) && providerFormOpen) {
setProviderFormOpen(false);
}
}, [createProvider.isSuccess, updateProvider.isSuccess, providerFormOpen]);
useEffect(() => {
if ((createModel.isSuccess || updateModel.isSuccess) && modelFormOpen) {
setModelFormOpen(false);
}
}, [createModel.isSuccess, updateModel.isSuccess, modelFormOpen]);
return (
<div>
<ProviderTable
@@ -57,14 +69,9 @@ export function ProvidersPage() {
if (values.apiKey) input.apiKey = values.apiKey;
if (values.baseUrl !== editingProvider.baseUrl) input.baseUrl = values.baseUrl;
if (values.enabled !== editingProvider.enabled) input.enabled = values.enabled;
updateProvider.mutate(
{ id: editingProvider.id, input },
{ onSuccess: () => setProviderFormOpen(false) },
);
updateProvider.mutate({ id: editingProvider.id, input });
} else {
createProvider.mutate(values, {
onSuccess: () => setProviderFormOpen(false),
});
createProvider.mutate(values);
}
}}
onCancel={() => setProviderFormOpen(false)}
@@ -82,14 +89,9 @@ export function ProvidersPage() {
if (values.providerId !== editingModel.providerId) input.providerId = values.providerId;
if (values.modelName !== editingModel.modelName) input.modelName = values.modelName;
if (values.enabled !== editingModel.enabled) input.enabled = values.enabled;
updateModel.mutate(
{ id: editingModel.id, input },
{ onSuccess: () => setModelFormOpen(false) },
);
updateModel.mutate({ id: editingModel.id, input });
} else {
createModel.mutate(values, {
onSuccess: () => setModelFormOpen(false),
});
createModel.mutate(values);
}
}}
onCancel={() => setModelFormOpen(false)}