tiny-vue/examples/sites/demos/pc/app/time-line/custom-vertical-timeline.sp...

16 lines
658 B
TypeScript

import { test, expect } from '@playwright/test'
test('自定义竖向时间线', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('time-line#custom-vertical-timeline')
const node = page.locator('#custom-vertical-timeline .tiny-steps .timeline').first()
// 自定义左侧内容
await expect(node.locator('span').first()).toHaveClass('custom-left')
await expect(node.locator('span').first()).toHaveText('已下单')
// 自定义右侧内容
await expect(node.locator('span').nth(1)).toHaveCSS('margin-left', '15px')
await expect(node.locator('span').nth(1)).toContainText('2019')
})