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

test.describe('visual regression', () => {
    test('home page matches snapshot', async ({ page }) => {
        await page.goto('/');
        await expect(page).toHaveTitle(/mifi Ventures/);
        await expect(page.locator('h1')).toBeVisible();
        await expect(page.locator('#main')).toBeVisible();
        await expect(page.locator('.footer')).toBeVisible();
        await expect(page).toHaveScreenshot('home.png', { fullPage: true });
    });

    test('privacy policy page matches snapshot', async ({ page }) => {
        await page.goto('/privacy-policy');
        await expect(page).toHaveTitle(/Privacy Policy | mifi Ventures/);
        await expect(page.locator('h1')).toBeVisible();
        await expect(page.locator('#main')).toBeVisible();
        await expect(page.locator('.footer')).toBeVisible();
        await expect(page).toHaveScreenshot('privacy-policy.png', { fullPage: true });
    });

    test('terms of service page matches snapshot', async ({ page }) => {
        await page.goto('/terms-of-service');
        await expect(page).toHaveTitle(/Terms of Service | mifi Ventures/);
        await expect(page.locator('h1')).toBeVisible();
        await expect(page.locator('#main')).toBeVisible();
        await expect(page.locator('.footer')).toBeVisible();
        await expect(page).toHaveScreenshot('terms-of-service.png', { fullPage: true });
    });
});