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

test('short tool pages keep the footer flush with the viewport bottom', async ({ page }) => {
	const expectFooterAtViewportBottom = async (viewport: { width: number; height: number }) => {
		await page.setViewportSize(viewport);
		await page.goto('/tools/watermark');

		const footerBottom = await page.locator('footer').evaluate((footer) => {
			return footer.getBoundingClientRect().bottom;
		});

		expect(Math.abs(footerBottom - viewport.height)).toBeLessThanOrEqual(1);
	};

	await expectFooterAtViewportBottom({ width: 1440, height: 900 });
	await expectFooterAtViewportBottom({ width: 390, height: 844 });
});