tiny-vue/examples/sites/demos/pc/app/select/no-data-text.spec.ts

40 lines
1.5 KiB
TypeScript

import { test, expect } from '@playwright/test'
test('默认空数据文本', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('select#no-data-text')
const wrap = page.locator('#no-data-text')
const select = wrap.locator('.tiny-select').nth(0)
const input = select.locator('.tiny-input__inner')
const dropdown = page.locator('body > .tiny-select-dropdown')
await input.click()
await expect(dropdown.locator('.tiny-select-dropdown__empty')).toHaveText('暂无相关数据')
})
test('自定义空数据文本', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('select#no-data-text')
const wrap = page.locator('#no-data-text')
const select = wrap.locator('.tiny-select').nth(1)
const input = select.locator('.tiny-input__inner')
const dropdown = page.locator('body > .tiny-select-dropdown')
await input.click()
await expect(dropdown.locator('.tiny-select-dropdown__empty')).toHaveText('暂无数据')
})
test('显示空数据图片', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('select#no-data-text')
const wrap = page.locator('#no-data-text')
const select = wrap.locator('.tiny-select').nth(2)
const input = select.locator('.tiny-input__inner')
const dropdown = page.locator('body > .tiny-select-dropdown')
await input.click()
await expect(dropdown.locator('.tiny-select-dropdown__empty-images')).toBeVisible()
})