leiyun
/
ute2e
1
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
13 Комити
1 Грана
543 MiB
 
 
 
 
Дрво: 0ea7476cfd
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from '0ea7476cfd'
${ noResults }
ute2e/tests/system-config.spec.ts

531 lines
24 KiB
Датотека Blame Историја 

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

  2. 

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

  4. 

  5. const DEFAULT_SYSTEM_NAME = '某类装备维修实训数字车间'

  6. const PNG_BYTES = Buffer.from(

  7.   'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=',

  8.   'base64',

  9. )

  10. 

  11. type BrandAsset = 'logo' | 'favicon'

  12. 

  13. interface ConfigurationState {

  14.   systemName: string

  15.   systemNameConfigured: boolean

  16.   systemNameDataVersion: number

  17.   defaultTheme: 'military' | 'technology' | 'graphite' | 'dark'

  18.   defaultThemeConfigured: boolean

  19.   defaultThemeDataVersion: number

  20.   digitalHumanWidgetConfigured: boolean

  21.   digitalHumanWidget: {

  22.     baseUrl: string

  23.     agentSlug: string

  24.     position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'

  25.     label: string

  26.   } | null

  27.   digitalHumanWidgetDataVersion: number

  28.   logoConfigured: boolean

  29.   logoUrl: string | null

  30.   logoMediaType: string | null

  31.   logoOriginalName: string | null

  32.   logoSize: number | null

  33.   logoSha256: string | null

  34.   logoDataVersion: number

  35.   faviconConfigured: boolean

  36.   faviconUrl: string | null

  37.   faviconMediaType: string | null

  38.   faviconOriginalName: string | null

  39.   faviconSize: number | null

  40.   faviconSha256: string | null

  41.   faviconDataVersion: number

  42. }

  43. 

  44. const initialConfiguration = (): ConfigurationState => ({

  45.   systemName: DEFAULT_SYSTEM_NAME,

  46.   systemNameConfigured: false,

  47.   systemNameDataVersion: 0,

  48.   defaultTheme: 'military',

  49.   defaultThemeConfigured: true,

  50.   defaultThemeDataVersion: 1,

  51.   digitalHumanWidgetConfigured: false,

  52.   digitalHumanWidget: null,

  53.   digitalHumanWidgetDataVersion: 0,

  54.   logoConfigured: false,

  55.   logoUrl: null,

  56.   logoMediaType: null,

  57.   logoOriginalName: null,

  58.   logoSize: null,

  59.   logoSha256: null,

  60.   logoDataVersion: 0,

  61.   faviconConfigured: false,

  62.   faviconUrl: null,

  63.   faviconMediaType: null,

  64.   faviconOriginalName: null,

  65.   faviconSize: null,

  66.   faviconSha256: null,

  67.   faviconDataVersion: 0,

  68. })

  69. 

  70. const profile = (canUpdate: boolean) => ({

  71.   user: {

  72.     id: '1',

  73.     username: 'admin',

  74.     displayName: '系统管理员',

  75.     departmentId: '10',

  76.     departmentName: '信息中心',

  77.     mustChangePassword: false,

  78.     version: 1,

  79.   },

  80.   activeRoleId: '100',

  81.   activeRole: { id: '100', code: 'admin', name: '管理员' },

  82.   roles: [{

  83.     id: '100', code: 'admin', name: '管理员', shortName: '管', status: 1,

  84.     builtIn: 1, isSuperAdmin: 1, dataScopeCode: 'ALL',

  85.   }],

  86.   permissions: ['system.config', ...(canUpdate ? ['system.config.update'] : [])],

  87.   authorizationMode: 'SINGLE_ACTIVE',

  88.   loginTime: 1786387200,

  89. })

  90. 

  91. const loginContext = {

  92.   defaultRoleCode: 'admin',

  93.   roles: [{ code: 'admin', label: '管理员', accountLabel: '登录账号', organizationMode: 'NONE', organizationLabels: [] }],

  94.   departments: [],

  95. }

  96. 

  97. const envelope = (data: unknown, message = '成功', code: number | string = 200) => JSON.stringify({

  98.   code,

  99.   message,

  100.   data,

  101.   timestamp: '2026-08-11T12:00:00+08:00',

  102.   requestId: 'ute2e-system-config',

  103. })

  104. 

  105. const fulfillJson = (route: Route, data: unknown, status = 200, message = '成功', code: number | string = status) => route.fulfill({

  106.   status,

  107.   contentType: 'application/json',

  108.   body: envelope(data, message, code),

  109. })

  110. 

  111. class SystemConfigurationMock {

  112.   readonly state = initialConfiguration()

  113.   readonly mutations: string[] = []

  114.   readonly canUpdate: boolean

  115.   conflictNextNameSave = false

  116.   managementReadCount = 0

  117. 

  118.   constructor(canUpdate = true) {

  119.     this.canUpdate = canUpdate

  120.   }

  121. 

  122.   async install(page: Page, authenticated = true) {

  123.     if (authenticated) {

  124.       await page.addInitScript(() => {

  125.         sessionStorage.setItem('unreal-tran:web:access-token:v1', 'ute2e-system-config-token')

  126.       })

  127.     }

  128.     await page.route('**/api/auth/v1/**', (route) => this.handle(route))

  129.     await page.route('https://human.example.test/**', (route) => route.fulfill({

  130.       status: 200,

  131.       headers: { 'Content-Type': 'text/html; charset=utf-8' },

  132.       body: `<!doctype html><html><body style="margin:0;background:transparent">

  133.         <button style="width:188px;height:56px">问数字教员</button>

  134.         <script>

  135.           addEventListener('message', function (event) {

  136.             var data = event.data || {};

  137.             if (data.source !== 'virtual-instructor-widget-host' || data.type !== 'theme') return;

  138.             document.body.dataset.hostTheme = data.theme && data.theme.scheme;

  139.             document.body.dataset.hostAccent = data.theme && data.theme.accent;

  140.           });

  141.           parent.postMessage({source:'virtual-instructor-widget',type:'ready',protocolVersion:2,capabilities:['resize','drag','theme']}, '*');

  142.           parent.postMessage({source:'virtual-instructor-widget',type:'resize',width:208,height:92}, '*');

  143.         </script>

  144.       </body></html>`,

  145.     }))

  146.   }

  147. 

  148.   private publicState() {

  149.     return {

  150.       systemName: this.state.systemName,

  151.       defaultTheme: this.state.defaultTheme,

  152.       digitalHumanWidget: this.state.digitalHumanWidget,

  153.       logoConfigured: this.state.logoConfigured,

  154.       logoUrl: this.state.logoUrl,

  155.       logoMediaType: this.state.logoMediaType,

  156.       faviconConfigured: this.state.faviconConfigured,

  157.       faviconUrl: this.state.faviconUrl,

  158.       faviconMediaType: this.state.faviconMediaType,

  159.     }

  160.   }

  161. 

  162.   private configureAsset(asset: BrandAsset) {

  163.     const nextVersion = this.state[`${asset}DataVersion`] + 1

  164.     this.state[`${asset}Configured`] = true

  165.     this.state[`${asset}Url`] = `/api/auth/v1/system-config/assets/${asset}?v=${nextVersion}`

  166.     this.state[`${asset}MediaType`] = 'image/png'

  167.     this.state[`${asset}OriginalName`] = asset === 'logo' ? 'brand-logo.png' : 'site-icon.png'

  168.     this.state[`${asset}Size`] = PNG_BYTES.length

  169.     this.state[`${asset}Sha256`] = `mock-${asset}-sha256`

  170.     this.state[`${asset}DataVersion`] = nextVersion

  171.   }

  172. 

  173.   private removeAsset(asset: BrandAsset) {

  174.     this.state[`${asset}Configured`] = false

  175.     this.state[`${asset}Url`] = null

  176.     this.state[`${asset}MediaType`] = null

  177.     this.state[`${asset}OriginalName`] = null

  178.     this.state[`${asset}Size`] = null

  179.     this.state[`${asset}Sha256`] = null

  180.     this.state[`${asset}DataVersion`] += 1

  181.   }

  182. 

  183.   private async handle(route: Route) {

  184.     const request = route.request()

  185.     const url = new URL(request.url())

  186.     const path = url.pathname

  187.     const method = request.method()

  188. 

  189.     if (method === 'GET' && path === '/api/auth/v1/system-config/public') {

  190.       return fulfillJson(route, this.publicState())

  191.     }

  192.     if (method === 'GET' && path === '/api/auth/v1/auth/login-context') {

  193.       return fulfillJson(route, loginContext)

  194.     }

  195.     if (method === 'GET' && path === '/api/auth/v1/auth/me') {

  196.       return fulfillJson(route, profile(this.canUpdate))

  197.     }

  198.     if (method === 'GET' && path === '/api/auth/v1/menus/navigation') {

  199.       return fulfillJson(route, [])

  200.     }

  201.     if (method === 'GET' && path === '/api/auth/v1/system-config') {

  202.       this.managementReadCount += 1

  203.       return fulfillJson(route, this.state)

  204.     }

  205.     if (method === 'PUT' && path === '/api/auth/v1/system-config/name') {

  206.       this.mutations.push('name')

  207.       if (this.conflictNextNameSave) {

  208.         this.conflictNextNameSave = false

  209.         this.state.systemName = '其他管理员刚保存的名称'

  210.         this.state.systemNameConfigured = true

  211.         this.state.systemNameDataVersion += 1

  212.         return fulfillJson(route, null, 409, '系统名称版本冲突', 'CONFIG_VERSION_CONFLICT')

  213.       }

  214.       const body = request.postDataJSON() as { systemName?: string }

  215.       const nextName = String(body.systemName ?? '').trim()

  216.       this.state.systemName = nextName || DEFAULT_SYSTEM_NAME

  217.       this.state.systemNameConfigured = Boolean(nextName)

  218.       this.state.systemNameDataVersion += 1

  219.       return fulfillJson(route, this.state)

  220.     }

  221.     if (method === 'PUT' && path === '/api/auth/v1/system-config/default-theme') {

  222.       this.mutations.push('default-theme')

  223.       const body = request.postDataJSON() as { defaultTheme?: ConfigurationState['defaultTheme'] }

  224.       this.state.defaultTheme = body.defaultTheme ?? 'military'

  225.       this.state.defaultThemeConfigured = true

  226.       this.state.defaultThemeDataVersion += 1

  227.       return fulfillJson(route, this.state)

  228.     }

  229.     if (method === 'POST' && path === '/api/auth/v1/system-config/digital-human-widget/parse') {

  230.       const body = request.postDataJSON() as { embedCode?: string }

  231.       const code = String(body.embedCode ?? '')

  232.       if (!code.includes('/embed/') || !code.includes('virtual-instructor-widget')) {

  233.         return fulfillJson(route, null, 400, '不是数字人系统生成的有效悬浮图标代码', 'VALIDATION_FAILED')

  234.       }

  235.       return fulfillJson(route, {

  236.         baseUrl: 'https://human.example.test',

  237.         agentSlug: 'dh-global-demo',

  238.         position: 'bottom-right',

  239.         label: '问数字教员',

  240.       })

  241.     }

  242.     if (method === 'PUT' && path === '/api/auth/v1/system-config/digital-human-widget') {

  243.       this.mutations.push('digital-human-widget')

  244.       this.state.digitalHumanWidgetConfigured = true

  245.       this.state.digitalHumanWidget = {

  246.         baseUrl: 'https://human.example.test',

  247.         agentSlug: 'dh-global-demo',

  248.         position: 'bottom-right',

  249.         label: '问数字教员',

  250.       }

  251.       this.state.digitalHumanWidgetDataVersion += 1

  252.       return fulfillJson(route, this.state)

  253.     }

  254.     if (method === 'DELETE' && path === '/api/auth/v1/system-config/digital-human-widget') {

  255.       this.mutations.push('remove-digital-human-widget')

  256.       this.state.digitalHumanWidgetConfigured = false

  257.       this.state.digitalHumanWidget = null

  258.       this.state.digitalHumanWidgetDataVersion += 1

  259.       return fulfillJson(route, this.state)

  260.     }

  261.     if (method === 'POST' && /^\/api\/auth\/v1\/system-config\/(logo|favicon)$/.test(path)) {

  262.       const asset = path.endsWith('/logo') ? 'logo' : 'favicon'

  263.       this.mutations.push(`upload-${asset}`)

  264.       this.configureAsset(asset)

  265.       return fulfillJson(route, this.state)

  266.     }

  267.     if (method === 'DELETE' && /^\/api\/auth\/v1\/system-config\/(logo|favicon)$/.test(path)) {

  268.       const asset = path.endsWith('/logo') ? 'logo' : 'favicon'

  269.       this.mutations.push(`remove-${asset}`)

  270.       this.removeAsset(asset)

  271.       return fulfillJson(route, this.state)

  272.     }

  273.     if (method === 'GET' && /^\/api\/auth\/v1\/system-config\/assets\/(logo|favicon)$/.test(path)) {

  274.       return route.fulfill({

  275.         status: 200,

  276.         contentType: 'image/png',

  277.         headers: { 'Cache-Control': 'public, max-age=31536000, immutable' },

  278.         body: PNG_BYTES,

  279.       })

  280.     }

  281.     return fulfillJson(route, {})

  282.   }

  283. }

  284. 

  285. const configuredBrandImage = (page: Page) => page.locator('.platform-brand .brand-mark.configured img')

  286. const faviconLink = (page: Page) => page.locator('link[rel~="icon"]')

  287. 

  288. test.describe('系统配置（状态化 Mock，不访问真实 API/数据库）', () => {

  289.   test('公开配置为空时登录页使用当前内置品牌', async ({ page }) => {

  290.     const mock = new SystemConfigurationMock()

  291.     await mock.install(page, false)

  292. 

  293.     await page.goto('/login')

  294. 

  295.     await expect(page.locator('.login-brand')).toContainText(DEFAULT_SYSTEM_NAME)

  296.     await expect(page).toHaveTitle(`登录 - ${DEFAULT_SYSTEM_NAME}`)

  297.     await expect(faviconLink(page)).toHaveAttribute('href', '/favicon.svg')

  298.     await expect(faviconLink(page)).toHaveAttribute('type', 'image/svg+xml')

  299.     expect(mock.mutations).toEqual([])

  300.   })

  301. 

  302.   test('已配置的悬浮数字人只挂载到登录后的业务外壳', async ({ page }) => {

  303.     const mock = new SystemConfigurationMock()

  304.     mock.state.digitalHumanWidgetConfigured = true

  305.     mock.state.digitalHumanWidget = {

  306.       baseUrl: 'https://human.example.test',

  307.       agentSlug: 'dh-global-demo',

  308.       position: 'bottom-right',

  309.       label: '问数字教员',

  310.     }

  311.     mock.state.digitalHumanWidgetDataVersion = 1

  312.     await mock.install(page, false)

  313. 

  314.     await page.goto('/login')

  315. 

  316.     await expect(page.getByTestId('global-digital-human-widget')).toHaveCount(0)

  317.   })

  318. 

  319.   test('已配置的平台 LOGO 保持透明且不显示边框', async ({ page }) => {

  320.     const mock = new SystemConfigurationMock()

  321.     Object.assign(mock.state, {

  322.       logoConfigured: true,

  323.       logoUrl: '/api/auth/v1/system-config/assets/logo?v=1',

  324.       logoMediaType: 'image/png',

  325.       logoOriginalName: 'brand-logo.png',

  326.       logoSize: PNG_BYTES.length,

  327.       logoSha256: 'mock-logo-sha256',

  328.       logoDataVersion: 1,

  329.     })

  330.     await mock.install(page)

  331. 

  332.     await page.goto('/system/config')

  333.     await expect(page.getByTestId('system-config-page')).toHaveAttribute('data-ready', 'true')

  334.     const configuredBrandMark = configuredBrandImage(page).locator('..')

  335.     await expect(configuredBrandMark).toHaveCSS('border-top-width', '0px')

  336.     await expect(configuredBrandMark).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)')

  337.     await expect(configuredBrandMark).toHaveCSS('box-shadow', 'none')

  338.   })

  339. 

  340.   test('管理员可从菜单进入并保存、清空名称以及上传、移除 PNG 品牌资源', async ({ page }, testInfo) => {

  341.     const mock = new SystemConfigurationMock()

  342.     await mock.install(page)

  343.     await page.setViewportSize({ width: 1920, height: 1080 })

  344. 

  345.     await page.goto('/system/config')

  346.     await expect(page.getByTestId('system-config-page')).toHaveAttribute('data-ready', 'true')

  347.     await expect(page).toHaveURL(/\/system\/config(?:\?|$)/)

  348.     await expect(page.locator('.current-group-navigation')).toContainText('系统配置')

  349.     await expect(page.getByRole('link', { name: '系统配置' })).toHaveClass(/active/)

  350.     await expect(page.getByTestId('system-config-form')).toBeVisible()

  351.     await expect(page.locator('.config-navigation')).toHaveCount(0)

  352.     await expect(page.locator('.system-config-form-card')).toHaveCount(1)

  353.     await expect(page.locator('.system-config-form-row')).toHaveCount(7)

  354.     const pageBox = await page.getByTestId('system-config-page').boundingBox()

  355.     const formBox = await page.getByTestId('system-config-form').boundingBox()

  356.     expect(pageBox).not.toBeNull()

  357.     expect(formBox).not.toBeNull()

  358.     expect(formBox!.width / pageBox!.width).toBeGreaterThan(0.95)

  359. 

  360.     const nameInput = page.getByTestId('system-config-name')

  361.     await nameInput.fill('装备维修教学测试平台')

  362.     await page.getByTestId('system-config-save-name').click()

  363.     await expect(page.locator('.platform-brand')).toContainText('装备维修教学测试平台')

  364.     await expect(page).toHaveTitle('系统配置 - 装备维修教学测试平台')

  365. 

  366.     await page.getByTestId('system-config-clear-name').click()

  367.     const restoreNameDialog = page.locator('.el-message-box:visible')

  368.     await restoreNameDialog.getByRole('button', { name: '恢复默认' }).click()

  369.     await expect(page.locator('.platform-brand')).toContainText(DEFAULT_SYSTEM_NAME)

  370.     await expect(page).toHaveTitle(`系统配置 - ${DEFAULT_SYSTEM_NAME}`)

  371. 

  372.     await page.getByTestId('system-config-default-theme').getByRole('button', { name: /科技蓝/ }).click()

  373.     await page.getByTestId('system-config-save-default-theme').click()

  374.     await expect(page.locator('html')).toHaveAttribute('data-color-theme', 'technology')

  375.     await expect(page.locator('.el-message')).toHaveCount(0, { timeout: 10_000 })

  376. 

  377.     await page.getByTestId('system-config-open-widget-drawer').click()

  378.     await expect(page.getByTestId('system-config-widget-drawer')).toBeVisible()

  379.     await page.getByTestId('system-config-widget-code').fill('这不是悬浮数字人代码')

  380.     await page.getByTestId('system-config-parse-widget').click()

  381.     await expect(page.getByText('不是数字人系统生成的有效悬浮图标代码', { exact: false })).toBeVisible()

  382. 

  383.     await page.getByTestId('system-config-widget-code').fill(`

  384.       <script>

  385.       (function () {

  386.         var BASE = "https://human.example.test";

  387.         var AGENT = "dh-global-demo";

  388.         var POSITION = "bottom-right";

  389.         var LABEL = "问数字教员";

  390.         var frame = document.createElement('iframe');

  391.         frame.id = 'virtual-instructor-widget';

  392.         frame.src = BASE + '/embed/' + AGENT;

  393.         window.__unsafePastedScriptWasExecuted = true;

  394.       })();

  395.       <\/script>

  396.     `)

  397.     await page.getByTestId('system-config-parse-widget').click()

  398.     await expect(page.getByText('解析成功，请确认接入信息')).toBeVisible()

  399.     const widgetPreviewFrame = page.getByTestId('system-config-widget-preview').locator('iframe')

  400.     await expect(widgetPreviewFrame).toHaveAttribute('src', /human\.example\.test\/embed\/dh-global-demo\?.*open=1/)

  401.     expect(await page.evaluate(() => (window as Window & { __unsafePastedScriptWasExecuted?: boolean }).__unsafePastedScriptWasExecuted)).toBeUndefined()

  402.     await captureScreenshot(page, testInfo, 'system-config-widget-preview')

  403.     await page.getByTestId('system-config-save-widget').click()

  404.     await expect(page.getByTestId('system-config-widget-drawer')).toBeHidden()

  405.     await expect(page.getByTestId('system-config-digital-human-widget-card')).toContainText('已接入数字教员')

  406.     const globalWidget = page.getByTestId('global-digital-human-widget')

  407.     await expect(globalWidget).toHaveAttribute('src', /human\.example\.test\/embed\/dh-global-demo/)

  408.     const globalWidgetBody = page.frameLocator('[data-testid="global-digital-human-widget"]').locator('body')

  409.     await expect(globalWidgetBody).toHaveAttribute('data-host-theme', 'light')

  410.     await expect(globalWidgetBody).toHaveAttribute('data-host-accent', '#197fc8')

  411. 

  412.     const widgetBeforeDrag = await globalWidget.boundingBox()

  413.     const widgetHandle = await globalWidget.elementHandle()

  414.     const widgetContent = await widgetHandle?.contentFrame()

  415.     expect(widgetBeforeDrag).not.toBeNull()

  416.     expect(widgetContent).not.toBeNull()

  417.     await widgetContent!.evaluate(() => {

  418.       parent.postMessage({ source: 'virtual-instructor-widget', type: 'drag-start', handle: 'launcher' }, '*')

  419.       parent.postMessage({ source: 'virtual-instructor-widget', type: 'drag-move', handle: 'launcher', deltaX: -180, deltaY: -120 }, '*')

  420.       parent.postMessage({ source: 'virtual-instructor-widget', type: 'drag-end', handle: 'launcher' }, '*')

  421.     })

  422.     await expect.poll(async () => (await globalWidget.boundingBox())?.x).toBeLessThan(widgetBeforeDrag!.x - 100)

  423.     const storedWidgetPosition = await page.evaluate(() => Object.entries(localStorage)

  424.       .find(([key]) => key.startsWith('unreal-tran:web:digital-human-widget-position:v1:'))?.[1] ?? '')

  425.     expect(storedWidgetPosition).toContain('offsetX')

  426. 

  427.     await page.getByTestId('system-config-remove-widget').click()

  428.     await page.locator('.el-message-box:visible').getByRole('button', { name: '确认移除' }).click()

  429.     await expect(page.getByTestId('global-digital-human-widget')).toHaveCount(0)

  430. 

  431.     const logoCard = page.getByTestId('system-config-logo-card')

  432.     await logoCard.locator('input[type="file"]').setInputFiles({

  433.       name: 'brand-logo.png',

  434.       mimeType: 'image/png',

  435.       buffer: PNG_BYTES,

  436.     })

  437.     const logoDialog = page.getByTestId('system-config-upload-dialog')

  438.     await expect(logoDialog).toBeVisible()

  439.     await logoDialog.getByRole('button', { name: '确认上传' }).click()

  440.     await expect(logoCard).toContainText('brand-logo.png')

  441.     await expect(configuredBrandImage(page)).toHaveAttribute('src', /\/api\/auth\/v1\/system-config\/assets\/logo\?v=1$/)

  442. 

  443.     await page.getByTestId('system-config-remove-logo').click()

  444.     await page.locator('.el-message-box:visible').getByRole('button', { name: '确认移除' }).click()

  445.     await expect(configuredBrandImage(page)).toHaveCount(0)

  446.     await expect(logoCard).toContainText('使用系统内置 LOGO')

  447. 

  448.     const faviconCard = page.getByTestId('system-config-favicon-card')

  449.     await faviconCard.locator('input[type="file"]').setInputFiles({

  450.       name: 'site-icon.png',

  451.       mimeType: 'image/png',

  452.       buffer: PNG_BYTES,

  453.     })

  454.     const faviconDialog = page.getByTestId('system-config-upload-dialog')

  455.     await faviconDialog.getByRole('button', { name: '确认上传' }).click()

  456.     await expect(faviconCard).toContainText('site-icon.png')

  457.     await expect(faviconLink(page)).toHaveAttribute('type', 'image/png')

  458.     await expect(faviconLink(page)).toHaveAttribute('href', /\/api\/auth\/v1\/system-config\/assets\/favicon\?v=1$/)

  459. 

  460.     await page.getByTestId('system-config-remove-favicon').click()

  461.     await page.locator('.el-message-box:visible').getByRole('button', { name: '确认移除' }).click()

  462.     await expect(faviconLink(page)).toHaveAttribute('type', 'image/svg+xml')

  463.     await expect(faviconLink(page)).toHaveAttribute('href', '/favicon.svg')

  464.     await expect(faviconCard).toContainText('使用系统内置网站图标')

  465. 

  466.     expect(mock.mutations).toEqual([

  467.       'name', 'name', 'default-theme', 'digital-human-widget', 'remove-digital-human-widget',

  468.       'upload-logo', 'remove-logo', 'upload-favicon', 'remove-favicon',

  469.     ])

  470.     await expect(page.locator('.el-message')).toHaveCount(0, { timeout: 10_000 })

  471.     await captureScreenshot(page, testInfo, 'system-config-defaults-restored')

  472.   })

  473. 

  474.   test('保存遇到 409 时刷新服务端配置并提示重新确认', async ({ page }) => {

  475.     const mock = new SystemConfigurationMock()

  476.     mock.conflictNextNameSave = true

  477.     await mock.install(page)

  478. 

  479.     await page.goto('/system/config')

  480.     await expect(page.getByTestId('system-config-page')).toHaveAttribute('data-ready', 'true')

  481.     const readsBeforeSave = mock.managementReadCount

  482.     await page.getByTestId('system-config-name').fill('本次输入会冲突')

  483.     await page.getByTestId('system-config-save-name').click()

  484. 

  485.     await expect(page.getByText('配置已被其他管理员修改，页面已刷新，请确认后重新操作', { exact: true })).toBeVisible()

  486.     await expect(page.getByTestId('system-config-name')).toHaveValue('其他管理员刚保存的名称')

  487.     await expect(page.locator('.platform-brand')).toContainText('其他管理员刚保存的名称')

  488.     await expect(page).toHaveTitle('系统配置 - 其他管理员刚保存的名称')

  489.     expect(mock.managementReadCount).toBeGreaterThan(readsBeforeSave)

  490.   })

  491. 

  492.   test('只有查看权限时页面为只读且不暴露更新操作', async ({ page }, testInfo) => {

  493.     const mock = new SystemConfigurationMock(false)

  494.     await mock.install(page)

  495. 

  496.     await page.goto('/system/config')

  497.     await expect(page.getByTestId('system-config-page')).toHaveAttribute('data-ready', 'true')

  498.     await expect(page.getByRole('link', { name: '系统配置' })).toBeVisible()

  499.     await expect(page.getByTestId('system-config-name')).toBeDisabled()

  500.     await expect(page.getByTestId('system-config-save-name')).toHaveCount(0)

  501.     await expect(page.getByTestId('system-config-clear-name')).toHaveCount(0)

  502.     await expect(page.getByTestId('system-config-save-default-theme')).toHaveCount(0)

  503.     await expect(page.getByTestId('system-config-open-widget-drawer')).toHaveCount(0)

  504.     await expect(page.getByTestId('system-config-upload-logo')).toHaveCount(0)

  505.     await expect(page.getByTestId('system-config-upload-favicon')).toHaveCount(0)

  506.     expect(mock.mutations).toEqual([])

  507.     await captureScreenshot(page, testInfo, 'system-config-read-only')

  508.   })

  509. 

  510.   test('简化表单在移动端暗色模式下无横向溢出', async ({ page }, testInfo) => {

  511.     const mock = new SystemConfigurationMock()

  512.     await mock.install(page)

  513.     await page.addInitScript(() => {

  514.       localStorage.setItem('unreal-tran:web:preferences:v1', JSON.stringify({

  515.         navigationMode: 'top-side',

  516.         themeMode: 'dark',

  517.         sidebarCollapsed: false,

  518.       }))

  519.     })

  520.     await page.setViewportSize({ width: 375, height: 812 })

  521. 

  522.     await page.goto('/system/config')

  523.     await expect(page.getByTestId('system-config-page')).toHaveAttribute('data-ready', 'true')

  524.     await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark')

  525.     await expect(page.getByTestId('system-config-form')).toBeVisible()

  526.     await expect(page.locator('.config-navigation')).toHaveCount(0)

  527.     expect(await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true)

  528.     await captureScreenshot(page, testInfo, 'system-config-mobile-dark')

  529.   })

  530. })