From 356f8f5d6cc3f9c4484bb21275e98f0f4ad2d0c7 Mon Sep 17 00:00:00 2001 From: Bryan Van Deusen Date: Mon, 11 May 2026 23:46:07 -0400 Subject: [PATCH] test(web): update home placeholder counts for new Discover slot MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 5-slot system row (For-You, Discover, 3× Songs-like) means: - empty state: 5 placeholders (was 4) - For-You only: 4 placeholders (was 3) — Discover + 3 songs-like --- web/src/routes/page.test.ts | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/web/src/routes/page.test.ts b/web/src/routes/page.test.ts index 10a5466e..884dd067 100644 --- a/web/src/routes/page.test.ts +++ b/web/src/routes/page.test.ts @@ -54,10 +54,11 @@ beforeEach(() => { afterEach(() => vi.clearAllMocks()); describe('home Playlists section', () => { - test('renders 4 placeholder cards when no playlists exist', () => { + test('renders 5 placeholder cards when no playlists exist', () => { + // Slot layout: For-You, Discover, 3× Songs-like. render(Page); const placeholders = screen.queryAllByTestId('playlist-placeholder-card'); - expect(placeholders).toHaveLength(4); + expect(placeholders).toHaveLength(5); }); test('building status sets variant=building on placeholders', () => { @@ -103,6 +104,8 @@ describe('home Playlists section', () => { render(Page); expect(screen.getByText('For You')).toBeInTheDocument(); const placeholders = screen.queryAllByTestId('playlist-placeholder-card'); - expect(placeholders).toHaveLength(3); // 3 songs-like slots + // 1 Discover + 3 Songs-like slots = 4 placeholders alongside the + // real For-You tile. + expect(placeholders).toHaveLength(4); }); });