46 lines
2.1 KiB
TypeScript
46 lines
2.1 KiB
TypeScript
import type { APIRequestContext, Page } from '@playwright/test'
|
|
import { expect, test } from './fixtures'
|
|
|
|
async function csrf(request: APIRequestContext) {
|
|
const state = await request.storageState()
|
|
return state.cookies.find(cookie => cookie.name === 'dodo_csrf')?.value ?? ''
|
|
}
|
|
|
|
async function createTask(request: APIRequestContext, baseURL: string, title: string, listId: string) {
|
|
const response = await request.post('/api/v1/tasks', {
|
|
data: { title, list_id: listId },
|
|
headers: { 'x-csrf-token': await csrf(request), origin: baseURL },
|
|
})
|
|
expect(response.ok(), await response.text()).toBeTruthy()
|
|
}
|
|
|
|
async function openInbox(page: Page) {
|
|
if ((await page.viewportSize())!.width <= 930) {
|
|
await page.locator('.topbar').getByRole('button', { name: /展开菜单|收起菜单/ }).click()
|
|
}
|
|
await page.locator('.sidebar').getByRole('button', { name: '收集箱', exact: true }).click()
|
|
}
|
|
|
|
test('inbox and task composer match approved visuals', async ({ page, request, baseURL }, testInfo) => {
|
|
test.skip(testInfo.project.name !== 'mobile-390', 'approved visual baselines are maintained for mobile-390 only')
|
|
await page.clock.install({ time: new Date('2026-09-19T05:00:00.000Z') })
|
|
|
|
const bootstrap = await request.get('/api/v1/bootstrap')
|
|
expect(bootstrap.ok()).toBeTruthy()
|
|
const inbox = (await bootstrap.json()).lists.find((item: { is_inbox: boolean }) => item.is_inbox)
|
|
expect(inbox).toBeTruthy()
|
|
|
|
const seededTitles = ['整理本周工作记录', '检查 Dodo 备份', '周末买水果和牛奶'] as const
|
|
for (const title of seededTitles) await createTask(request, baseURL!, title, inbox.id)
|
|
|
|
await page.goto('/')
|
|
await openInbox(page)
|
|
const seededRows = page.locator('.task-row').filter({ hasText: /整理本周工作记录|检查 Dodo 备份|周末买水果和牛奶/ })
|
|
await expect(seededRows).toHaveCount(3)
|
|
await expect(page).toHaveScreenshot('inbox.png', { fullPage: true })
|
|
|
|
await page.getByRole('button', { name: '添加任务' }).click()
|
|
await expect(page.getByRole('dialog', { name: /添加任务/ })).toBeVisible()
|
|
await expect(page).toHaveScreenshot('task-composer.png', { fullPage: true })
|
|
})
|