tiny-vue_version0/examples/sites/demos/pc/app/switch/dynamic-disable.spec.ts

15 lines
648 B
TypeScript

import { test, expect } from '@playwright/test'
test('禁用状态', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('switch#dynamic-disable')
const demo = page.locator('#dynamic-disable')
const switchBtn = demo.locator('.tiny-switch')
await expect(switchBtn.first()).toHaveCSS('background-color', 'rgb(190, 204, 250)')
await expect(switchBtn.first()).toHaveCSS('background-color', 'rgb(190, 204, 250)')
await expect(switchBtn.nth(1)).toHaveCSS('background-color', 'rgb(223, 225, 230)')
await expect(switchBtn.nth(1)).toHaveCSS('background-color', 'rgb(223, 225, 230)')
})