forked from opentiny/tiny-vue
26 lines
969 B
TypeScript
26 lines
969 B
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test('滚动容器', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('anchor#set-container')
|
|
|
|
const preview = page.locator('.all-demos-container')
|
|
const anchor = preview.locator('.tiny-anchor')
|
|
const link2 = anchor.getByRole('link', { name: 'Sec 2' })
|
|
const link3 = anchor.getByRole('link', { name: 'Sec 3' }).first()
|
|
const sec1 = preview.locator('#sec-1')
|
|
const sec2 = preview.locator('#sec-2')
|
|
const sec3 = preview.locator('#sec-3')
|
|
const { x: x1 } = await sec1.boundingBox()
|
|
|
|
await link2.click()
|
|
await page.waitForTimeout(400)
|
|
const { x: x2, y: y2 } = await sec2.boundingBox()
|
|
await expect(x2).toEqual(x1)
|
|
await link3.click()
|
|
await page.waitForTimeout(400) // 滚动的距离较长，需要足够的等待时间
|
|
const { x: x3, y: y3 } = await sec3.boundingBox()
|
|
await expect(x3).toEqual(x1)
|
|
await expect(y3).toEqual(y2)
|
|
})
|