fix(web): add likes/QueryClient mocks to route tests rendering LikeButton

Pages that render TrackRow/AlbumCard/ArtistRow/PlayerBar now indirectly
mount LikeButton, which calls useQueryClient(). Route tests need the
same mocks the component-level tests have.

- Added createLikedIdsQuery mock to 7 route test files
- Added useQueryClient mock to all affected route tests
- Added readable store import where needed

web/src/routes/albums/[id]/album.test.ts

@@ -1,6 +1,7 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import { flushSync } from 'svelte';
+import { readable } from 'svelte/store';
 import { mockQuery } from '../../../test-utils/query';
 import type { AlbumDetail, TrackRef } from '$lib/api/types';
 
@@ -18,6 +19,21 @@ vi.mock('$lib/api/queries', () => ({
   createAlbumQuery: vi.fn()
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import AlbumPage from './+page.svelte';
 import { createAlbumQuery } from '$lib/api/queries';
 

web/src/routes/artists.test.ts

@@ -1,6 +1,7 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
 import { flushSync } from 'svelte';
+import { readable } from 'svelte/store';
 import { mockInfiniteQuery } from '../test-utils/query';
 import type { ArtistRef, Page } from '$lib/api/types';
 
@@ -19,6 +20,21 @@ vi.mock('$lib/api/queries', () => ({
   createArtistsQuery: vi.fn()
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import ArtistsPage from './+page.svelte';
 import { createArtistsQuery } from '$lib/api/queries';
 import { goto } from '$app/navigation';

web/src/routes/artists/[id]/artist.test.ts

@@ -1,6 +1,7 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import { flushSync } from 'svelte';
+import { readable } from 'svelte/store';
 import { mockQuery } from '../../../test-utils/query';
 import type { ArtistDetail, AlbumRef } from '$lib/api/types';
 
@@ -18,6 +19,21 @@ vi.mock('$lib/api/queries', () => ({
   createArtistQuery: vi.fn()
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import ArtistPage from './+page.svelte';
 import { createArtistQuery } from '$lib/api/queries';
 

web/src/routes/search/albums/albums.test.ts

@@ -1,5 +1,6 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
+import { readable } from 'svelte/store';
 import { mockInfiniteQuery } from '../../../test-utils/query';
 import type { AlbumRef, Page } from '$lib/api/types';
 
@@ -20,6 +21,21 @@ vi.mock('$lib/player/store.svelte', () => ({
   enqueueTracks: vi.fn()
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import AlbumsOverflow from './+page.svelte';
 import { createSearchAlbumsInfiniteQuery } from '$lib/api/queries';
 

web/src/routes/search/artists/artists.test.ts

@@ -1,5 +1,6 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
+import { readable } from 'svelte/store';
 import { mockInfiniteQuery } from '../../../test-utils/query';
 import type { ArtistRef, Page } from '$lib/api/types';
 
@@ -13,6 +14,21 @@ vi.mock('$lib/api/queries', () => ({
   createSearchArtistsInfiniteQuery: vi.fn()
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import ArtistsOverflow from './+page.svelte';
 import { createSearchArtistsInfiniteQuery } from '$lib/api/queries';
 

web/src/routes/search/search.test.ts

@@ -1,5 +1,6 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
+import { readable } from 'svelte/store';
 import { mockQuery } from '../../test-utils/query';
 import type { ArtistRef, AlbumRef, TrackRef, SearchResponse } from '$lib/api/types';
 
@@ -26,6 +27,21 @@ vi.mock('$lib/api/client', () => ({
   api: { get: vi.fn() }
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import SearchPage from './+page.svelte';
 import { createSearchQuery } from '$lib/api/queries';
 

web/src/routes/search/tracks/tracks.test.ts

@@ -1,5 +1,6 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
+import { readable } from 'svelte/store';
 import { mockInfiniteQuery } from '../../../test-utils/query';
 import type { TrackRef, Page } from '$lib/api/types';
 
@@ -19,6 +20,21 @@ vi.mock('$lib/player/store.svelte', () => ({
   enqueueTrack: vi.fn()
 }));
 
+vi.mock('$lib/api/likes', () => ({
+  createLikedIdsQuery: () => readable({
+    data: { track_ids: [], album_ids: [], artist_ids: [] },
+    isPending: false,
+    isError: false
+  }),
+  likeEntity: vi.fn(),
+  unlikeEntity: vi.fn()
+}));
+
+vi.mock('@tanstack/svelte-query', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, useQueryClient: () => ({}) };
+});
+
 import TracksOverflow from './+page.svelte';
 import { createSearchTracksInfiniteQuery } from '$lib/api/queries';
 import { playRadio } from '$lib/player/store.svelte';