forked from opentiny/tiny-vue
46 lines
1.8 KiB
TypeScript
46 lines
1.8 KiB
TypeScript
import { expect, test } from '@playwright/test'
|
|
|
|
test('[DatePicker] 测试事件', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('date-picker#events')
|
|
|
|
// focus 事件
|
|
await page.locator('input[type="text"]').nth(1).click()
|
|
const focusEventMessageDom = page.locator('div').filter({ hasText: '触发 focus 事件' }).nth(1)
|
|
await expect(focusEventMessageDom).toBeVisible()
|
|
|
|
// blur 事件
|
|
const dateInputBlur = page.locator('input[type="text"]').nth(2)
|
|
await dateInputBlur.fill('2023-05-20')
|
|
await dateInputBlur.press('Enter')
|
|
|
|
await page
|
|
.locator('div')
|
|
.filter({ hasText: /^blur:$/ })
|
|
.getByRole('textbox')
|
|
.click()
|
|
await page.getByRole('cell', { name: '15' }).getByText('15').last().click()
|
|
const blurEventMessageDom = page.locator('div').filter({ hasText: '触发 blur 事件' }).nth(1)
|
|
await expect(blurEventMessageDom).toBeVisible()
|
|
|
|
// change 事件
|
|
const dateInputChange = page.locator('input[type="text"]').nth(3)
|
|
await dateInputChange.fill('2023-05-20')
|
|
await dateInputChange.press('Enter')
|
|
|
|
await page
|
|
.locator('div')
|
|
.filter({ hasText: /^change:$/ })
|
|
.getByRole('textbox')
|
|
.click()
|
|
await page.getByRole('cell', { name: '15' }).getByText('15').last().click()
|
|
const changeEventMessageDom = page.locator('div').filter({ hasText: '触发 change 事件，组件绑定值为：' }).nth(1)
|
|
await expect(changeEventMessageDom).toBeVisible()
|
|
|
|
// onPick 事件
|
|
await page.locator('div').filter({ hasText: /^-$/ }).click()
|
|
await page.getByRole('cell', { name: '10' }).getByText('10').last().click()
|
|
const onPickEventMessageDom = page.locator('div').filter({ hasText: '触发 onPick 事件，开始日期为：' }).nth(1)
|
|
await expect(onPickEventMessageDom).toBeVisible()
|
|
})
|