forked from opentiny/tiny-vue
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test('锁住页面', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('modal#lock-view')
|
|
|
|
const modal = page.locator('.tiny-modal.active')
|
|
|
|
// 新版示例页单示例无滚动条，先展开代码保证有滚动条
|
|
await page.locator('.i-ti-code').click()
|
|
await page.waitForTimeout(100)
|
|
|
|
await page.getByRole('button', { name: '不锁界面 且 隐藏遮罩层' }).click()
|
|
await expect(modal).not.toHaveClass(/lock__view/)
|
|
|
|
// 检查页面元素是否随鼠标滑轮滚动而移动
|
|
const { y: initY } = await page.locator('#lock-view').boundingBox()
|
|
await page.mouse.wheel(0, 100)
|
|
await page.waitForTimeout(100)
|
|
const { y: afterY } = await page.locator('#lock-view').boundingBox()
|
|
expect(initY).toBeGreaterThan(afterY)
|
|
})
|
|
|
|
test('控制遮罩层显示', async ({ page }) => {
|
|
await page.goto('modal#lock-view')
|
|
|
|
const modal = page.locator('.tiny-modal.active')
|
|
await page.getByRole('button', { name: '不锁界面 且 隐藏遮罩层' }).click()
|
|
await expect(modal).not.toHaveClass(/is__mask/)
|
|
})
|