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

test.describe('responsive shell', () => {
  test('keeps the core content visible on mobile widths', async ({ page }) => {
    await page.setViewportSize({ width: 390, height: 844 });
    await page.goto('/');

    await expect(page.getByRole('heading', { name: 'Holiday Property Booking' })).toBeVisible();
    await expect(page.getByRole('heading', { name: 'Foundation work starts here' })).toBeVisible();
    await expect(page.getByRole('link', { name: 'Review foundation' })).toBeVisible();
  });
});