const puppeteer = require('puppeteer');
(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    
    page.on('pageerror', err => console.log('Runtime Error:', err.message));
    page.on('console', msg => console.log('Console:', msg.text()));

    await page.goto('http://localhost:3001');
    await page.waitForTimeout(2000);
    
    // Evaluate if Gantt DOM structural integrity exists
    const ganttMetrics = await page.evaluate(() => {
        const blocks = document.querySelectorAll('.gantt-block');
        const rows = document.querySelectorAll('.gantt-row');
        return {
           blockCount: blocks.length,
           rowCount: rows.length,
           blocksWidth: Array.from(blocks).slice(0,5).map(b => b.style.width),
           blocksLeft: Array.from(blocks).slice(0,5).map(b => b.style.left)
        };
    });
    console.log("Metrics:", JSON.stringify(ganttMetrics, null, 2));

    await browser.close();
})();