@testivai/witness-playwright 0.1.9 → 0.1.11

package/dist/config/loader.js

@@ -119,7 +119,12 @@ function mergeTestConfig(projectConfig, testConfig) {
             ...projectConfig.ai,
             ...testConfig.ai
         },
-        selectors: testConfig.selectors
+        performance: {
+            ...projectConfig.performance,
+            ...testConfig.performance
+        },
+        selectors: testConfig.selectors,
+        useCDP: testConfig.useCDP
     };
 }
 /**

package/dist/snapshot.js

@@ -102,6 +102,24 @@ async function snapshot(page, testInfo, name, config) {
             const client = await page.context().newCDPSession(page);
             // Enable Page domain
             await client.send('Page.enable');
+            // Temporarily remove height constraints to get the full scrollable content
+            await page.addStyleTag({
+                content: `
+          html, body {
+            height: auto !important;
+            min-height: auto !important;
+            max-height: none !important;
+          }
+          #testivai-layout-root, [class*="h-screen"] {
+            height: auto !important;
+            min-height: auto !important;
+            max-height: none !important;
+            overflow: visible !important;
+          }
+        `
+            });
+            // Wait a bit for styles to apply
+            await page.waitForTimeout(100);
             // Get layout metrics to determine full page size
             const layoutMetrics = await client.send('Page.getLayoutMetrics');
             // Calculate full page dimensions
@@ -129,6 +147,14 @@ async function snapshot(page, testInfo, name, config) {
             });
             // Save the screenshot
             await fs.writeFile(screenshotPath, Buffer.from(screenshot.data, 'base64'));
+            // Remove the temporary style tag
+            await page.evaluate(`
+        const styleTags = document.querySelectorAll('style');
+        // Remove the last added style tag (our temporary one)
+        if (styleTags.length > 0) {
+          styleTags[styleTags.length - 1].remove();
+        }
+      `);
             // Close CDP session
             await client.detach();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testivai/witness-playwright",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "Playwright sensor for Testivai Visual Regression Test system",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/config/loader.ts

@@ -90,7 +90,12 @@ export function mergeTestConfig(
       ...projectConfig.ai,
       ...testConfig.ai
     },
-    selectors: testConfig.selectors
+    performance: {
+      ...projectConfig.performance,
+      ...testConfig.performance
+    },
+    selectors: testConfig.selectors,
+    useCDP: testConfig.useCDP
   };
 }
 

package/src/snapshot.ts

@@ -80,6 +80,26 @@ export async function snapshot(
       // Enable Page domain
       await client.send('Page.enable');
       
+      // Temporarily remove height constraints to get the full scrollable content
+      await page.addStyleTag({
+        content: `
+          html, body {
+            height: auto !important;
+            min-height: auto !important;
+            max-height: none !important;
+          }
+          #testivai-layout-root, [class*="h-screen"] {
+            height: auto !important;
+            min-height: auto !important;
+            max-height: none !important;
+            overflow: visible !important;
+          }
+        `
+      });
+      
+      // Wait a bit for styles to apply
+      await page.waitForTimeout(100);
+      
       // Get layout metrics to determine full page size
       const layoutMetrics = await client.send('Page.getLayoutMetrics');
       
@@ -112,6 +132,15 @@ export async function snapshot(
       // Save the screenshot
       await fs.writeFile(screenshotPath, Buffer.from(screenshot.data, 'base64'));
       
+      // Remove the temporary style tag
+      await page.evaluate(`
+        const styleTags = document.querySelectorAll('style');
+        // Remove the last added style tag (our temporary one)
+        if (styleTags.length > 0) {
+          styleTags[styleTags.length - 1].remove();
+        }
+      `);
+      
       // Close CDP session
       await client.detach();