forked from opentiny/tiny-vue
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test('ipAddress change事件', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('ip-address#event')
|
|
|
|
const demo = page.locator('#event')
|
|
const getIPAddressFirstInput = (index: number) =>
|
|
demo.locator('.tiny-ip-address__input').nth(index).locator('input').first()
|
|
const modal = page.locator('.tiny-modal.active')
|
|
|
|
// 聚焦、失焦事件
|
|
await getIPAddressFirstInput(0).click()
|
|
await expect(modal.filter({ hasText: 'focus 事件触发了' })).toBeVisible()
|
|
await getIPAddressFirstInput(0).blur()
|
|
await expect(modal.filter({ hasText: 'blur 事件触发了' })).toBeVisible()
|
|
await page.waitForTimeout(500)
|
|
|
|
// 内容改变事件
|
|
await getIPAddressFirstInput(1).fill('111')
|
|
await getIPAddressFirstInput(1).blur()
|
|
await expect(modal.filter({ hasText: 'change 事件触发了' })).toBeVisible()
|
|
await page.waitForTimeout(500)
|
|
|
|
// 输入事件事件
|
|
await getIPAddressFirstInput(2).fill('111')
|
|
await expect(modal.filter({ hasText: 'input 事件触发了' })).toBeVisible()
|
|
})
|
|
|
|
test('select事件', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('ip-address#event')
|
|
|
|
const demo = page.locator('#event')
|
|
const getIPAddressFirstInput = (index: number) =>
|
|
demo.locator('.tiny-ip-address__input').nth(index).locator('input').first()
|
|
const modal = page.locator('.tiny-modal.active')
|
|
|
|
// 选中事件
|
|
await page.setViewportSize({
|
|
width: 1500,
|
|
height: 1000
|
|
})
|
|
await page.waitForTimeout(2000)
|
|
await getIPAddressFirstInput(3).dblclick()
|
|
await expect(modal.filter({ hasText: 'select 事件触发了' })).toBeVisible()
|
|
})
|