tiny-vue_version0/examples/sites/demos/pc/app/toggle-menu/node-drop.spec.ts

23 lines
741 B
TypeScript

import { test, expect } from '@playwright/test'
test('拖放节点事件', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('toggle-menu#node-drop')
const dragNode = page
.getByRole('treeitem', { name: '开发指南' })
.locator('div')
.filter({ hasText: '开发指南' })
.first()
const dragToNode = page
.getByRole('treeitem', { name: '数据组件' })
.locator('div')
.filter({ hasText: '数据组件' })
.first()
// 开始拖拽
await dragNode.hover()
await page.mouse.down()
await dragToNode.hover()
await page.mouse.up()
await expect(page.locator('.tiny-modal').filter({ hasText: '拖放节点后的事件' })).toBeHidden()
})