test: harden e2e auth setup

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
pull/878/head
DevDengChao 2026-04-10 16:23:50 +08:00
parent 968a1ccb40
commit 14edd68d77
1 changed files with 7 additions and 11 deletions

View File

@ -7,21 +7,17 @@ const authFile = 'e2e/.auth/user.json'
/** /**
* 认证 Setup Project * 认证 Setup Project
* 1. 导航到登录页(建立 origin) * 1. 在页面脚本执行前注入 localStorage(web-storage-cache 格式)
* 2. 使用 evaluate 直接设置 localStorage(web-storage-cache 格式) * 2. 导航到首页,让 Vue app 在启动时直接读取认证信息
* 3. 重新加载页面,验证认证生效 * 3. 验证认证生效并保存 storageState
*/ */
setup('authenticate', async ({ page }) => { setup('authenticate', async ({ page }) => {
// 设置 API Mock // 设置 API Mock
await setupAuthMocks(page) await setupAuthMocks(page)
// 步骤1:导航到登录页,建立 origin // 步骤1:在应用脚本运行前注入 localStorage,避免页面跳转时 evaluate 失效
await page.goto('/login')
await page.waitForLoadState('domcontentloaded')
// 步骤2:直接设置 localStorage
// web-storage-cache 格式:{ c: createTime, e: expiresTime, v: JSON.stringify(value) } // web-storage-cache 格式:{ c: createTime, e: expiresTime, v: JSON.stringify(value) }
await page.evaluate( await page.addInitScript(
({ token, permInfo }) => { ({ token, permInfo }) => {
const now = Date.now() const now = Date.now()
const expireTime = now + 24 * 60 * 60 * 1000 const expireTime = now + 24 * 60 * 60 * 1000
@ -50,11 +46,11 @@ setup('authenticate', async ({ page }) => {
{ token: loginSuccessData, permInfo: adminPermissionInfo } { token: loginSuccessData, permInfo: adminPermissionInfo }
) )
// 步骤3:重新加载,让 Vue app 读取 localStorage 中的 token // 步骤2:首次导航时,Vue app 会直接读取 localStorage 中的 token
await page.goto('/') await page.goto('/')
await page.waitForLoadState('networkidle') await page.waitForLoadState('networkidle')
// 验证不在登录页 // 步骤3:验证不在登录页
await expect(page).not.toHaveURL(/\/login/, { timeout: 15000 }) await expect(page).not.toHaveURL(/\/login/, { timeout: 15000 })
// 保存认证状态 // 保存认证状态