tiny-vue_version0/examples/sites/demos/pc/app/slider/slider-slot.spec.ts

19 lines
741 B
TypeScript

import { test, expect } from '@playwright/test'
test('自定义插槽', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('slider#slider-slot')
const slider = page.locator('.tiny-slider-container .tiny-slider')
const sliderBlock = slider.locator('div').nth(1)
const { width: sliderWidth } = await slider.boundingBox()
// 获取当前滑块位置
const { x, y } = await sliderBlock.boundingBox()
await sliderBlock.click()
await page.mouse.down()
// 滑块向右移动百分之二十
await page.mouse.move(sliderWidth * 0.2 + x, y)
const sliderInput = page.locator('.tiny-slider-container .tiny-slider__input')
await expect(sliderInput).toContainText('59%')
})