forked from opentiny/tiny-vue
23 lines
908 B
JavaScript
23 lines
908 B
JavaScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.describe('rate 自定义三分段界限值', () => {
|
|
test('三段分界限值', async ({ page }) => {
|
|
page.on('pageerror', (exception) => expect(exception).toBeNull())
|
|
await page.goto('rate#threshold-value')
|
|
const icon = page.locator('.tiny-rate__star > .tiny-svg')
|
|
|
|
// 选中时时三分段颜色
|
|
await icon.nth(0).click()
|
|
await page.waitForTimeout(200)
|
|
await expect(icon.nth(0)).toHaveCSS('fill', 'rgb(250, 219, 20)')
|
|
await icon.nth(1).click()
|
|
await expect(icon.nth(1)).toHaveCSS('fill', 'rgb(255, 122, 69)')
|
|
await icon.nth(2).click()
|
|
await expect(icon.nth(2)).toHaveCSS('fill', 'rgb(255, 122, 69)')
|
|
await icon.nth(3).click()
|
|
await expect(icon.nth(3)).toHaveCSS('fill', 'rgb(255, 169, 64)')
|
|
await icon.nth(4).click()
|
|
await expect(icon.nth(4)).toHaveCSS('fill', 'rgb(255, 169, 64)')
|
|
})
|
|
})
|