From 041e5022bd4ece34ff54b44a7858acf8b4affca1 Mon Sep 17 00:00:00 2001 From: Isabella-Mitchell Date: Thu, 23 Jul 2026 11:15:44 +0100 Subject: [PATCH 1/2] WS-NA: Smalll improvement to billboard image --- src/app/components/Billboard/index.test.tsx | 18 ++++++++++++++++++ src/app/components/Billboard/index.tsx | 4 ++-- 2 files changed, 20 insertions(+), 2 deletions(-) diff --git a/src/app/components/Billboard/index.test.tsx b/src/app/components/Billboard/index.test.tsx index b9cedfaa889..3cbdb717aa4 100644 --- a/src/app/components/Billboard/index.test.tsx +++ b/src/app/components/Billboard/index.test.tsx @@ -293,6 +293,24 @@ describe('Billboard', () => { maskedImageSpy.mockRestore(); }); + it('includes an 800w resolution in the srcset, capped so no larger image is ever requested', () => { + render( + , + ); + + const image = screen.getByAltText(imageAlt); + const srcset = image.getAttribute('srcset'); + expect(srcset).toContain('800w'); + expect(srcset).not.toMatch(/\d{4,}w/); + }); + it('renders the curation grid when promo items are present', () => { const maskedImageSpy = jest.spyOn(MaskedImage, 'default'); diff --git a/src/app/components/Billboard/index.tsx b/src/app/components/Billboard/index.tsx index fce6712bab7..d0db7dd145a 100644 --- a/src/app/components/Billboard/index.tsx +++ b/src/app/components/Billboard/index.tsx @@ -35,8 +35,8 @@ interface BillboardProps { summaries?: Summary[]; } -const IMAGE_WIDTH = 660; -const DEFAULT_IMAGE_RES = 480; +const IMAGE_WIDTH = 800; // affects both masked and unmasked images. The masked image will be cropped to 240px width, but the original image is still 800px wide +const DEFAULT_IMAGE_RES = 480; // safety fallback export default ({ heading, From ed1380b057a02bc3d7e593be3158aa0cc234b7fe Mon Sep 17 00:00:00 2001 From: Isabella-Mitchell Date: Thu, 23 Jul 2026 16:17:32 +0100 Subject: [PATCH 2/2] WS-NA-billboard: Tidies --- src/app/components/Billboard/index.test.tsx | 3 +-- src/app/components/Billboard/index.tsx | 4 ++-- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/src/app/components/Billboard/index.test.tsx b/src/app/components/Billboard/index.test.tsx index 3cbdb717aa4..25d10e5a7fb 100644 --- a/src/app/components/Billboard/index.test.tsx +++ b/src/app/components/Billboard/index.test.tsx @@ -293,7 +293,7 @@ describe('Billboard', () => { maskedImageSpy.mockRestore(); }); - it('includes an 800w resolution in the srcset, capped so no larger image is ever requested', () => { + it('includes an 800w resolution in the srcset', () => { render( { const image = screen.getByAltText(imageAlt); const srcset = image.getAttribute('srcset'); expect(srcset).toContain('800w'); - expect(srcset).not.toMatch(/\d{4,}w/); }); it('renders the curation grid when promo items are present', () => { diff --git a/src/app/components/Billboard/index.tsx b/src/app/components/Billboard/index.tsx index d0db7dd145a..b079ffe3762 100644 --- a/src/app/components/Billboard/index.tsx +++ b/src/app/components/Billboard/index.tsx @@ -35,8 +35,8 @@ interface BillboardProps { summaries?: Summary[]; } -const IMAGE_WIDTH = 800; // affects both masked and unmasked images. The masked image will be cropped to 240px width, but the original image is still 800px wide -const DEFAULT_IMAGE_RES = 480; // safety fallback +const IMAGE_WIDTH = 800; +const DEFAULT_IMAGE_RES = 480; export default ({ heading,