import { test, expect } from '@playwright/test';

test('#1 About Us image should be reasonably sized', async ({ page }) => {
  await page.goto('https://uat.dailykart.net/about');

  // Select the first image inside main content
  const aboutSectionImage = page.locator('.about-img img').first();

  // Optional: scroll into view in case it’s lazy-loaded
  await aboutSectionImage.scrollIntoViewIfNeeded();

  await expect(aboutSectionImage).toBeVisible({ timeout: 10000 });

  const imageSize = await aboutSectionImage.boundingBox();

  console.log('Image size:', imageSize);

  expect(imageSize?.width).toBeGreaterThan(100);
  expect(imageSize?.height).toBeGreaterThan(50);
}, { timeout: 60000 });