Files
carmanagement/apps/homepage/tests/browser/responsive.spec.ts
T
root d7fb7b7a7b
Build & Deploy / Build & Push Docker Image (push) Failing after 47s
Build & Deploy / Deploy to VPS (push) Has been skipped
Test / API Unit Tests (push) Failing after 5m4s
Test / Marketplace Unit Tests (push) Failing after 4m55s
Test / Admin Unit Tests (push) Successful in 9m37s
Test / Dashboard Unit Tests (push) Successful in 9m37s
Test / API Integration Tests (push) Successful in 9m54s
redesign the homepage
2026-06-26 16:27:21 -04:00

25 lines
865 B
TypeScript

import { expect, test } from '@playwright/test';
const widths = [320, 390, 768, 1024, 1440];
for (const locale of ['en', 'fr', 'ar'] as const) {
for (const width of widths) {
test(`${locale} has no horizontal overflow at ${width}px`, async ({ page }) => {
await page.setViewportSize({ width, height: 900 });
await page.goto(`/${locale}`);
const overflow = await page.evaluate(
() => document.documentElement.scrollWidth - document.documentElement.clientWidth,
);
expect(overflow).toBeLessThanOrEqual(1);
});
}
}
test('shell remains operable at a 320 CSS pixel reflow equivalent to 200 percent zoom', async ({
page,
}) => {
await page.setViewportSize({ width: 640, height: 800 });
await page.goto('/fr');
await expect(page.getByRole('button', { name: 'Ouvrir le menu de navigation' })).toBeVisible();
});