test(web+mp): E2E 测试全量实施 — Web 5 flow + MP 4 flow + 基础设施

Web 端 (Playwright):
- fixtures: test-data 工厂 + API Client (乐观锁 version) + 增强 auth fixture
- pages: LoginPage, PatientListPage, PatientDetailPage, HealthDataPage, AppointmentPage
- flows: 患者全流程, 体征数据链路, 预约排班链路, 随访管理链路, 告警处理链路
- smoke tests 迁移到 smoke/ 目录，import 路径更新
- playwright.config.ts 更新: globalSetup 环境检查, 60s timeout, video retain

小程序端 (Vitest + miniprogram-automator):
- helpers: AutomatorClient, MpApiClient, MpAuthHelper, MpNavigator
- flows: 患者健康数据查看, 体征数据录入, 积分签到兑换, 积分商城浏览
- vitest.config.ts + check-readiness.ts
- vitest 4.1.5 依赖安装

Playwright 发现 15 个测试 (5 flow + 10 smoke)，全部就绪

apps/web/e2e/pages/appointment.page.ts

@@ -0,0 +1,56 @@
+// apps/web/e2e/pages/appointment.page.ts
+import type { Page } from '@playwright/test';
+
+export class AppointmentPage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async gotoSchedule() {
+    await this.page.goto('/#/health/schedules');
+    await this.page.waitForSelector('.ant-table, .ant-fullcalendar, [class*="calendar"]', { timeout: 10000 });
+  }
+
+  async gotoAppointments() {
+    await this.page.goto('/#/health/appointments');
+    await this.page.waitForSelector('.ant-table', { timeout: 10000 });
+  }
+
+  async clickCreateSchedule() {
+    await this.page.click('button:has-text("新增排班"), button:has-text("创建")');
+    await this.page.waitForSelector('.ant-modal, .ant-drawer', { timeout: 5000 });
+  }
+
+  async fillScheduleForm(data: { doctor_id?: string; date: string; start_time: string; end_time: string }) {
+    if (data.doctor_id) {
+      await this.page.click('.ant-select');
+      await this.page.click('.ant-select-item-option');
+    }
+    await this.page.fill('input[placeholder*="日期"]', data.date);
+    await this.page.fill('input[placeholder*="开始"]', data.start_time);
+    await this.page.fill('input[placeholder*="结束"]', data.end_time);
+  }
+
+  async submitScheduleForm() {
+    await this.page.click('.ant-modal button[type="submit"], .ant-btn-primary');
+    await this.page.waitForSelector('.ant-message-success', { timeout: 10000 });
+  }
+
+  async clickCreateAppointment() {
+    await this.page.click('button:has-text("新增预约"), button:has-text("创建")');
+    await this.page.waitForSelector('.ant-modal, .ant-drawer', { timeout: 5000 });
+  }
+
+  async fillAppointmentForm(data: { patient_id: string; doctor_id: string; date: string; reason?: string }) {
+    if (data.reason) {
+      await this.page.fill('textarea, input[placeholder*="原因"]', data.reason);
+    }
+  }
+
+  async submitAppointmentForm() {
+    await this.page.click('.ant-modal button[type="submit"], .ant-btn-primary');
+    await this.page.waitForSelector('.ant-message-success', { timeout: 10000 });
+  }
+}

apps/web/e2e/pages/health-data.page.ts

@@ -0,0 +1,49 @@
+// apps/web/e2e/pages/health-data.page.ts
+import type { Page } from '@playwright/test';
+
+export class HealthDataPage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async clickAddVitalSigns() {
+    await this.page.click('button:has-text("录入体征"), button:has-text("新增")');
+    await this.page.waitForSelector('.ant-modal, .ant-drawer', { timeout: 5000 });
+  }
+
+  async fillVitalSignsForm(data: {
+    systolic_bp?: number;
+    diastolic_bp?: number;
+    heart_rate?: number;
+    temperature?: number;
+    spo2?: number;
+  }) {
+    if (data.systolic_bp) await this.page.fill('#systolic_bp, input[placeholder*="收缩压"]', String(data.systolic_bp));
+    if (data.diastolic_bp) await this.page.fill('#diastolic_bp, input[placeholder*="舒张压"]', String(data.diastolic_bp));
+    if (data.heart_rate) await this.page.fill('#heart_rate, input[placeholder*="心率"]', String(data.heart_rate));
+    if (data.temperature) await this.page.fill('#temperature, input[placeholder*="体温"]', String(data.temperature));
+    if (data.spo2) await this.page.fill('#spo2, input[placeholder*="血氧"]', String(data.spo2));
+  }
+
+  async submitVitalSigns() {
+    await this.page.click('.ant-modal button[type="submit"], .ant-btn-primary');
+    await this.page.waitForSelector('.ant-message-success', { timeout: 10000 });
+  }
+
+  async getVitalSignsList(): Promise<string[]> {
+    const rows = this.page.locator('.ant-table-tbody tr');
+    const count = await rows.count();
+    const texts: string[] = [];
+    for (let i = 0; i < count; i++) {
+      texts.push(await rows.nth(i).textContent() ?? '');
+    }
+    return texts;
+  }
+
+  async trendChartIsVisible(): Promise<boolean> {
+    const chart = this.page.locator('canvas, .recharts-wrapper, [class*="chart"]');
+    return chart.isVisible();
+  }
+}

apps/web/e2e/pages/index.ts

@@ -0,0 +1,6 @@
+// apps/web/e2e/pages/index.ts
+export { LoginPage } from './login.page';
+export { PatientListPage } from './patient-list.page';
+export { PatientDetailPage } from './patient-detail.page';
+export { HealthDataPage } from './health-data.page';
+export { AppointmentPage } from './appointment.page';

apps/web/e2e/pages/login.page.ts

@@ -0,0 +1,48 @@
+// apps/web/e2e/pages/login.page.ts
+import type { Page } from '@playwright/test';
+
+export class LoginPage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async goto() {
+    await this.page.goto('/#/login');
+    await this.page.waitForSelector('.ant-card, .ant-form');
+  }
+
+  async fillUsername(username: string) {
+    await this.page.fill('input[id="username"], input[placeholder*="用户名"]', username);
+  }
+
+  async fillPassword(password: string) {
+    await this.page.fill('input[type="password"]', password);
+  }
+
+  async clickSubmit() {
+    await this.page.click('button[type="submit"]');
+  }
+
+  async login(username: string, password: string) {
+    await this.goto();
+    await this.fillUsername(username);
+    await this.fillPassword(password);
+    await this.clickSubmit();
+  }
+
+  async getErrorMessage(): Promise<string> {
+    const el = this.page.locator('.ant-form-item-explain-error, .ant-message-error, .ant-alert-error');
+    return el.first().textContent() ?? '';
+  }
+
+  async isLoggedIn(): Promise<boolean> {
+    try {
+      await this.page.waitForURL('**/#/', { timeout: 5000 });
+      return true;
+    } catch {
+      return false;
+    }
+  }
+}

apps/web/e2e/pages/patient-detail.page.ts

@@ -0,0 +1,44 @@
+// apps/web/e2e/pages/patient-detail.page.ts
+import type { Page } from '@playwright/test';
+
+export class PatientDetailPage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async goto(id: string) {
+    await this.page.goto(`/#/health/patients/${id}`);
+    await this.page.waitForSelector('.ant-descriptions, .ant-tabs', { timeout: 10000 });
+  }
+
+  async getPatientName(): Promise<string> {
+    const el = this.page.locator('.ant-descriptions-item-content').first();
+    return el.textContent() ?? '';
+  }
+
+  async clickTab(tabName: string) {
+    await this.page.click(`.ant-tabs-tab:has-text("${tabName}")`);
+    await this.page.waitForTimeout(500);
+  }
+
+  async getVitalSignsCount(): Promise<number> {
+    return this.page.locator('.ant-table-tbody tr').count();
+  }
+
+  async clickAssignDoctor() {
+    await this.page.click('button:has-text("分配医生")');
+    await this.page.waitForSelector('.ant-modal, .ant-drawer', { timeout: 5000 });
+  }
+
+  async selectDoctor(doctorName: string) {
+    await this.page.click('.ant-select');
+    await this.page.click(`.ant-select-item-option:has-text("${doctorName}")`);
+  }
+
+  async confirmAssign() {
+    await this.page.click('.ant-modal button[type="submit"], .ant-btn-primary');
+    await this.page.waitForSelector('.ant-message-success', { timeout: 5000 });
+  }
+}

apps/web/e2e/pages/patient-list.page.ts

@@ -0,0 +1,67 @@
+// apps/web/e2e/pages/patient-list.page.ts
+import type { Page } from '@playwright/test';
+
+export class PatientListPage {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async goto() {
+    await this.page.goto('/#/health/patients');
+    await this.page.waitForSelector('.ant-table', { timeout: 15000 });
+  }
+
+  async clickCreate() {
+    await this.page.click('button:has-text("新增"), button:has-text("新建"), button:has-text("创建")');
+    await this.page.waitForSelector('.ant-modal, .ant-drawer', { timeout: 5000 });
+  }
+
+  async fillCreateForm(data: { name: string; gender?: string; birth_date?: string; phone?: string }) {
+    await this.page.fill('#name, input[id="name"]', data.name);
+    if (data.phone) {
+      await this.page.fill('#phone, input[id="phone"]', data.phone);
+    }
+    if (data.gender) {
+      await this.page.click('.ant-select[id="gender"], .ant-select:has-text("性别")');
+      await this.page.click(`.ant-select-item-option:has-text("${data.gender === 'male' ? '男' : '女'}")`);
+    }
+    if (data.birth_date) {
+      await this.page.fill('#birth_date, input[placeholder*="出生"]', data.birth_date);
+    }
+  }
+
+  async submitForm() {
+    await this.page.click('.ant-modal button[type="submit"], .ant-drawer button[type="submit"]');
+    await this.page.waitForSelector('.ant-message-success', { timeout: 10000 });
+  }
+
+  async searchPatient(name: string) {
+    const searchInput = this.page.locator('input[placeholder*="搜索"], input[placeholder*="姓名"]');
+    await searchInput.fill(name);
+    await searchInput.press('Enter');
+    await this.page.waitForTimeout(1000);
+  }
+
+  async clickPatientRow(row: number) {
+    const rows = this.page.locator('.ant-table-tbody tr');
+    await rows.nth(row).click();
+  }
+
+  async clickPatientByName(name: string) {
+    await this.searchPatient(name);
+    const row = this.page.locator(`.ant-table-tbody tr:has-text("${name}")`).first();
+    await row.click();
+  }
+
+  async getTableRowCount(): Promise<number> {
+    return this.page.locator('.ant-table-tbody tr').count();
+  }
+
+  async hasPatientInTable(name: string): Promise<boolean> {
+    await this.searchPatient(name);
+    const count = await this.page.locator(`.ant-table-tbody tr:has-text("${name}")`).count();
+    return count > 0;
+  }
+}