@lvce-editor/test-with-playwright-worker 22.12.0 → 22.13.0

package/dist/workerMain.js

@@ -1,5 +1,5 @@
-import { join, dirname, basename } from 'node:path';
-import { readFile, writeFile, readdir, mkdir, rm, access, mkdtemp } from 'node:fs/promises';
+import { join, dirname, basename, extname } from 'node:path';
+import { readFile, writeFile, readdir, rm, mkdir, access, mkdtemp } from 'node:fs/promises';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 import IstanbulCoverage from 'istanbul-lib-coverage';
 import v8ToIstanbul from 'v8-to-istanbul';
@@ -989,6 +989,41 @@ const getTests = async testSrc => {
   }
 };
 
+const selector = 'script.RendererWorkerTrace';
+const getFileName = test => {
+  const name = basename(test);
+  return `${name.slice(0, -extname(name).length)}.json`;
+};
+const prepareDirectory = async directory => {
+  await rm(directory, {
+    force: true,
+    recursive: true
+  });
+  await mkdir(directory, {
+    recursive: true
+  });
+};
+const exportTrace = async ({
+  directory,
+  page,
+  test
+}) => {
+  let text;
+  try {
+    text = await page.evaluate(traceSelector => {
+      return globalThis.document.querySelector(traceSelector)?.textContent || undefined;
+    }, selector);
+  } catch {
+    return false;
+  }
+  if (!text) {
+    return false;
+  }
+  JSON.parse(text);
+  await writeFile(join(directory, getFileName(test)), `${text}\n`);
+  return true;
+};
+
 const Cli = 6001;
 
 const browserScriptCache = {};
@@ -1267,14 +1302,17 @@ const getTestState = (testOverlayState, text) => {
  * @param {number} port
  * @param {boolean} traceFocus
  */
-const getUrlFromTestFile = (absolutePath, port, traceFocus) => {
+const getUrlFromTestFile = (absolutePath, port, traceFocus, traceRendererWorker) => {
   const baseName = basename(absolutePath);
   const htmlFileName = baseName.slice(0, -'.js'.length) + '.html';
-  const baseUrl = `http://localhost:${port}/tests/${htmlFileName}`;
+  const url = new URL(`http://localhost:${port}/tests/${htmlFileName}`);
   if (traceFocus) {
-    return `${baseUrl}?traceFocus=true`;
+    url.searchParams.set('traceFocus', 'true');
   }
-  return baseUrl;
+  if (traceRendererWorker) {
+    url.searchParams.set('traceRendererWorker', 'true');
+  }
+  return url.href;
 };
 const runTest = async ({
   page,
@@ -1283,14 +1321,15 @@ const runTest = async ({
   test,
   testSrc,
   timeout,
-  traceFocus
+  traceFocus,
+  traceRendererWorker
 }) => {
   const start = performance.now();
   try {
     const {
       expect
     } = await import('@playwright/test');
-    const url = getUrlFromTestFile(test, port, traceFocus);
+    const url = getUrlFromTestFile(test, port, traceFocus ?? false, traceRendererWorker ?? false);
     await page.goto(url, {
       waitUntil: 'networkidle'
     });
@@ -1371,6 +1410,7 @@ const runTests = async ({
   onResult,
   page,
   port,
+  rendererWorkerTraceDirectory,
   svgScreenshotOptions,
   tests,
   testSrc,
@@ -1391,10 +1431,18 @@ const runTests = async ({
       testSrc,
       timeout,
       traceFocus: traceFocus ?? false,
+      traceRendererWorker: rendererWorkerTraceDirectory !== undefined,
       ...(svgScreenshotOptions && {
         svgScreenshotOptions
       })
     });
+    if (rendererWorkerTraceDirectory) {
+      await exportTrace({
+        directory: rendererWorkerTraceDirectory,
+        page,
+        test
+      });
+    }
     await onResult(result);
     // @ts-ignore
     const resultCounts = getResultCounts$1(result.status);
@@ -1441,11 +1489,14 @@ const getResultCounts = status => {
       };
   }
 };
-const getAllTestsUrl = (port, filter, traceFocus) => {
+const getAllTestsUrl = (port, filter, traceFocus, traceRendererWorker) => {
   const url = new URL(`http://localhost:${port}/tests/_all.html`);
   if (traceFocus) {
     url.searchParams.set('traceFocus', 'true');
   }
+  if (traceRendererWorker) {
+    url.searchParams.set('traceRendererWorker', 'true');
+  }
   if (filter) {
     url.searchParams.set('filter', filter);
   }
@@ -1538,13 +1589,14 @@ const runTestsWithReusedPage = async ({
   onResult,
   page,
   port,
+  rendererWorkerTraceDirectory,
   timeout,
   traceFocus
 }) => {
   const start = performance.now();
   let results;
   try {
-    const url = getAllTestsUrl(port, filter, traceFocus ?? false);
+    const url = getAllTestsUrl(port, filter, traceFocus ?? false, rendererWorkerTraceDirectory !== undefined);
     await page.goto(url, {
       timeout,
       waitUntil: 'networkidle'
@@ -1554,6 +1606,13 @@ const runTestsWithReusedPage = async ({
   } catch (error) {
     results = [getFailedAllTestsResult(error, start)];
   }
+  if (rendererWorkerTraceDirectory) {
+    await exportTrace({
+      directory: rendererWorkerTraceDirectory,
+      page,
+      test: '_all.html'
+    });
+  }
   let failed = 0;
   let passed = 0;
   let skipped = 0;
@@ -2117,8 +2176,9 @@ const tearDownTests = async ({
  * @param {string} filter
  * @param {boolean} reusePage
  * @param {boolean} coverage
+ * @param {boolean} traceRendererWorker
  */
-const runAllTests = async (extensionPath, testPath, cwd, browser, headless, timeout, runtimeOptions, traceFocus, filter, reusePage, svgScreenshotOptions, coverage) => {
+const runAllTests = async (extensionPath, testPath, cwd, browser, headless, timeout, runtimeOptions, traceFocus, filter, reusePage, svgScreenshotOptions, coverage, traceRendererWorker) => {
   string(extensionPath);
   string(testPath);
   string(cwd);
@@ -2128,6 +2188,7 @@ const runAllTests = async (extensionPath, testPath, cwd, browser, headless, time
   object(runtimeOptions);
   boolean(reusePage);
   boolean(coverage);
+  boolean(traceRendererWorker);
   if (svgScreenshotOptions !== undefined) {
     object(svgScreenshotOptions);
   }
@@ -2137,6 +2198,10 @@ const runAllTests = async (extensionPath, testPath, cwd, browser, headless, time
     signal
   } = controller;
   const testSrc = join(testPath, 'src');
+  const rendererWorkerTraceDirectory = join(cwd, 'renderer-worker-traces');
+  if (traceRendererWorker) {
+    await prepareDirectory(rendererWorkerTraceDirectory);
+  }
   const onResult = async result => {
     await rpc.invoke(HandleResult, result);
   };
@@ -2202,7 +2267,10 @@ const runAllTests = async (extensionPath, testPath, cwd, browser, headless, time
             page,
             port,
             timeout,
-            traceFocus
+            traceFocus,
+            ...(traceRendererWorker && {
+              rendererWorkerTraceDirectory
+            })
           });
         }
       });
@@ -2225,6 +2293,9 @@ const runAllTests = async (extensionPath, testPath, cwd, browser, headless, time
           testSrc,
           timeout,
           traceFocus,
+          ...(traceRendererWorker && {
+            rendererWorkerTraceDirectory
+          }),
           ...(svgScreenshotOptions && {
             svgScreenshotOptions
           })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/test-with-playwright-worker",
-  "version": "22.12.0",
+  "version": "22.13.0",
   "description": "Worker package for test-with-playwright",
   "repository": {
     "type": "git",