feat: 管理后台接真实接口并加 Playwright e2e

web/src/views/GroupsView.vue

@@ -230,6 +230,7 @@ async function onTransfer(endpointId: string) {
       <template #actions>
         <n-button
           type="primary"
+          data-testid="group-create-open"
           @click="
             Object.assign(createForm, { id: '', name: '', owner_id: '', member_ids: '' });
             createOpen = true;
@@ -267,23 +268,31 @@ async function onTransfer(endpointId: string) {
       <n-scrollbar style="max-height: 320px">
         <n-form label-placement="left" label-width="90" :show-feedback="false">
           <n-form-item label="编号">
-            <n-input v-model:value="createForm.id" placeholder="留空则生成" />
+            <n-input v-model:value="createForm.id" placeholder="留空则生成" data-testid="group-id" />
           </n-form-item>
           <n-form-item label="名称">
-            <n-input v-model:value="createForm.name" />
+            <n-input v-model:value="createForm.name" data-testid="group-name" />
           </n-form-item>
           <n-form-item label="群主编号">
-            <n-input v-model:value="createForm.owner_id" />
+            <n-input v-model:value="createForm.owner_id" data-testid="group-owner" />
           </n-form-item>
           <n-form-item label="成员" label-placement="top">
-            <n-input v-model:value="createForm.member_ids" type="textarea" :rows="3" placeholder="多个编号用逗号或空格分隔" />
+            <n-input
+              v-model:value="createForm.member_ids"
+              type="textarea"
+              :rows="3"
+              placeholder="多个编号用逗号或空格分隔"
+              data-testid="group-members"
+            />
           </n-form-item>
         </n-form>
       </n-scrollbar>
       <template #footer>
         <n-space justify="end">
           <n-button @click="createOpen = false">取消</n-button>
-          <n-button type="primary" :loading="createLoading" @click="submitCreate">创建</n-button>
+          <n-button type="primary" :loading="createLoading" data-testid="group-create-submit" @click="submitCreate">
+            创建
+          </n-button>
         </n-space>
       </template>
     </n-modal>