/* ── the phone turned over. A resize, so the app keeps playing and keeps its stack; what changes is the layout, and every one of these asserts something that was clipped or unreachable at 915x411 before. ────── */ { view: [915, 411], name: "landscape", wait: 900 }, { do: `document.querySelector('.mini').click()`, name: "landscape-sheet", wait: 1200 }, { do: `document.querySelectorAll('.fbtn')[1].click()`, name: "landscape-lyrics", wait: 1200 }, { do: `document.querySelectorAll('.fbtn')[2].click()`, name: "landscape-queue", wait: 900 }, { do: `document.querySelectorAll('.fbtn')[0].click()`, wait: 500 }, { do: `__ss.closeSheet()`, wait: 800 }, /* a record sideways: the cover beside the title, Play in view without a scroll, and a long sheet over it — the track's, 473px of rows and facts — capped taller than portrait's 76% and still scrolling to its last row. (Home's own overflow sheet is 212px tall at either cap and would have proved nothing.) */ { do: `document.querySelectorAll('.nav button')[2].click()`, wait: 800 }, { do: `document.querySelectorAll('.segtabs button')[0].click()`, wait: 500 }, { do: `document.querySelectorAll('.grid2 .release')[2].click()`, name: "landscape-album", wait: 1100 }, { do: `document.querySelector('.trk .r').click()`, name: "landscape-half", wait: 900 }, { do: `document.querySelector('.scrim').click()`, wait: 700 }, /* and the artist: the hero a banner rather than 300px of a 411px screen, so it stops covering its own Play button with the mini bar */ { do: `document.querySelector('.rec-artist').click()`, name: "landscape-artist", wait: 1400 }, { do: `document.querySelectorAll('.nav button')[0].click()`, wait: 800 }, /* the side insets, faked: sideways the cutout and the gesture pill come in from the edges, and env() cannot be emulated here — the plumbing can */ { do: `document.documentElement.style.setProperty('--inset-left', '28px'); document.documentElement.style.setProperty('--inset-right', '28px'); true`, name: "landscape-insets", wait: 700 }, { do: `document.documentElement.style.removeProperty('--inset-left'); document.documentElement.style.removeProperty('--inset-right'); true`, wait: 500 }, /* and back, which is also the override reset: portrait must be exactly what it was before any of this */ { view: [411, 914], wait: 800 }, { do: `document.querySelector('.mini').click()`, name: "portrait-again", wait: 1200 }, { do: `__ss.closeSheet()`, wait: 600 },