forked from opentiny/tiny-vue
17 lines
827 B
TypeScript
17 lines
827 B
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test('dialogBox 弹窗距离顶部的高度', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('dialog-box#dialog-top-height')
|
|
const dialogBox = page.locator('.tiny-dialog-box')
|
|
await page.getByRole('link', { name: '弹窗距离顶部的高度' }).click()
|
|
await page.getByRole('button', { name: '显示在顶部' }).click()
|
|
// 默认弹窗距离顶部的高度
|
|
await expect(dialogBox.nth(0)).toHaveCSS('top', '0px')
|
|
await page.getByRole('button', { name: /确 定/ }).click()
|
|
await page.getByRole('button', { name: /300px/ }).click()
|
|
// 自定义弹窗距离顶部的高度
|
|
await expect(dialogBox.nth(1)).toHaveCSS('top', '300px')
|
|
await page.getByRole('button', { name: 'Close' }).nth(1).click()
|
|
})
|