tiny-vue_version0/examples/sites/demos/pc/app/dialog-box/lock-scroll.spec.ts

18 lines
777 B
TypeScript

import { test, expect } from '@playwright/test'
test('弹出时禁用滚动', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('dialog-box#lock-scroll')
const dialogBox = page.locator('.tiny-dialog-box')
await page.getByRole('button', { name: '不允许滚动背景' }).click()
// 检查页面元素是否随鼠标滑轮滚动而移动
const { y: initY } = await page.locator('body').boundingBox()
await page.mouse.wheel(0, 200)
await page.waitForTimeout(200)
const { y: afterY } = await page.locator('body').boundingBox()
await expect(initY).toBeGreaterThanOrEqual(afterY)
await page.getByRole('button', { name: '确 定' }).click()
await expect(dialogBox.locator('.tiny-form')).toBeHidden()
})