63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import { test as setup, expect } from '@playwright/test'
|
||
import { setupAuthMocks } from '../helpers/api-mocker'
|
||
import { loginSuccessData } from '../fixtures/mock-data'
|
||
import { adminPermissionInfo } from '../fixtures/permissions'
|
||
|
||
const authFile = 'e2e/.auth/user.json'
|
||
|
||
/**
|
||
* 认证 Setup Project
|
||
* 1. 导航到登录页（建立 origin）
|
||
* 2. 使用 evaluate 直接设置 localStorage（web-storage-cache 格式）
|
||
* 3. 重新加载页面，验证认证生效
|
||
*/
|
||
setup('authenticate', async ({ page }) => {
|
||
// 设置 API Mock
|
||
await setupAuthMocks(page)
|
||
|
||
// 步骤1：导航到登录页，建立 origin
|
||
await page.goto('/login')
|
||
await page.waitForLoadState('domcontentloaded')
|
||
|
||
// 步骤2：直接设置 localStorage
|
||
// web-storage-cache 格式：{ c: createTime, e: expiresTime, v: JSON.stringify(value) }
|
||
await page.evaluate(
|
||
({ token, permInfo }) => {
|
||
const now = Date.now()
|
||
const expireTime = now + 24 * 60 * 60 * 1000
|
||
|
||
function wscWrap(value: any) {
|
||
return JSON.stringify({
|
||
c: now,
|
||
e: expireTime,
|
||
v: JSON.stringify(value)
|
||
})
|
||
}
|
||
|
||
localStorage.setItem('ACCESS_TOKEN', wscWrap(token.accessToken))
|
||
localStorage.setItem('REFRESH_TOKEN', wscWrap(token.refreshToken))
|
||
localStorage.setItem(
|
||
'user',
|
||
wscWrap({
|
||
user: permInfo.user,
|
||
roles: permInfo.roles,
|
||
permissions: permInfo.permissions,
|
||
menus: permInfo.menus
|
||
})
|
||
)
|
||
localStorage.setItem('roleRouters', wscWrap(permInfo.menus))
|
||
},
|
||
{ token: loginSuccessData, permInfo: adminPermissionInfo }
|
||
)
|
||
|
||
// 步骤3：重新加载，让 Vue app 读取 localStorage 中的 token
|
||
await page.goto('/')
|
||
await page.waitForLoadState('networkidle')
|
||
|
||
// 验证不在登录页
|
||
await expect(page).not.toHaveURL(/\/login/, { timeout: 15000 })
|
||
|
||
// 保存认证状态
|
||
await page.context().storageState({ path: authFile })
|
||
})
|