add dir

Author: apades

.gitignore

@@ -62,4 +62,5 @@ metafile-*.json
 
 tsup.*.bundled_*.mjs
 
-vite.client.dev.js
+vite.client.dev.js
+/videos

e2e/docPIP.spec.ts

@@ -22,44 +22,44 @@ test('测试浮动按钮是否正常', async ({ page, browser }, testInfo) => {
   await expect(floatBtn).toBeVisible()
 })
 
-for (const url of testUrls) {
-  test(`docPIP能否打开 - ${new URL(url).hostname}`, async ({
-    page,
-    browser,
-  }) => {
-    await page.goto(url)
-    await onPageAndExtensionLoaded(page)
+// for (const url of testUrls) {
+//   test(`docPIP能否打开 - ${new URL(url).hostname}`, async ({
+//     page,
+//     browser,
+//   }) => {
+//     await page.goto(url)
+//     await onPageAndExtensionLoaded(page)
 
-    const videoEl = await page.waitForSelector('video')
-    const timer = setInterval(async () => {
-      try {
-        if (!videoEl || page.isClosed()) {
-          clearInterval(timer)
-          return
-        }
-        await videoEl.dispatchEvent('mousemove', {
-          bubbles: true,
-        })
-      } catch (error) {
-        clearInterval(timer)
-      }
-    }, 500)
-    browser.on('disconnected', () => {
-      clearInterval(timer)
-    })
+//     const videoEl = await page.waitForSelector('video')
+//     const timer = setInterval(async () => {
+//       try {
+//         if (!videoEl || page.isClosed()) {
+//           clearInterval(timer)
+//           return
+//         }
+//         await videoEl.dispatchEvent('mousemove', {
+//           bubbles: true,
+//         })
+//       } catch (error) {
+//         clearInterval(timer)
+//       }
+//     }, 500)
+//     browser.on('disconnected', () => {
+//       clearInterval(timer)
+//     })
 
-    // 点击float按钮
-    const startPipBtn = page.locator('.start-pip-btn')
-    await startPipBtn.click()
+//     // 点击float按钮
+//     const startPipBtn = page.locator('.start-pip-btn')
+//     await startPipBtn.click()
 
-    await wait(1000)
+//     await wait(1000)
 
-    const pipWindow = await page.evaluate('documentPictureInPicture.window')
+//     const pipWindow = await page.evaluate('documentPictureInPicture.window')
 
-    await expect(pipWindow).not.toBeNull()
+//     await expect(pipWindow).not.toBeNull()
 
-    clearInterval(timer)
-  })
-}
+//     clearInterval(timer)
+//   })
+// }
 
 // test('bilibili大功能测试', () => {})

e2e/fixtures.ts

@@ -8,19 +8,30 @@ import packageJson from '../package.json' with { type: 'json' }
 
 export const { name } = packageJson
 
-export const extensionPath = path.resolve(
-  path.dirname(fileURLToPath(import.meta.url)),
-  '../dist',
-)
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+export const extensionPath = path.resolve(__dirname, '../dist')
 
 const chromeExePath = 'C:/Program Files/Google/Chrome/Application/chrome.exe'
 export const test = base.extend<{
   context: BrowserContext
   extensionId: string
 }>({
-  context: async ({ headless, browser }, use) => {
+  context: async ({ headless, browser }, use, testInfo) => {
     // workaround for the Vite server has started but contentScript is not yet.
     await sleep(1000)
+
+    // Create a sanitized folder name from test title
+    const sanitizeTitle = (title: string) => {
+      return title
+        .replace(/[<>:"/\\|?*]/g, '_')
+        .replace(/\s+/g, '_')
+        .replace(/_+/g, '_')
+        .replace(/^_|_$/g, '')
+    }
+
+    const testDirName = sanitizeTitle(testInfo.title)
+    const videoDir = path.resolve(__dirname, '../videos', testDirName)
+
     const context = await chromium.launchPersistentContext('', {
       headless: false,
       args: [
@@ -36,6 +47,9 @@ export const test = base.extend<{
         '--disable-software-rasterizer',
         '--disable-features=VaapiVideoDecoder',
       ],
+      recordVideo: {
+        dir: videoDir,
+      },
       // executablePath: chromeExePath,
     })
     await use(context)

test-results/.last-run.json

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}