tiny-vue/examples/sites/demos/pc/app/pop-upload/file-limit.spec.ts

29 lines
1.3 KiB
TypeScript

import { test, expect } from '@playwright/test'
test('PopUpload 最大上传文件数', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('pop-upload#file-limit')
const preview = page.locator('.all-demos-container')
const modalAppearBtn = preview.getByRole('button', { name: '选择文件' })
const uploadModal = page.locator('.tiny-popupload__modal')
const alert = uploadModal.locator('.tiny-alert')
const selectFilesBtn = uploadModal.getByRole('button', { name: '选择批量文件' })
const lists = uploadModal.locator('.tiny-popupload__dialog-table-item')
const path = require('node:path')
const path1 = path.resolve(__dirname, '测试.jpg')
const path2 = path.resolve(__dirname, '测试.png')
const path3 = path.resolve(__dirname, '测试.svg')
await modalAppearBtn.click()
await alert.getByText('上传文件数限制为:2').isVisible()
const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), selectFilesBtn.click()])
await fileChooser.setFiles([path1, path2, path3])
await alert.getByText('上传文件数量超出限制,已取消该操作').isVisible()
await expect(lists).toHaveCount(0)
await fileChooser.setFiles([path1, path2])
await expect(lists).toHaveCount(2)
await fileChooser.setFiles(path3)
await expect(lists).toHaveCount(2)
})