opentiny
/
tiny-vue
0
0
Fork 31
Code Issues Pull Requests 8 Packages Projects Releases Wiki Activity

test(action-menu): [action-menu] Supplement the missing e2e test cases for the dropdown component (#1100)

This commit is contained in:
MomoPoppy 2023-12-11 18:54:56 +08:00 committed by GitHub
parent 2e2cf0ab79
commit 1b5cf5fbbf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
examples/sites/demos/pc/app/action-menu/icon.spec.ts Normal file
View File

@ -0,0 +1,38 @@
import { test, expect } from '@playwright/test'
test('只显示图标', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('action-menu#icon')
const wrap = page.locator('#icon')
const actionMenu = wrap.locator('.tiny-action-menu').nth(0)
const actionMenuItem = actionMenu.locator('.tiny-action-menu__item')
await page.waitForTimeout(1500)
await expect(actionMenuItem.nth(0).locator('.tiny-svg')).toBeVisible()
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-svg')).toBeVisible()
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-svg')).toHaveCSS('width', '20px')
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-svg')).toHaveCSS('height', '20px')
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-svg')).toHaveCSS('margin', '2px')
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-dropdown__title')).toBeHidden()
await actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-svg').hover()
await expect(page.locator('body > .tiny-dropdown-menu')).toBeVisible()
})
test('只显示文本', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('action-menu#icon')
const wrap = page.locator('#icon')
const actionMenu = wrap.locator('.tiny-action-menu').nth(1)
const actionMenuItem = actionMenu.locator('.tiny-action-menu__item')
await expect(actionMenuItem.nth(0).locator('.tiny-svg')).toBeHidden()
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__trigger .tiny-svg')).toBeHidden()
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__title')).toBeVisible()
await expect(actionMenuItem.nth(3).locator('.tiny-dropdown__title')).toHaveText('更多')
await actionMenuItem.nth(3).hover()
await expect(page.locator('body > .tiny-dropdown-menu')).toBeVisible()
})