ute2e/tests/zentao-system-ui-regression.spec.ts

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

import { captureScreenshot, expect, test } from './fixtures'

const json = (route: Route, data: unknown) => route.fulfill({
  status: 200,
  contentType: 'application/json',
  body: JSON.stringify({ code: 0, message: '成功', data, timestamp: Date.now(), requestId: 'zentao-system-ui-regression' }),
})

const roles = [
  {
    id: '10', code: 'teacher', name: '教员', shortName: '教', description: '教员业务角色', enabled: true,
    builtIn: true, isSuperAdmin: false, dataScopeCode: 'SYSTEM', linkedUserCount: 3, permissionCount: 4,
    sortOrder: 10, version: 1,
  },
  {
    id: '1', code: 'admin', name: '管理员', shortName: '管', description: '系统管理员', enabled: true,
    builtIn: true, isSuperAdmin: true, dataScopeCode: 'ALL', linkedUserCount: 1, permissionCount: 40,
    sortOrder: 20, version: 1,
  },
]

const departments = [{
  id: '100', code: 'ORG-100', name: '某类装备维修实训数字车间', parentId: null, enabled: true,
  builtIn: true, isRoot: true, sortOrder: 10, directUserCount: 1, directChildCount: 1,
  descendantCount: 1, version: 1, updatedAt: '2026-08-16T10:00:00+08:00',
  children: [{
    id: '110', code: 'ORG-110', name: '维修教研室', parentId: '100', enabled: true,
    builtIn: false, isRoot: false, sortOrder: 10, directUserCount: 3, directChildCount: 0,
    descendantCount: 0, version: 1, updatedAt: '2026-08-16T10:00:00+08:00', children: [],
  }],
}]

const permissionSections = Array.from({ length: 6 }, (_, sectionIndex) => ({
  id: `section-${sectionIndex}`,
  label: `权限分组 ${sectionIndex + 1}`,
  items: Array.from({ length: 8 }, (_, itemIndex) => ({
    code: `mock.section${sectionIndex}.action${itemIndex}`,
    label: `业务权限 ${sectionIndex + 1}-${itemIndex + 1}`,
    description: '用于验证长权限目录中的底部操作栏',
    type: 'ACTION',
  })),
}))

async function mockSystemApi(page: Page) {
  await page.route(/\/api\/(?:auth|tran)\//, async (route) => {
    const path = new URL(route.request().url()).pathname
    if (path.endsWith('/auth/me')) return json(route, {
      userId: '1', username: 'admin', displayName: '系统管理员', departmentId: '100', departmentName: '数字车间',
      activeRoleId: '1', roles: [roles[1]], authorizationMode: 'SINGLE_ACTIVE', mustChangePassword: false,
      permissions: ['system.departments', 'system.departments.update', 'system.roles', 'system.permissions', 'system.permissions.update'],
    })
    if (path.endsWith('/departments/tree')) return json(route, departments)
    if (path.endsWith('/departments')) {
      const keyword = new URL(route.request().url()).searchParams.get('keyword')?.trim() ?? ''
      const records = keyword ? [] : [departments[0], departments[0].children[0]]
      return json(route, { records, total: records.length, page: 1, size: 10 })
    }
    if (path.endsWith('/departments/stats')) return json(route, { total: 2, enabled: 2, maxDepth: 2, assignedUsers: 4 })
    if (path.endsWith('/roles/all')) return json(route, roles)
    if (path.endsWith('/roles/stats')) return json(route, { total: 2, enabled: 2, builtIn: 2, assignedUsers: 4 })
    if (path.endsWith('/users')) return json(route, { records: [{ id: '20', username: 'teacher', displayName: '周教员', departmentId: '110', departmentName: '维修教研室', roleIds: ['10'], enabled: true }], total: 1, page: 1, size: 10 })
    if (path.endsWith('/permissions/catalog')) return json(route, { sections: permissionSections })
    if (/\/permissions\/roles\/\d+$/.test(path)) return json(route, { permissionCodes: [], version: 1 })
    if (path.endsWith('/menus/navigation')) return json(route, [])
    if (path.endsWith('/system-config/public')) return json(route, { systemName: '某类装备维修实训数字车间' })
    if (path.endsWith('/auth/ping')) return json(route, { service: 'ut-auth', status: 'UP' })
    if (path.endsWith('/tran/ping')) return json(route, { service: 'ut-tran', status: 'UP' })
    return json(route, {})
  })
  await page.addInitScript(() => {
    window.sessionStorage.setItem('unreal-tran:web:access-token:v1', 'zentao-system-ui-regression-token')
  })
}

test('Bug 850：无匹配部门时只保留工具栏重置入口', async ({ page }, testInfo) => {
  await mockSystemApi(page)
  await page.goto('/system/departments')

  await page.getByPlaceholder('请输入部门、编码或负责人').fill('绝对不存在的部门')
  await page.getByRole('button', { name: '搜索', exact: true }).click()

  const empty = page.locator('.department-table-body .el-empty')
  await expect(empty).toBeVisible()
  await expect(empty).toContainText('没有符合当前筛选条件的部门')
  await expect(empty.getByRole('button', { name: '清除筛选' })).toHaveCount(0)
  await expect(page.locator('.department-toolbar').getByRole('button', { name: '重置', exact: true })).toBeVisible()
  await captureScreenshot(page, testInfo, 'bug-850-empty-without-duplicate-reset')
})

test('角色配置权限改为固定头尾的授权抽屉', async ({ page }, testInfo) => {
  await mockSystemApi(page)
  await page.setViewportSize({ width: 1440, height: 760 })
  await page.goto('/system/roles')
  await page.locator('.roles-table .el-table__row').filter({ hasText: '教员' }).getByRole('button', { name: '配置权限' }).click()

  const drawer = page.locator('.role-permission-drawer')
  const body = drawer.locator('.el-drawer__body')
  const footer = drawer.locator('.el-drawer__footer')
  await expect(drawer).toBeVisible()
  await expect(drawer.locator('.role-permission-node.is-section')).toHaveCount(permissionSections.length)
  await expect(footer).toBeVisible()

  const scroll = drawer.locator('.role-permission-tree-scroll')
  await scroll.evaluate((element) => { element.scrollTop = element.scrollHeight })
  await expect.poll(() => scroll.evaluate((element) => element.scrollTop)).toBeGreaterThan(100)

  const [drawerBox, footerBox] = await Promise.all([
    drawer.boundingBox(),
    footer.boundingBox(),
  ])
  expect(drawerBox).not.toBeNull()
  expect(footerBox).not.toBeNull()
  expect(Math.abs((drawerBox!.y + drawerBox!.height) - (footerBox!.y + footerBox!.height))).toBeLessThanOrEqual(2)
  await captureScreenshot(page, testInfo, 'role-permission-drawer-fixed-actions')
  await page.locator('.el-overlay.is-drawer').filter({ has: drawer }).click({ position: { x: 12, y: 12 } })
  await expect(drawer).toBeHidden()
})

test('编辑部门使用统一选人组件', async ({ page }, testInfo) => {
  await mockSystemApi(page)
  await page.setViewportSize({ width: 1440, height: 800 })
  await page.goto('/system/departments')
  const row = page.locator('.department-table .el-table__row').filter({ hasText: '维修教研室' })
  await row.getByRole('button', { name: '编辑' }).click()
  const editor = page.locator('.el-dialog:visible').filter({ hasText: '编辑部门' })
  await expect(editor).toBeVisible()
  await editor.getByRole('button', { name: '选择用户' }).click()
  const picker = page.locator('.el-dialog:visible').filter({ hasText: '选择部门负责人' })
  await expect(picker).toBeVisible()
  await expect(picker.getByRole('button', { name: '搜索', exact: true })).toBeVisible()
  await expect(picker.getByRole('button', { name: '重置筛选', exact: true })).toBeVisible()
  expect((await picker.boundingBox())!.width).toBeGreaterThan(1000)
  await picker.getByRole('button', { name: '选择', exact: true }).click()
  await picker.getByRole('button', { name: '确认选择' }).click()
  await expect(editor).toContainText('周教员')
  await captureScreenshot(page, testInfo, 'department-editor-user-picker')
})