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

16 lines
634 B
TypeScript

import { test, expect } from '@playwright/test'
test('基本用法', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('switch#basic-usage')
const demo = page.locator('#basic-usage')
const switchBtn = demo.locator('.tiny-switch')
await expect(switchBtn).toHaveCSS('background-color', 'rgb(94, 124, 224)')
await expect(switchBtn).toHaveCSS('border-top-color', 'rgb(94, 124, 224)')
await switchBtn.click()
await expect(switchBtn).toHaveCSS('background-color', 'rgb(173, 176, 184)')
await expect(switchBtn).toHaveCSS('border-top-color', 'rgb(173, 176, 184)')
})