Function generateVisualReport

visual-report.js:5–418

()

const SLASH_REGEX = /\//g;

async function generateVisualReport() {
  const expectedDir = path.join(process.cwd(), 'test/unit/visual/screenshots');
  const actualDir = path.join(process.cwd(), 'test/unit/visual/actual-screenshots');
  const outputFile = path.join(process.cwd(), 'test/unit/visual/visual-report.html');
  
  // Make sure the output directory exists
  const outputDir = path.dirname(outputFile);
  if (!fs.existsSync(outputDir)) {
    fs.mkdirSync(outputDir, { recursive: true });
  }
  
  // Function to read image file and convert to data URL
  function imageToDataURL(filePath) {
    try {
      const data = fs.readFileSync(filePath);
      const base64 = data.toString('base64');
      return `data:image/png;base64,${base64}`;
    } catch (error) {
      console.error(`Failed to read image: ${filePath}`, error);
      return null;
    }
  }
  
  // Create a lookup map for actual screenshots
  function createActualScreenshotMap() {
    const actualMap = new Map();
    if (!fs.existsSync(actualDir)) {
      console.warn(`Actual screenshots directory does not exist: ${actualDir}`);
      return actualMap;
    }
    
    const files = fs.readdirSync(actualDir);
    for (const file of files) {
      if (file.endsWith('.png') && !file.endsWith('-diff.png')) {
        actualMap.set(file, path.join(actualDir, file));
      }
    }
    
    return actualMap;
  }
  
  const actualScreenshotMap = createActualScreenshotMap();
  
  // Recursively find all test cases
  function findTestCases(dir, prefix = '') {
    const testCases = [];
    
    if (!fs.existsSync(path.join(dir, prefix))) {
      console.warn(`Directory does not exist: ${path.join(dir, prefix)}`);
      return testCases;
    }
    
    const entries = fs.readdirSync(path.join(dir, prefix), { withFileTypes: true });
    
    for (const entry of entries) {
      const fullPath = path.join(prefix, entry.name);
      
      if (entry.isDirectory()) {