import { test, expect } from '@playwright/test';
import { LoginPage } from './pages/LoginPage';
import { TestStabilityHelper } from './helpers/TestStabilityHelper';
import { TestDataManager } from './helpers/TestDataManager';

test.describe('测试稳定性优化示例', () => {
  let loginPage: LoginPage;
  let stabilityHelper: TestStabilityHelper;
  let dataManager: TestDataManager;

  test.beforeEach(async ({ page }) => {
    loginPage = new LoginPage(page);
    stabilityHelper = new TestStabilityHelper(page);
    dataManager = new TestDataManager(page);
    
    await dataManager.setupTestData();
  });

  test.afterEach(async ({ page }) => {
    console.log('Test cleanup started');
    await dataManager.cleanup();
    console.log('Test cleanup completed');
  });

  test('STABILITY-001: 使用稳定性辅助工具进行登录', async ({ page }) => {
    await test.step('使用安全导航访问登录页', async () => {
      await stabilityHelper.safeNavigate('/login');
    });

    await test.step('使用安全填充输入用户名', async () => {
      await stabilityHelper.safeFill('[placeholder="请输入用户名"]', 'admin');
    });

    await test.step('使用安全填充输入密码', async () => {
      await stabilityHelper.safeFill('[placeholder="请输入密码"]', 'admin123');
    });

    await test.step('使用安全点击登录按钮', async () => {
      await stabilityHelper.safeClick('.el-button--primary');
    });

    await test.step('等待URL变化到dashboard', async () => {
      await stabilityHelper.waitForURL(/.*dashboard/);
    });

    await test.step('验证登录成功', async () => {
      await expect(page).toHaveURL(/.*dashboard/);
    });
  });

  test('STABILITY-002: 使用数据管理器生成测试数据', async ({ page }) => {
    const testUsername = dataManager.generateTestUsername();
    const testEmail = dataManager.generateTestEmail();
    const testConfigName = dataManager.generateTestConfigName();
    const testNotificationTitle = dataManager.generateTestNotificationTitle();

    console.log('Generated test data:', {
      username: testUsername,
      email: testEmail,
      configName: testConfigName,
      notificationTitle: testNotificationTitle,
    });

    await test.step('验证生成的数据唯一性', async () => {
      expect(testUsername).toContain('testuser_');
      expect(testEmail).toContain('@novalon-test.com');
      expect(testConfigName).toContain('testconfig_');
      expect(testNotificationTitle).toContain('testnotify_');
    });

    await test.step('验证数据管理器功能', async () => {
      dataManager.set('testKey', 'testValue');
      expect(dataManager.has('testKey')).toBe(true);
      expect(dataManager.get('testKey')).toBe('testValue');
    });
  });

  test('STABILITY-003: 使用网络空闲等待', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('导航到仪表板', async () => {
      await stabilityHelper.safeNavigate('/dashboard');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('验证页面加载完成', async () => {
      await expect(page).toHaveURL(/.*dashboard/);
    });
  });

  test('STABILITY-004: 使用元素可见性等待', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('等待表格元素可见', async () => {
      await stabilityHelper.waitForElementVisible('.el-table');
    });

    await test.step('验证表格可见', async () => {
      const table = page.locator('.el-table');
      await expect(table).toBeVisible();
    });
  });

  test('STABILITY-005: 使用安全点击和填充', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('安全点击搜索按钮', async () => {
      await stabilityHelper.safeClick('[placeholder="搜索"]');
    });

    await test.step('安全填充搜索内容', async () => {
      await stabilityHelper.safeFill('[placeholder="搜索"]', 'test');
    });
  });

  test('STABILITY-006: 使用加载完成等待', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('导航到需要加载的页面', async () => {
      await stabilityHelper.safeNavigate('/system/config');
      await stabilityHelper.waitForLoadingComplete();
    });

    await test.step('验证页面加载完成', async () => {
      await expect(page).toHaveURL(/.*system\/config/);
    });
  });

  test('STABILITY-007: 使用表格数据等待', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('导航到配置页面', async () => {
      await stabilityHelper.safeNavigate('/system/config');
    });

    await test.step('等待表格数据加载', async () => {
      await stabilityHelper.waitForTableData('.el-table', 1);
    });

    await test.step('验证表格有数据', async () => {
      const rows = page.locator('.el-table__row');
      const rowCount = await rows.count();
      expect(rowCount).toBeGreaterThan(0);
    });
  });

  test('STABILITY-008: 使用错误消息检测', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('检查是否有错误消息', async () => {
      const hasError = await stabilityHelper.hasErrorMessage();
      expect(hasError).toBe(false);
    });
  });

  test('STABILITY-009: 使用文本等待验证', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('等待特定文本出现', async () => {
      await stabilityHelper.waitForText('.el-table', '配置名称');
    });

    await test.step('验证文本存在', async () => {
      const table = page.locator('.el-table');
      await expect(table).toContainText('配置名称');
    });
  });

  test('STABILITY-010: 使用数据清理机制', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('注册清理回调', async () => {
      dataManager.registerCleanup(async () => {
        console.log('Custom cleanup callback executed');
      });
    });

    await test.step('验证数据管理器状态', async () => {
      const summary = dataManager.getTestSummary();
      expect(summary.cleanupCallbacksCount).toBeGreaterThan(0);
    });
  });

  test('STABILITY-011: 使用滚动到视图功能', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('导航到有滚动内容的页面', async () => {
      await stabilityHelper.safeNavigate('/system/config');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('滚动元素到视图', async () => {
      const table = page.locator('.el-table');
      await stabilityHelper.safeScrollIntoView('.el-table');
    });

    await test.step('验证表格可见', async () => {
      await expect(page.locator('.el-table')).toBeVisible();
    });
  });

  test('STABILITY-012: 使用悬停功能', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('安全悬停在元素上', async () => {
      await stabilityHelper.safeHover('.el-button');
    });
  });

  test('STABILITY-013: 使用元素不可见等待', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('等待加载元素消失', async () => {
      await stabilityHelper.waitForLoadingComplete();
      await stabilityHelper.waitForElementNotVisible('.el-loading-mask', 5000);
    });
  });

  test('STABILITY-014: 使用截图功能', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('截取页面截图', async () => {
      await stabilityHelper.takeScreenshot('dashboard_after_login');
    });
  });

  test('STABILITY-015: 使用存储清理功能', async ({ page }) => {
    await test.step('登录系统', async () => {
      await loginPage.goto();
      await loginPage.login('admin', 'admin123');
      await stabilityHelper.waitForNetworkIdle();
    });

    await test.step('清理本地存储', async () => {
      await stabilityHelper.clearLocalStorage();
      await stabilityHelper.clearSessionStorage();
    });

    await test.step('验证存储已清理', async () => {
      const localStorage = await page.evaluate(() => localStorage.length);
      const sessionStorage = await page.evaluate(() => sessionStorage.length);
      expect(localStorage).toBe(0);
      expect(sessionStorage).toBe(0);
    });
  });
});