// Hover Effects Example
// Simulates hovering over interactive elements

console.log('👆 Simulating hover effects...');

// Hover over buttons and links
await page.evaluate(() => {
  const hoverTargets = document.querySelectorAll('button, a, .card, [class*="hover"]');

  hoverTargets.forEach((element, index) => {
    if (index < 5) { // Hover first 5 elements
      element.dispatchEvent(new MouseEvent('mouseenter', {
        view: window,
        bubbles: true,
        cancelable: true
      }));
    }
  });
});

console.log('✓ Hover effects activated');

// Let effects settle
await new Promise(resolve => setTimeout(resolve, 500));