tiny-vue/examples/sites/demos/pc/app/button-group/plain.spec.ts

22 lines
917 B
TypeScript

import { test, expect } from '@playwright/test'
test('测试朴素按钮', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('button-group#plain')
const demo = page.locator('#plain')
const buttonGroup = demo.locator('.tiny-button-group')
const button3 = page.getByRole('button', { name: 'Button3' })
await button3.click()
await expect(button3).toHaveClass(/plain/)
await expect(buttonGroup.locator('li').nth(2)).toHaveClass('active')
const button2 = page.getByRole('button', { name: 'Button2' })
await button2.click()
await expect(button2).toHaveClass(/plain/)
await expect(buttonGroup.locator('li').nth(1)).toHaveClass('active')
const button1 = page.getByRole('button', { name: 'Button1' })
await button1.click()
await expect(button1).toHaveClass(/plain/)
await expect(buttonGroup.locator('li').nth(0)).toHaveClass('active')
})