mintel.me/scripts/visual_debug.mjs

import puppeteer from 'puppeteer';

(async () => {
    // Launch browser
    const browser = await puppeteer.launch({ headless: true });
    const page = await browser.newPage();
    
    // Set viewport
    await page.setViewport({ width: 1920, height: 1080 });
    
    try {
        console.log("Navigating to case study page...");
        await page.goto('https://mintel.me/case-studies/klz-cables', { waitUntil: 'networkidle2' });
        
        console.log("Waiting a bit for iframes to load...");
        await new Promise(r => setTimeout(r, 5000));
        
        // Let's get console logs from the page too
        page.on('console', msg => console.log('PAGE LOG:', msg.text()));
        
        console.log("Taking screenshot...");
        await page.screenshot({ path: '/Users/marcmintel/Projects/mintel.me/screenshot_case_study.png', fullPage: true });
        
        // Also take a screenshot of the actual showcase HTML page directly to compare
        console.log("Navigating directly to showcase HTML...");
        await page.goto('https://mintel.me/showcase/klz-cables.com/power-cables-medium-voltage-cables.html', { waitUntil: 'networkidle2' });
        await new Promise(r => setTimeout(r, 3000));
        await page.screenshot({ path: '/Users/marcmintel/Projects/mintel.me/screenshot_showcase.png', fullPage: true });

        console.log("Done!");
    } catch (e) {
        console.error("Error:", e);
    } finally {
        await browser.close();
    }
})();