tiny-vue/examples/sites/demos/pc/app/input/basic-usage.spec.ts

17 lines
610 B
TypeScript

import { test, expect } from '@playwright/test'
test('[Input]basic-usage: placeholder, focus-style, v-model', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('input#basic-usage')
const input = page.locator('.demo-input > .tiny-input > .tiny-input-display-only > input')
await expect(input).toBeVisible()
await expect(input).toHaveAttribute('placeholder', 'Please input')
await input.focus()
await expect(input).toHaveCSS('border', '1px solid rgb(94, 124, 224)')
await input.fill('hello')
await expect(input).toHaveValue('hello')
})