import { test, expect } from '@playwright/test';

/**
 * Bug #765: [收费工作站-门诊挂号] 在"患者身份信息"框中选中检索的患者后，患者列表浮窗未自动隐藏
 * 修复验证: 选中患者后 popover 应自动关闭
 */
test.describe('🐛 Bug#765', () => {

  test('#765 门诊挂号患者浮窗选中后自动隐藏 @bug765 @regression', async ({ page }) => {
    // 1. 登录
    await page.goto('/login');
    await page.waitForLoadState('domcontentloaded');
    await page.waitForTimeout(2000);

    // 填写账号密码
    const loginInput = page.locator('input[placeholder="请输入账号"]');
    await loginInput.waitFor({ state: 'visible', timeout: 10000 });
    await loginInput.fill('admin');

    const passwordInput = page.locator('input[placeholder="请输入密码"]');
    await passwordInput.fill('admin123');

    // 选择医疗机构
    try {
      const tenantInput = page.locator('.premium-select input[role="combobox"], .premium-select .el-select__wrapper').first();
      if (await tenantInput.isVisible({ timeout: 5000 })) {
        await tenantInput.click();
        await page.waitForTimeout(1000);
        const firstOption = page.locator('.el-select-dropdown__item').first();
        if (await firstOption.isVisible({ timeout: 3000 })) {
          await firstOption.click();
          await page.waitForTimeout(500);
        }
      }
    } catch(e) { /* 租户选择可选 */ }

    // 点击登录
    await page.click('.login-btn');
    await page.waitForTimeout(5000);

    // 等待跳转离开登录页
    await page.waitForFunction(() => !window.location.pathname.includes('/login'), { timeout: 15000 }).catch(() => {});
    await page.waitForTimeout(2000);

    // 2. 进入门诊挂号页面
    await page.goto('/charge/outpatientregistration');
    await page.waitForLoadState('networkidle');
    await page.waitForTimeout(2000);

    // 3. 截图: 门诊挂号页面
    await page.screenshot({ 
      path: 'tests/e2e/report/bug-765-result.png',
      fullPage: true 
    });

    // 4. 检查页面无 JS 错误
    const jsErrors: string[] = [];
    page.on('pageerror', (err) => jsErrors.push(err.message));

    // 5. 找到患者搜索输入框
    const searchInput = page.locator('input[placeholder*="患者"], input[placeholder*="姓名"], input[placeholder*="检索"], input[placeholder*="身份"]').first();
    
    if (await searchInput.isVisible({ timeout: 5000 }).catch(() => false)) {
      await searchInput.click();
      await searchInput.fill('张');
      await page.waitForTimeout(2000);

      // 6. 截图: 浮窗出现
      await page.screenshot({ 
        path: 'tests/e2e/report/bug-765-popover-shown.png',
        fullPage: true 
      });

      // 7. 尝试点选患者
      const patientRow = page.locator('.el-popover .patient-item, .el-popover tr, .el-table__row, .el-select-dropdown__item').first();
      if (await patientRow.isVisible({ timeout: 3000 }).catch(() => false)) {
        await patientRow.click();
        await page.waitForTimeout(1000);

        // 8. 截图: 选中后浮窗应关闭
        await page.screenshot({ 
          path: 'tests/e2e/report/bug-765-after-select.png',
          fullPage: true 
        });
      }
    }

    // 9. 最终截图
    await page.screenshot({ 
      path: 'tests/e2e/report/bug-765-final.png',
      fullPage: true 
    });

    // 10. 无 JS 错误
    expect(jsErrors).toEqual([]);
  });
});