Videos grid on a wide screen (wide clips only): one clip to a row with its 16:9 poster whole, instead of portrait slivers three across

Co-Authored-By: Claude Opus 5.5 <[email protected]>

1 files changed, 2 insertions, 0 deletions

diff --git a/tools/media-grid-dups-test.js b/tools/media-grid-dups-test.js
index 31ddb9d..2181f69 100644
--- a/tools/media-grid-dups-test.js
+++ b/tools/media-grid-dups-test.js
@@ -91,6 +91,7 @@ try {
   await waitFor(() => document.querySelectorAll('.media-grid .media-tile').length === 3, null, 8000);
   await sleep(1500);
   const tiles = await page.evaluate(() => document.querySelectorAll('.media-grid .media-tile').length);
+  check('a wide screen lays the clips out one to a row, wide', await page.evaluate(() => { const g = document.querySelector('.media-grid'), t = g.querySelector('.media-tile').getBoundingClientRect(); return g.classList.contains('wide') && Math.abs(t.width / t.height - 16 / 9) < 0.05 && t.width > g.getBoundingClientRect().width * 0.95; }));
   check('one tile per clip: the reposted file once, the re-uploaded post once, the other one, none for the deleted one', tiles === 3, tiles + ' tiles');
   await page.evaluate(() => document.querySelector('.media-grid .media-tile').click());
   check('the pager opens', await waitFor(() => !!document.querySelector('.mp-slide.mp-cur video.mp-media'), null, 6000));
@@ -103,6 +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('no page errors', errs.length === 0, errs.slice(0, 2).join(' | '));
 } finally {
   await browser.close();