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

for (const locale of ['fr', 'ar'] as const) {
  test(`${locale} shell tolerates long content expansion`, async ({ page }) => {
    await page.setViewportSize({ width: 390, height: 900 });
    await page.goto(`/${locale}/system`);
    await page
      .locator('main article h3')
      .first()
      .evaluate((element) => {
        element.textContent = [element.textContent, element.textContent, element.textContent]
          .filter(Boolean)
          .join(' ');
      });
    const overflow = await page.evaluate(
      () => document.documentElement.scrollWidth - document.documentElement.clientWidth,
    );
    expect(overflow).toBeLessThanOrEqual(1);
  });
}
