tiny-vue/examples/sites/demos/pc/app/cascader-panel/change.spec.ts

21 lines
950 B
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { test, expect } from '@playwright/test'
test('选中节点变化', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('cascader-panel#change')
await page.getByRole('menuitem', { name: '指南' }).click()
await expect(page.getByText('节点展开zhinan')).toBeVisible()
await page.getByRole('menuitem', { name: '安装' }).click()
await page.getByRole('menuitem', { name: '项目登记' }).click()
await expect(page.getByText('change 事件,当前选中的值为:项目登记;传入的值为:zhinan,anzhuang,xiangmudengji')).toBeVisible()
// 清除节点
await expect(page.getByRole('menuitem', { name: '项目登记' })).toHaveClass('tiny-cascader-node is-active')
await page.getByRole('button', { name: '清除选中节点' }).click()
await expect(page.getByRole('menuitem', { name: '项目登记' })).not.toHaveClass('tiny-cascader-node is-active')
})