feat(componentDevelopment): 增加一键生成测试用例功能

src/api/componentTestCase.ts

@@ -53,4 +53,9 @@ export function importTestCases(params: { componentBaseId: string, file: File })
 // 开启测试用例
 export function startTestCase(id) {
   return axios.get(`${urlPrefix}/componentTestCase/connect`, { params: { id } });
+}
+
+// 生成测试用例
+export function generateTestCase(params: { id: string, identifier: string }) {
+  return axios.post(`${urlPrefix}/componentTestCase/generationTestCase?id=${params.id}&identifier=${params.identifier}`);
 }

src/pages/componentDevelopment/componentTest/testInstance.tsx

@@ -9,7 +9,10 @@ import {
   deleteTestCase,
   exportTemplate,
   exportTestCases,
-  importTestCases, startTestCase, sendTestCase
+  importTestCases,
+  startTestCase,
+  sendTestCase,
+  generateTestCase
 } from '@/api/componentTestCase';
 import TestCaseModal from './testCaseModal';
 import useWebSocket from '@/hooks/useWebSocket';
@@ -309,6 +312,17 @@ const TestInstance = ({ instance, parentId, onBack }: { instance: any; parentId:
     setEditingTestCase(null);
   };
 
+  const handleGenerateTestCases = async () => {
+    const res: any = await generateTestCase({ id: design?.baseInfo.id, identifier: instance.identifier });
+    if (res.code === 200) {
+      Message.success('生成测试用例成功');
+      getTestCaseList();
+    }
+    else {
+      Message.error(res.msg);
+    }
+  };
+
   return (
     <div className={styles['test-instance']}>
       {/* 隐藏的文件input */}
@@ -334,6 +348,13 @@ const TestInstance = ({ instance, parentId, onBack }: { instance: any; parentId:
           </Button>
         </div>
         <div className={styles['tab-center']}>
+          <Button
+            type="outline"
+            status="success"
+            onClick={handleGenerateTestCases}
+          >
+            一键生成测试用例
+          </Button>
           <Button
             type="outline"
             onClick={handleExportTemplate}
@@ -346,12 +367,6 @@ const TestInstance = ({ instance, parentId, onBack }: { instance: any; parentId:
           >
             从模板导入用例
           </Button>
-          {/*<Button*/}
-          {/*  type="outline"*/}
-          {/*  onClick={() => setActiveTab('batch')}*/}
-          {/*>*/}
-          {/*  一键生成测试用例*/}
-          {/*</Button>*/}
           <Button
             type="outline"
             onClick={handleExportTestCases}