tiny-vue_version0/examples/sites/demos/pc/app/pager/current-page.spec.ts

26 lines
1.1 KiB
TypeScript

import { test, expect, Locator } from '@playwright/test'
test('测试设置当前页', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('pager#current-page')
const demo = page.locator('#current-page')
const pager = demo.locator('.tiny-pager')
const getPrev = (parent: Locator) => parent.locator('.tiny-pager__btn-prev')
const getNext = (parent: Locator) => parent.locator('.tiny-pager__btn-next')
const isActive = /is-active/
const prev = getPrev(pager.first())
const next = getNext(pager.first())
await expect(pager.locator('li').getByText('2')).toHaveClass(isActive)
await expect(prev).not.toBeDisabled()
await expect(next).not.toBeDisabled()
await pager.locator('li').getByText('5').click()
await expect(pager.locator('li').getByText('5')).toHaveClass(isActive)
await expect(prev).not.toBeDisabled()
await expect(next).toBeDisabled()
await pager.locator('li').getByText('1').click()
await expect(pager.locator('li').getByText('1')).toHaveClass(isActive)
await expect(prev).toBeDisabled()
await expect(next).not.toBeDisabled()
})