mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-19 21:46:49 +00:00
test(shared): give the header clip test an id of its own
FE-PAGE-SHARED-040 already names the trip-wide marker colour case in the same file, so the new case moves to 042, and the comment above the clip says what it needs to in two lines.
This commit is contained in:
@@ -1453,7 +1453,7 @@ describe('SharedTripPage', () => {
|
||||
|
||||
// ── #2345: the header has to clip the decoration it bleeds ──────────────
|
||||
|
||||
describe('FE-PAGE-SHARED-040: the header clips the circles it bleeds (#2345)', () => {
|
||||
describe('FE-PAGE-SHARED-042: the header clips the circles it bleeds (#2345)', () => {
|
||||
it('does not let them widen the page', async () => {
|
||||
await open('overflow-token', payload({}));
|
||||
|
||||
|
||||
@@ -205,11 +205,8 @@ export default function SharedTripPage() {
|
||||
padding: '32px 20px 28px',
|
||||
textAlign: 'center',
|
||||
position: 'relative',
|
||||
// The two circles below bleed past this box on purpose (-40 to -60 on
|
||||
// each axis) and nothing else on the page clips them, so without this
|
||||
// the header widened the document by 60px: 390 + 60 = the 450px
|
||||
// scrollWidth a 390px phone reported, and the whole page could be
|
||||
// dragged sideways (#2345).
|
||||
// The decoration circles bleed past this box on purpose; without the clip
|
||||
// they widened the page by 60px on a phone (#2345).
|
||||
overflow: 'hidden',
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user