diff --git a/apps/web/tests/desktop-locale.e2e.ts b/apps/web/tests/desktop-locale.e2e.ts index 71590956e9..cc43d697f1 100644 --- a/apps/web/tests/desktop-locale.e2e.ts +++ b/apps/web/tests/desktop-locale.e2e.ts @@ -103,14 +103,17 @@ describe.skipIf(MODE === 'record')('web e2e: native and Client locale preference await jaDialog.getByRole('button', { name: '日本語', exact: true }).waitFor() await expect.poll(() => reported).toEqual(['ja']) expect(await page.evaluate(() => document.documentElement.lang)).toBe('ja') + await page.setViewportSize({ width: 390, height: 844 }) const overflows = (): Promise => jaDialog.evaluate((dialog) => { - const containers = [dialog, ...dialog.querySelectorAll('*')] + // The narrow navigation strip scrolls horizontally by design; inspect the panel and section content. + const options = dialog.lastElementChild! + const containers = [dialog, options, ...options.querySelectorAll('*')] .filter(element => element === dialog || ['auto', 'scroll'].includes(getComputedStyle(element).overflowX)) return containers.filter(element => element.clientWidth > 0 && element.scrollWidth > element.clientWidth + 1).length }) await expect.poll(overflows).toBe(0) await jaDialog.evaluate((dialog) => { - const options = dialog.querySelector('nav')!.nextElementSibling!.lastElementChild! + const options = dialog.lastElementChild! const probe = document.createElement('div') probe.dataset.localeOverflowProbe = '' probe.style.width = '2000px'