fix: bouton de repli des facettes compact et icone seule qui pivote sur mobile #157

2026-10-02 08:14:48 -04:00
parent 1e0e419210
commit 5ffc9d851a
11 changed files with 45 additions and 16 deletions
@@ -154,6 +154,20 @@ test.describe('Full-Text Search', () => {
    await expect(page.locator('.search-facets__body')).toBeHidden();
    await page.locator('.search-facets__toggle').click();
    await expect(page.locator('.search-facets__body')).toBeVisible();
+
+    // mobile: the toggle stays compact (no full-width stretch) and only the
+    // icon rotates — the button box itself never spins
+    await page.setViewportSize({ width: 390, height: 844 });
+    const toggle = page.locator('.search-facets__toggle');
+    const box = await toggle.boundingBox();
+    expect(box).not.toBeNull();
+    expect(box!.width).toBeLessThan(150);
+    await toggle.click();
+    expect(await toggle.evaluate((el) => getComputedStyle(el).transform)).toBe('none');
+    const icon = toggle.locator('svg');
+    expect(await icon.evaluate((el) => getComputedStyle(el).transform)).not.toBe('none');
+    await toggle.click();
+    await page.setViewportSize({ width: 1280, height: 720 });
  });

  test('should navigate results with floating bar arrows', async ({ page }) => {