36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test('事件', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('drawer#events')
|
|
|
|
const drawer = page.locator('.tiny-drawer__main')
|
|
|
|
// 显示事件
|
|
const showMsg = page.locator('.tiny-modal.type__message').filter({ hasText: '打开事件' }).first()
|
|
await page.getByRole('button', { name: '点击打开抽屉' }).click()
|
|
await expect(showMsg).toBeVisible()
|
|
await expect(drawer).toBeVisible()
|
|
|
|
// 确定事件
|
|
const confirmMsg = page.locator('.tiny-modal.type__message').filter({ hasText: '确定事件' }).first()
|
|
await page.getByRole('button', { name: '确定' }).click()
|
|
await expect(confirmMsg).toBeVisible()
|
|
await expect(drawer).not.toBeVisible()
|
|
|
|
// 关闭事件
|
|
const closeMsg = page.locator('.tiny-modal.type__message').filter({ hasText: '关闭事件' }).first()
|
|
await page.getByRole('button', { name: '点击打开抽屉' }).click()
|
|
// 右上角关闭按钮
|
|
await drawer.locator('.tiny-drawer__headerbtn').click()
|
|
await expect(closeMsg).toBeVisible()
|
|
// 底部按钮关闭
|
|
await page.getByRole('button', { name: '点击打开抽屉' }).click()
|
|
await page.getByRole('button', { name: '取消' }).click()
|
|
await expect(closeMsg).toBeVisible()
|
|
// 点击蒙层关闭
|
|
await page.getByRole('button', { name: '点击打开抽屉' }).click()
|
|
await page.locator('.tiny-drawer__mask').click()
|
|
await expect(closeMsg).toBeVisible()
|
|
})
|