@rettangoli/vt 0.0.11 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rettangoli/vt",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Rettangoli Visual Testing",
   "type": "module",
   "main": "./src/index.js",

package/src/cli/generate.js

@@ -74,7 +74,7 @@ async function main(options) {
     templateConfig,
   );
 
-  // Generate overview page
+  // Generate overview page (includes all files, skipped or not)
   generateOverview(
     generatedFiles,
     indexTemplatePath,
@@ -82,12 +82,22 @@ async function main(options) {
     configData,
   );
 
-  // Take screenshots
+  // Take screenshots (only for non-skipped files)
   if (!skipScreenshots) {
+    // Filter out files with skipScreenshot: true in frontmatter
+    const filesToScreenshot = generatedFiles.filter(
+      (file) => !file.frontMatter?.skipScreenshot
+    );
+
+    const skippedCount = generatedFiles.length - filesToScreenshot.length;
+    if (skippedCount > 0) {
+      console.log(`Skipping screenshots for ${skippedCount} files`);
+    }
+
     const server = configUrl ? null : startWebServer(siteOutputPath, vtPath, port);
     try {
       await takeScreenshots(
-        generatedFiles,
+        filesToScreenshot,
         `http://localhost:${port}`,
         candidatePath,
         24,

package/src/cli/report.js

@@ -1,7 +1,6 @@
 import fs from "fs";
 import path from "path";
 import crypto from "crypto";
-import sharp from "sharp";
 import { Liquid } from "liquidjs";
 import { cp } from "node:fs/promises";
 
@@ -227,19 +226,19 @@ async function main(options = {}) {
       };
       console.log(JSON.stringify(logData, null, 2));
     });
-    
+
     // Summary at the end
     console.log(`\nSummary:`);
     console.log(`Total images: ${results.length}`);
     console.log(`Mismatched images: ${mismatchingItems.length}`);
-    
+
     // Generate HTML report
     await generateReport({
       results: mismatchingItems,
       templatePath,
       outputPath,
     });
-    if(mismatchingItems.length > 0){ 
+    if(mismatchingItems.length > 0){
       console.error("Error: there are more than 0 mismatching item.")
       process.exit(1);
     }

package/src/common.js

@@ -284,13 +284,23 @@ async function takeScreenshots(
         // Create a new context and page for each file (for parallelism)
         const context = await browser.newContext();
         const page = await context.newPage();
-        let screenshotIndex = 0;
 
         try {
+          const envVars = {};
+          for (const [key, value] of Object.entries(process.env)) {
+            if (key.startsWith('RTGL_VT_')) {
+              envVars[key] = value;
+            }
+          }
+
+          if (Object.keys(envVars).length > 0) {
+            await page.addInitScript((vars) => {
+              Object.assign(window, vars);
+            }, envVars);
+          }
+
           const frontMatterUrl = file.frontMatter?.url;
-          const constructedUrl = convertToHtmlExtension(
-            `${serverUrl}/candidate/${file.path.replace(/\\/g, "/")}`,
-          );
+          const constructedUrl = convertToHtmlExtension(`${serverUrl}/candidate/${file.path.replace(/\\/g, "/")}`);
           const url = frontMatterUrl ?? configUrl ?? constructedUrl;
           const fileUrl = url.startsWith("http") ? url : new URL(url, serverUrl).href;