/**
 * CNC管理后台 - 模拟采集模块 Playwright E2E测试
 *
 * 测试范围（IIS模式，真实后端，模拟器未启动）：
 * - 侧边栏导航：模拟采集菜单项可见可点击
 * - 总览页（/simulator）：断连状态UI——未连接提示、按钮禁用
 *
 * 运行方式：`npx playwright test e2e/simulator.spec.ts --project=chromium`
 * 前提：IIS站点已部署最新前后端代码，无需启动CncSimulator
 */
import { test, expect, type Page } from '@playwright/test'

// === 登录辅助函数 ===
// 使用完整URL避免baseURL(127.0.0.1)与IIS绑定(192.168.1.202)不匹配
const BASE = 'http://192.168.1.202/admin'

async function login(page: Page) {
  await page.goto(`${BASE}/login`)
  await page.waitForLoadState('networkidle')
  await page.waitForSelector('input', { timeout: 10000 })
  const inputs = page.locator('input')
  await inputs.nth(0).fill('admin')
  await inputs.nth(1).fill('admin123')
  await page.locator('button').last().click()
  await page.waitForURL(/\/(dashboard|admin\/?$)/, { timeout: 15000 })
}

// ============================================================
// 套件1：侧边栏导航
// ============================================================
test.describe('模拟采集侧边栏导航', () => {

  test.beforeEach(async ({ page }) => {
    await login(page)
  })

  test('侧边栏有"模拟采集"菜单项', async ({ page }) => {
    const menuItems = page.locator('.el-menu-item')
    const simulatorItem = menuItems.filter({ hasText: '模拟采集' })
    await expect(simulatorItem).toBeVisible()
  })

  test('点击"模拟采集"菜单跳转到总览页', async ({ page }) => {
    const menuItems = page.locator('.el-menu-item')
    const simulatorItem = menuItems.filter({ hasText: '模拟采集' })
    await simulatorItem.click()
    await page.waitForURL(/\/simulator$/, { timeout: 10000 })
    expect(page.url()).toContain('/simulator')
  })
})

// ============================================================
// 套件2：总览页——模拟器未连接状态
// ============================================================
test.describe('模拟采集总览页（模拟器未连接）', () => {

  test.beforeEach(async ({ page }) => {
    await login(page)
    // 通过侧边栏菜单导航到模拟采集页面
    const menuItems = page.locator('.el-menu-item')
    const simulatorItem = menuItems.filter({ hasText: '模拟采集' })
    await simulatorItem.click()
    await page.waitForURL(/\/simulator$/, { timeout: 10000 })
    // 等待ping API调用完成
    await page.waitForTimeout(2000)
  })

  test('页面显示"模拟器未连接"', async ({ page }) => {
    await expect(page.locator('text=模拟器未连接')).toBeVisible()
  })

  test('页面显示友好提示信息', async ({ page }) => {
    await expect(page.locator('text=模拟器未启动')).toBeVisible()
  })

  test('三个操作按钮正确禁用', async ({ page }) => {
    await expect(page.locator('button:has-text("全部启动")')).toBeDisabled()
    await expect(page.locator('button:has-text("全部停止")')).toBeDisabled()
    await expect(page.locator('button:has-text("刷新配置")')).toBeDisabled()
  })

  test('面包屑导航显示"首页 / 模拟采集"', async ({ page }) => {
    const breadcrumb = page.locator('.el-breadcrumb')
    await expect(breadcrumb).toBeVisible()
    await expect(breadcrumb.locator('text=首页')).toBeVisible()
    await expect(breadcrumb.locator('text=模拟采集')).toBeVisible()
  })

  test('页面无JavaScript异常（排除预期的网络错误）', async ({ page }) => {
    const errors: string[] = []
    page.on('console', (msg) => {
      if (msg.type() === 'error') errors.push(msg.text())
    })
    await page.reload({ waitUntil: 'networkidle' })
    await page.waitForTimeout(3000)
    // 过滤掉模拟器不可达的预期错误
    const realErrors = errors.filter(e =>
      !e.includes('simulator') &&
      !e.includes('50001') &&
      !e.includes('Network Error') &&
      !e.includes('ERR_CONNECTION_REFUSED') &&
      !e.includes('404')
    )
    expect(realErrors).toEqual([])
  })
})