import { TIMEOUTS } from '../../utils/timeouts';
import { test, expect } from '../../utils/test-setup';

/**
 * 跨端数据同步稳定性验证 E2E 测试
 *
 * Story 13.5: 跨端数据同步稳定性验证
 *
 * 简化的稳定性测试，专注于验证：
 * - 后台页面访问稳定性
 * - 小程序页面访问稳定性
 * - 并发操作稳定性
 * - 错误恢复能力
 */

// ============================================================
// AC1: 后台页面访问稳定性验证
// ============================================================

test.describe.serial('AC1: 后台页面访问稳定性', () => {
  test('应该能够稳定访问后台登录页面', async ({ page }) => {
    const startTime = Date.now();

    await page.goto('/admin/login');
    await page.waitForLoadState('domcontentloaded', { timeout: TIMEOUTS.PAGE_LOAD });

    const endTime = Date.now();
    const loadTime = endTime - startTime;

    console.debug(`[稳定性测试] 后台登录页面加载完成，耗时: ${loadTime}ms`);

    // 验证页面加载时间在合理范围内
    expect(loadTime).toBeLessThan(30000);

    // 验证页面标题或关键元素可见（使用更宽松的验证）
    const pageContent = await page.textContent('body');
    expect(pageContent).toBeDefined();
    console.debug('[稳定性测试] 后台登录页面验证完成');
  });
});

// ============================================================
// AC2: 小程序页面访问稳定性验证
// ============================================================

test.describe.serial('AC2: 小程序页面访问稳定性', () => {
  test('应该能够稳定访问企业小程序登录页面', async ({ page }) => {
    const startTime = Date.now();

    await page.goto('/mini');
    await page.waitForLoadState('domcontentloaded', { timeout: TIMEOUTS.PAGE_LOAD });

    const endTime = Date.now();
    const loadTime = endTime - startTime;

    console.debug(`[稳定性测试] 企业小程序登录页面加载完成，耗时: ${loadTime}ms`);

    // 验证页面加载时间在合理范围内
    expect(loadTime).toBeLessThan(30000);

    // 等待小程序页面容器出现
    await page.waitForTimeout(TIMEOUTS.SHORT);

    console.debug('[稳定性测试] 小程序页面验证完成');
  });
});

// ============================================================
// AC3: 并发操作稳定性验证
// ============================================================

test.describe.parallel('AC3: 并发页面访问验证', () => {
  test('并发测试 1: 独立页面访问', async ({ page }) => {
    const timestamp = Date.now();
    await page.goto('/admin/login');
    await page.waitForLoadState('domcontentloaded', { timeout: TIMEOUTS.PAGE_LOAD });
    console.debug(`[并发测试1] 页面访问成功，时间戳: ${timestamp}`);
  });

  test('并发测试 2: 独立页面访问', async ({ page }) => {
    const timestamp = Date.now();
    await page.goto('/mini');
    await page.waitForLoadState('domcontentloaded', { timeout: TIMEOUTS.PAGE_LOAD });
    console.debug(`[并发测试2] 页面访问成功，时间戳: ${timestamp}`);
  });
});

// ============================================================
// AC4: 错误恢复验证
// ============================================================

test.describe.serial('AC4: 错误恢复验证', () => {
  test('应该能够处理页面加载延迟', async ({ page }) => {
    const startTime = Date.now();

    await page.goto('/admin/orders');
    await page.waitForLoadState('domcontentloaded', { timeout: TIMEOUTS.PAGE_LOAD_LONG });

    const endTime = Date.now();
    const loadTime = endTime - startTime;

    console.debug(`[错误恢复] 页面加载完成，耗时: ${loadTime}ms`);

    // 即使加载较慢，页面应该最终能够加载
    expect(loadTime).toBeLessThan(60000); // 60 秒最大容差
  });
});