/**
 * 资产管理E2E测试
 *
 * 测试内容:
 * - 资产列表查看
 * - 创建资产
 * - 编辑资产
 * - 删除资产
 * - 资产搜索
 * - 资产分配
 * - 批量导入
 * - 扫码查询
 */

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

test.describe('资产管理E2E测试', () => {
  // 在每个测试前登录
  test.beforeEach(async ({ page }) => {
    await page.goto('http://localhost:5173/login')
    await page.fill('input[name="username"]', 'admin')
    await page.fill('input[name="password"]', 'Admin123')
    await page.fill('input[name="captcha"]', '1234')
    await page.click('button[type="submit"]')
    await page.waitForURL('http://localhost:5173/')
  })

  test('应该显示资产列表', async ({ page }) => {
    // 导航到资产列表页
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 等待列表加载
    await expect(page.locator('.asset-list')).toBeVisible()
    await expect(page.locator('.el-table')).toBeVisible()

    // 验证统计数据
    await expect(page.locator('.asset-statistics')).toBeVisible()
  })

  test('应该搜索资产', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 输入搜索关键词
    await page.fill('input[placeholder="搜索资产编码/名称/型号"]', '联想')
    await page.click('button:has-text("搜索")')

    // 等待搜索结果
    await page.waitForTimeout(500)

    // 验证搜索结果
    const tableRows = await page.locator('.el-table__body-wrapper .el-table__row').count()
    expect(tableRows).toBeGreaterThan(0)
  })

  test('应该创建新资产', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 点击创建按钮
    await page.click('button:has-text("新增资产")')

    // 等待对话框打开
    await expect(page.locator('.el-dialog')).toBeVisible()

    // 填写表单
    await page.selectOption('select[name="deviceType"]', '1')
    await page.fill('input[name="assetName"]', '测试资产-E2E')
    await page.fill('input[name="model"]', '测试型号')
    await page.fill('input[name="serialNumber"]', 'SN-E2E-001')
    await page.selectOption('select[name="organization"]', '1')
    await page.fill('input[name="location"]', '测试位置')

    // 如果有动态字段
    await page.fill('input[name="cpu"]', 'Intel i5-10400')
    await page.selectOption('select[name="memory"]', '16')

    // 提交表单
    await page.click('button:has-text("确定")')

    // 等待成功提示
    await expect(page.locator('.el-message--success')).toBeVisible()
    await expect(page.locator('.el-message--success')).toContainText('创建成功')

    // 验证新资产出现在列表中
    await expect(page.locator('text=测试资产-E2E')).toBeVisible()
  })

  test('应该编辑资产', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 点击第一行的编辑按钮
    await page.click('.el-table__row:first-child .edit-button')

    // 等待编辑对话框
    await expect(page.locator('.el-dialog')).toBeVisible()

    // 修改资产名称
    await page.fill('input[name="assetName"]', '更新后的资产名称')

    // 提交修改
    await page.click('button:has-text("确定")')

    // 等待成功提示
    await expect(page.locator('.el-message--success')).toBeVisible()

    // 验证修改已生效
    await expect(page.locator('text=更新后的资产名称')).toBeVisible()
  })

  test('应该删除资产', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 获取初始行数
    const initialRows = await page.locator('.el-table__body-wrapper .el-table__row').count()

    // 点击第一行的删除按钮
    await page.click('.el-table__row:first-child .delete-button')

    // 确认删除
    await page.click('.el-message-box__btns button:has-text("确定")')

    // 等待成功提示
    await expect(page.locator('.el-message--success')).toBeVisible()

    // 验证行数减少
    const finalRows = await page.locator('.el-table__body-wrapper .el-table__row').count()
    expect(finalRows).toBe(initialRows - 1)
  })

  test('应该支持分页', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 等待列表加载
    await expect(page.locator('.el-table')).toBeVisible()

    // 点击下一页
    await page.click('.el-pagination .btn-next')

    // 等待加载
    await page.waitForTimeout(500)

    // 验证页码改变
    const currentPage = await page.locator('.el-pager .number.active').textContent()
    expect(parseInt(currentPage || '0')).toBeGreaterThan(1)
  })

  test('应该按状态筛选', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 选择状态筛选
    await page.click('.el-select:has-text="资产状态")')
    await page.click('text=使用中')

    // 等待筛选结果
    await page.waitForTimeout(500)

    // 验证筛选结果
    const statusCells = await page.locator('.el-table__body .el-table__cell:last-child').allTextContents()
    statusCells.forEach(status => {
      expect(status).toContain('使用中')
    })
  })

  test('应该按设备类型筛选', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 选择设备类型筛选
    await page.click('.el-select:has-text="设备类型")')
    await page.click('text=计算机')

    // 等待筛选结果
    await page.waitForTimeout(500)

    // 验证筛选标签已显示
    await expect(page.locator('.filter-tag:has-text("计算机")')).toBeVisible()
  })

  test('应该查看资产详情', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 点击第一行查看详情
    await page.click('.el-table__row:first-child .detail-button')

    // 等待详情对话框
    await expect(page.locator('.el-dialog')).toBeVisible()

    // 验证详情信息
    await expect(page.locator('.asset-detail')).toBeVisible()
    await expect(page.locator('.asset-detail .asset-code')).toBeVisible()
    await expect(page.locator('.asset-detail .status-history')).toBeVisible()
  })

  test('应该批量导入资产', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 点击批量导入按钮
    await page.click('button:has-text("批量导入")')

    // 等待上传对话框
    await expect(page.locator('.el-dialog')).toBeVisible()

    // 选择文件
    const fileInput = page.locator('input[type="file"]')
    await fileInput.setInputFiles('tests/fixtures/test_assets.xlsx')

    // 点击上传
    await page.click('button:has-text("确定")')

    // 等待上传完成
    await page.waitForTimeout(2000)

    // 验证成功提示
    await expect(page.locator('.el-message--success')).toBeVisible()
  })

  test('应该导出资产', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 设置下载处理
    const downloadPromise = page.waitForEvent('download')

    // 点击导出按钮
    await page.click('button:has-text("导出")')

    // 等待下载开始
    const download = await downloadPromise

    // 验证下载文件
    expect(download.suggestedFilename()).toMatch(/资产.*\.xlsx/)
  })

  test('应该刷新列表', async ({ page }) => {
    await page.click('text=资产管理')
    await page.click('text=资产列表')

    // 等待列表加载
    await expect(page.locator('.el-table')).toBeVisible()

    // 点击刷新按钮
    await page.click('button:has-text("刷新")')

    // 验证loading状态
    await expect(page.locator('.loading')).toBeVisible()

    // 等待刷新完成
    await page.waitForSelector('.loading', { state: 'hidden' })
  })
})

test.describe('资产分配流程测试', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('http://localhost:5173/login')
    await page.fill('input[name="username"]', 'admin')
    await page.fill('input[name="password"]', 'Admin123')
    await page.fill('input[name="captcha"]', '1234')
    await page.click('button[type="submit"]')
    await page.waitForURL('http://localhost:5173/')
  })

  test('应该创建资产分配单', async ({ page }) => {
    await page.click('text=资产分配')
    await page.click('text=分配列表')

    // 点击创建分配单
    await page.click('button:has-text("新建分配单")')

    // 等待对话框
    await expect(page.locator('.el-dialog')).toBeVisible()

    // 选择目标网点
    await page.click('select[name="targetOrganization"]')
    await page.click('text=天河网点')

    // 选择要分配的资产
    await page.click('.asset-selector button:has-text("选择资产")')

    // 勾选资产
    await page.check('.asset-list .el-checkbox:first-child')

    // 确认选择
    await page.click('button:has-text("确定")')

    // 填写备注
    await page.fill('textarea[name="remark"]', '业务需要分配')

    // 提交分配单
    await page.click('button:has-text("提交")')

    // 验证成功
    await expect(page.locator('.el-message--success')).toBeVisible()
  })

  test('应该审批分配单', async ({ page }) => {
    await page.click('text=资产分配')
    await page.click('text=待审批')

    // 点击第一条记录的审批按钮
    await page.click('.allocation-item:first-child .approve-button')

    // 等待审批对话框
    await expect(page.locator('.el-dialog')).toBeVisible()

    // 选择审批结果
    await page.click('input[value="approved"]')

    // 填写审批意见
    await page.fill('textarea[name="approvalRemark"]', '同意分配')

    // 提交审批
    await page.click('button:has-text("确定")')

    // 验证成功
    await expect(page.locator('.el-message--success')).toBeVisible()
  })
})

test.describe('扫码查询测试', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('http://localhost:5173/login')
    await page.fill('input[name="username"]', 'admin')
    await page.fill('input[name="password"]', 'Admin123')
    await page.fill('input[name="captcha"]', '1234')
    await page.click('button[type="submit"]')
    await page.waitForURL('http://localhost:5173/')
  })

  test('应该扫码查询资产', async ({ page }) => {
    // 导航到扫码页面
    await page.click('text=扫码查询')

    // 等待摄像头权限请求
    // 在测试环境中我们模拟扫码

    // 手动输入资产编码模拟扫码结果
    await page.click('button:has-text("手动输入")')
    await page.fill('input[name="assetCode"]', 'ASSET-20250124-0001')
    await page.click('button:has-text("查询")')

    // 验证资产详情显示
    await expect(page.locator('.asset-detail')).toBeVisible()
    await expect(page.locator('text=ASSET-20250124-0001')).toBeVisible()
  })

  test('应该处理不存在的资产编码', async ({ page }) => {
    await page.click('text=扫码查询')
    await page.click('button:has-text("手动输入")')
    await page.fill('input[name="assetCode"]', 'INVALID-CODE')
    await page.click('button:has-text("查询")')

    // 验证错误提示
    await expect(page.locator('.el-message--error')).toBeVisible()
    await expect(page.locator('.el-message--error')).toContainText('资产不存在')
  })
})
