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

async function gotoRoute(page: Page, path: string) {
  await page.goto(path)
}

test('test_task_019_first_batch_mount_normal_primary_path', async ({ page }) => {
  await gotoRoute(page, '/admin-vue/account/users')
  await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
  await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
})

test('test_task_019_first_batch_mount_normal_variant_input', async ({ page }) => {
  await gotoRoute(page, '/admin-vue/account/menus')
  await expect(page.locator('.admin-topbar h1')).toHaveText('菜单管理')
  await expect(page.locator('.admin-topbar h1')).toHaveText('菜单管理')
})

test('test_task_019_first_batch_mount_normal_repeated_operation_is_idempotent', async ({ page }) => {
  await gotoRoute(page, '/admin-vue/account/groups')
  await expect(page.locator('.admin-topbar h1')).toHaveText('数据权限分组')
  await gotoRoute(page, '/admin-vue/account/users')
  await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
  await gotoRoute(page, '/admin-vue/account/groups')
  await expect(page.locator('.admin-topbar h1')).toHaveText('数据权限分组')
})

test('test_task_019_first_batch_mount_boundary_empty_input', async ({ page }) => {
  // 根路由跳转到首个可见页面（用户管理）。
  await gotoRoute(page, '/admin-vue/')
  await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
  await expect(page).toHaveURL(/\/account\/users$/)
})

test('test_task_019_first_batch_mount_boundary_single_item', async ({ page }) => {
  await gotoRoute(page, '/admin-vue/account/menus')
  await expect(page.locator('.admin-topbar h1')).toHaveText('菜单管理')
  const active = page.locator('.el-menu-item.is-active')
  await expect(active).toHaveText('菜单管理')
})

test('test_task_019_first_batch_mount_boundary_limit_or_missing_field', async ({ page }) => {
  // 三个页面均可从侧边栏导航切换（挂载于同一壳层实例）。
  await gotoRoute(page, '/admin-vue/account/users')
  await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
  await page.getByText('菜单管理', { exact: true }).first().click()
  await expect(page.locator('.admin-topbar h1')).toHaveText('菜单管理')
  await page.getByText('数据权限分组', { exact: true }).first().click()
  await expect(page.locator('.admin-topbar h1')).toHaveText('数据权限分组')
})

test('test_task_019_first_batch_mount_invalid_input_rejected', async ({ page }) => {
  await gotoRoute(page, '/admin-vue/no-such-page')
  await expect(page.locator('.not-found')).toBeVisible()
  await expect(page.locator('.admin-topbar h1')).toHaveText('页面不存在')
})

test('test_task_019_first_batch_mount_dependency_failure_returns_actionable_message', async ({ page }) => {
  // 分组内页面展示 分组->页面 两级面包屑。
  await gotoRoute(page, '/admin-vue/account/users')
  await expect(page.locator('.admin-breadcrumb')).toBeVisible()
  await expect(page.locator('.admin-breadcrumb')).toContainText('账号权限')
  await expect(page.locator('.admin-breadcrumb')).toContainText('用户管理')
})