tiny-vue_version0/examples/sites/demos/pc/app/milestone/line-style.spec.ts

26 lines
789 B
TypeScript

import { test, expect } from '@playwright/test'
test('线条颜色和间距', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).not.toBeNull())
await page.goto('milestone#line-style')
const nodeLines = page.locator('.tiny-milestone__line')
const nodes = page.locator('.tiny-milestone__node')
const nodeCount = 6
const lineColors = [
'rgb(255, 0, 0)',
'rgb(255, 0, 0)',
'rgb(255, 0, 0)',
'rgb(255, 0, 0)',
'rgb(255, 0, 0)',
'rgb(255, 0, 0)'
]
await expect(nodeLines).toHaveCount(nodeCount)
await expect(nodes).toHaveCount(nodeCount)
for (let i = 0; i < nodeCount; i++) {
await expect(nodes.nth(i)).toHaveCSS('width', '150px')
await expect(nodeLines.nth(i)).toHaveCSS('background-color', lineColors[i])
}
})