tiny-vue/examples/sites/demos/pc/app/collapse/before-close.spec.ts

19 lines
805 B
TypeScript

import { test, expect } from '@playwright/test'
test('Collapse 阻止折叠面板展开/收起', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('collapse#before-close')
const modal = page.locator('.tiny-modal')
const header = page.locator('.tiny-collapse-item__header')
const content = page.locator('.tiny-collapse-item__wrap')
// 点击标题,展开的内容不折叠
await expect(header.first()).toHaveClass(/is-active/)
await expect(content.first()).not.toHaveCSS('display', 'none')
await header.first().click()
await expect(header.first()).toHaveClass(/is-active/)
await expect(modal.nth(1)).toHaveText(/阻止面板切换,当前点击面板:/)
await expect(content.first()).not.toHaveCSS('display', 'none')
})