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

// module 13 task 249：壳层换皮真实验收 —— 蓝白浅色变量生效、角色胶囊/次级退出、
// 代表页跳转无 pageerror。断言用 CSS 变量与 DOM 结构，避免仅截图无断言。

async function openAdmin(page: Page) {
  await page.goto('/admin-vue/')
  await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
}

test('test_task_249_shell_light_normal_primary_path', async ({ page }) => {
  await openAdmin(page)
  const vars = await page.evaluate(() => {
    const s = getComputedStyle(document.documentElement)
    return {
      sidebar: s.getPropertyValue('--admin-sidebar').trim(),
      primary: s.getPropertyValue('--admin-primary').trim(),
    }
  })
  expect(vars.sidebar).toBe('#f8fbfe')
  expect(vars.primary).toBe('#4f78a5')
  await expect(page.locator('.admin-user-role')).toHaveText('超级管理员')
})

test('test_task_249_shell_light_normal_variant_input', async ({ page }) => {
  await openAdmin(page)
  await expect(page.locator('.admin-user-logout')).toBeVisible()
  await expect(page.locator('.admin-kicker')).toHaveText('运营管理控制台')
})

test('test_task_249_shell_light_boundary_empty_input', async ({ page }) => {
  // 未知路由仍进 404，不因换皮破坏。
  await page.goto('/admin-vue/definitely/not/exists')
  await expect(page.locator('.not-found')).toContainText('404')
})

test('test_task_249_shell_light_invalid_input_rejected', async ({ page }) => {
  // 代表页跳转整段无未捕获脚本错误。
  const errors: string[] = []
  page.on('pageerror', (error) => errors.push(error.message))
  await openAdmin(page)
  await page.goto('/admin-vue/account/menus')
  await expect(page.locator('.admin-topbar h1')).toHaveText('菜单管理')
  await page.goto('/admin-vue/account/groups')
  await expect(page.locator('.admin-topbar h1')).toHaveText('数据权限分组')
  expect(errors).toEqual([])
})