From 2c1acf85ac24f78207e0c667a7fae8dfdfa54ac0 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Thu, 22 Oct 2026 10:06:20 -0700 Subject: Videos grid: "All shapes" lays the clips out three across in squares (tall tiles stay for a phone held upright showing tall clips only) Co-Authored-By: Claude Opus 5.5 --- tools/media-grid-dups-test.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'tools') diff --git a/tools/media-grid-dups-test.js b/tools/media-grid-dups-test.js index 2181f69..0c3783d 100644 --- a/tools/media-grid-dups-test.js +++ b/tools/media-grid-dups-test.js @@ -104,7 +104,7 @@ try { check('…and "All shapes" brings it in', await waitFor(() => { const s = [...document.querySelectorAll('.mp-slide')].find((x) => x.getAttribute('data-k').endsWith('/tall.webm')); return !!s && !s.closest('.mp-group').classList.contains('mp-off'); }, null, 3000)); await page.keyboard.press('Escape'); check('the grid has it too', await waitFor(() => [...document.querySelectorAll('.media-grid .media-tile')].some((t) => t.getAttribute('data-key').endsWith('/tall.webm')), null, 5000)); - check('…in the 3-across grid of tall tiles again', await page.evaluate(() => !document.querySelector('.media-grid').classList.contains('wide'))); + check('…in a 3-across grid of squares', await page.evaluate(() => { const g = document.querySelector('.media-grid'), t = g.querySelector('.media-tile').getBoundingClientRect(); return g.classList.contains('square') && Math.abs(t.width - t.height) < 2 && t.width < g.getBoundingClientRect().width / 2.5; })); check('no page errors', errs.length === 0, errs.slice(0, 2).join(' | ')); } finally { await browser.close(); -- cgit v1.2.3