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

test('first-run wizard tests MySQL, creates the administrator and stays responsive', async ({ page }) => {
  let completed = false;
  await page.route('**/api/v1/setup/**', async (route) => {
    const request = route.request();
    const pathname = new URL(request.url()).pathname;
    if (pathname === '/api/v1/setup/status') {
      await route.fulfill({
        json: {
          data: {
            required: !completed,
            locked: completed,
            supportedDatabaseTypes: ['MYSQL'],
            message: completed ? '系统已完成安装' : '请完成安装',
          },
        },
      });
      return;
    }
    const body = request.postDataJSON() as Record<string, unknown>;
    expect(body.databaseType).toBe('MYSQL');
    expect(body.database).toBe('kaidi_finance');
    expect(body.setupCode).toBe('fixture-setup-code');
    if (pathname.endsWith('/test-connection')) {
      await route.fulfill({
        json: {
          data: {
            successful: true,
            databaseType: 'MYSQL',
            serverVersion: '8.4.6',
            schemaReady: true,
            message: 'MySQL 8.4 连接和 DDL/DML 权限验证通过',
          },
        },
      });
      return;
    }
    expect(body.adminUsername).toBe('admin');
    expect(body.adminDisplayName).toBe('系统管理员');
    completed = true;
    await route.fulfill({
      json: {
        data: {
          completed: true,
          username: 'admin',
          message: '安装完成，系统正在切换到正式模式',
          restartAfterSeconds: 10,
        },
      },
    });
  });

  await page.setViewportSize({ width: 390, height: 844 });
  await page.goto('/setup');
  await expect(page.getByRole('heading', { name: '安装向导', exact: true })).toBeVisible();

  await page.getByLabel('数据库密码').fill('fixture-db-password');
  await page.getByLabel('安装码').fill('fixture-setup-code');
  await page.getByRole('button', { name: '测试连接' }).click();
  await expect(page.getByText('MySQL 8.4 连接和 DDL/DML 权限验证通过')).toBeVisible();
  await page.getByRole('button', { name: '下一步' }).click();

  await page.getByLabel('管理员密码').fill('SetupAdmin@2026Strong');
  await page.getByLabel('确认密码').fill('SetupAdmin@2026Strong');
  await page.getByRole('button', { name: '完成安装' }).click();
  await page.getByRole('button', { name: '确定', exact: true }).click();
  await expect(page.getByText('安装完成', { exact: true })).toBeVisible();
  await expect(page.getByText('安装完成，系统正在切换到正式模式')).toBeVisible();

  const layout = await page.evaluate(() => ({
    clientWidth: document.documentElement.clientWidth,
    scrollWidth: document.documentElement.scrollWidth,
  }));
  expect(layout.scrollWidth).toBeLessThanOrEqual(layout.clientWidth);
});