fix(file-upload): Modify the import method of e2e test case path for file-upload component (#3393)

* fix: 修改file-upload组件e2e测试用例path导入方式

* fix: 修改file-upload组件e2e测试用例path为es6导入方式

Author: chenxi-20

examples/sites/demos/pc/app/file-upload/abort-quest.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('手动取消上传请求', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -10,7 +15,6 @@ test('手动取消上传请求', async ({ page }) => {
   const button = page.locator('button').filter({ hasText: '取消上传' })
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()])
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await fileChooser.setFiles(currentPath)

examples/sites/demos/pc/app/file-upload/accept-file-image.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('限制文件类型', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -8,7 +13,6 @@ test('限制文件类型', async ({ page }) => {
   const lists = page.locator('.tiny-upload-list__li')
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()])
 
-  const path = require('node:path')
   const path1 = path.resolve(__dirname, '测试.jpg')
   const path2 = path.resolve(__dirname, '测试.svg')
   const path3 = path.resolve(__dirname, '测试.png')

examples/sites/demos/pc/app/file-upload/basic-usage.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('基本用法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -8,7 +13,6 @@ test('基本用法', async ({ page }) => {
   const lists = page.locator('.tiny-upload-list__li')
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()])
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await fileChooser.setFiles(currentPath)

examples/sites/demos/pc/app/file-upload/before-upload-limit.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('定义上传前限制', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -10,7 +15,6 @@ test('定义上传前限制', async ({ page }) => {
   const lists = page.locator('.tiny-upload-list__item')
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()])
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
   const exceedFilePath = path.resolve(__dirname, 'before-upload-limit.vue')
 

examples/sites/demos/pc/app/file-upload/custom-prefix.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('文件选择前确认', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -12,8 +17,6 @@ test('文件选择前确认', async ({ page }) => {
   const confirmBtn = page.getByRole('button', { name: '确定' })
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), confirmBtn.click()])
 
-  // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await fileChooser.setFiles(currentPath)

examples/sites/demos/pc/app/file-upload/drag-upload.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('是否可以拖拽上传', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -9,7 +14,6 @@ test('是否可以拖拽上传', async ({ page }) => {
   const input = page.locator('.tiny-upload__input')
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), drag.click()])
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await expect(drag).toHaveCSS('width', '100px')

examples/sites/demos/pc/app/file-upload/encrypt-config.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('水印和加密弹窗', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -9,8 +14,6 @@ test('水印和加密弹窗', async ({ page }) => {
   const header = page.getByText('水印及加密设置')
   const footer = page.getByRole('button', { name: '选择文件' })
   const lists = page.locator('.tiny-upload-list__li')
-  // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await upload.click()

examples/sites/demos/pc/app/file-upload/file-picture-card.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('照片墙的预览、下载与删除', async ({ page, context }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -13,7 +18,6 @@ test('照片墙的预览、下载与删除', async ({ page, context }) => {
   const dowPic = page.locator('#file-picture-card svg').nth(1)
   const delbutton = page.locator('#file-picture-card svg').nth(2)
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await expect(lists).toHaveCount(0)

examples/sites/demos/pc/app/file-upload/http-request.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('覆盖默认请求', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -9,7 +14,6 @@ test('覆盖默认请求', async ({ page }) => {
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()])
   const modal = page.locator('.tiny-modal')
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await fileChooser.setFiles(currentPath)

examples/sites/demos/pc/app/file-upload/image-size.spec.ts

@@ -1,4 +1,9 @@
 import { test, expect } from '@playwright/test'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 test('获取图片的原始尺寸', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
@@ -8,7 +13,6 @@ test('获取图片的原始尺寸', async ({ page }) => {
   const [fileChooser] = await Promise.all([page.waitForEvent('filechooser'), upload.click()])
   const modal = page.locator('.tiny-modal')
 
-  const path = require('node:path')
   const currentPath = path.resolve(__dirname, '测试.jpg')
 
   await fileChooser.setFiles(currentPath)