tiny-vue/examples/sites/demos/pc/app/carousel/card-mode.spec.ts

17 lines
642 B
TypeScript

import { test, expect } from '@playwright/test'
test('卡片模式', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('carousel#card-mode')
const preview = page.locator('#card-mode')
const carouselItems = page.locator(
'.tiny-carousel > .tiny-carousel__container > .tiny-carousel__item > .tiny-carousel__mask'
)
await preview.hover()
await page.getByRole('list').getByRole('button').nth(1).click()
await page.waitForTimeout(200)
await preview.hover()
await preview.locator('.tiny-carousel__arrow').first().click()
await expect(carouselItems).toHaveCount(4)
})