refactor(web): sweep test files to use empty likes/quarantine mocks (#375)

Replaces duplicated inline vi.mock('$lib/api/likes', ...) blocks with
the emptyLikesMock() helper, and (where previously left in working
tree by a parallel quarantine sweep) rolls in the matching
emptyQuarantineMock() switchovers in the same files.

Together with commit dd67f28 — which already swept the four search/*
test files for likes — this completes the 18 likes-mock conversions
called out in #375.

LikeButton.test.ts kept inline — it uses a state-driven mock to
assert the toggle behavior.

SKIPPED:
- liked.test.ts: re-exports createLikedTracksInfiniteQuery and the
  album/artist variants that emptyLikesMock() doesn't provide.
- playlist.test.ts: hand-rolled { subscribe, data } stub instead of
  readable(...) — different store contract.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

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

@@ -1,8 +1,8 @@
 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 { emptyLikesMock } from '../../../test-utils/mocks/likes';
 import type { AlbumDetail, TrackRef } from '$lib/api/types';
 
 const state = vi.hoisted(() => ({ pageParams: { id: 'xyz' } as Record<string, string> }));
@@ -19,15 +19,7 @@ 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('$lib/api/likes', () => emptyLikesMock());
 
 import AlbumPage from './+page.svelte';
 import { createAlbumQuery } from '$lib/api/queries';

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

@@ -1,8 +1,8 @@
 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 { emptyLikesMock } from '../../../test-utils/mocks/likes';
 import type { ArtistDetail, AlbumRef } from '$lib/api/types';
 
 const state = vi.hoisted(() => ({ pageParams: { id: 'abc' } as Record<string, string> }));
@@ -19,15 +19,7 @@ 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('$lib/api/likes', () => emptyLikesMock());
 
 import ArtistPage from './+page.svelte';
 import { createArtistQuery } from '$lib/api/queries';

web/src/routes/library/albums/page.test.ts

@@ -1,6 +1,7 @@
 import { describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../../test-utils/mocks/likes';
 
 vi.mock('$lib/api/albums', () => ({
   createAlbumsAlphaInfiniteQuery: () => readable({
@@ -29,14 +30,7 @@ vi.mock('$lib/player/store.svelte', () => ({
   enqueueTracks: vi.fn(),
   playQueue: 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('$lib/api/likes', () => emptyLikesMock());
 // AlbumCard renders LikeButton, which calls useQueryClient() to get the
 // cache for invalidation. The page test isn't wrapped in a QueryClientProvider,
 // so we stub useQueryClient with a noop client.

web/src/routes/library/artists/page.test.ts

@@ -1,6 +1,7 @@
 import { describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../../test-utils/mocks/likes';
 
 vi.mock('$lib/api/queries', () => ({
   createArtistsQuery: () => readable({
@@ -27,12 +28,7 @@ vi.mock('$lib/player/store.svelte', () => ({
 vi.mock('$lib/api/artists', () => ({
   listArtistTracks: vi.fn().mockResolvedValue([])
 }));
-vi.mock('$lib/api/likes', () => ({
-  createLikedIdsQuery: () =>
-    readable({ data: { track_ids: [], album_ids: [], artist_ids: [] }, isPending: false, isError: false }),
-  likeEntity: vi.fn().mockResolvedValue(undefined),
-  unlikeEntity: vi.fn().mockResolvedValue(undefined)
-}));
+vi.mock('$lib/api/likes', () => emptyLikesMock());
 import Page from './+page.svelte';
 
 describe('/library/artists', () => {

web/src/routes/page.test.ts

@@ -1,6 +1,7 @@
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../test-utils/mocks/likes';
 import type { Playlist } from '$lib/api/types';
 
 // Mock all the queries the home page constructs.
@@ -29,12 +30,7 @@ vi.mock('$lib/api/me', () => ({
 }));
 
 // LikeButton imports — needed because the home renders cards that may use it.
-vi.mock('$lib/api/likes', () => ({
-  createLikedIdsQuery: () =>
-    readable({ data: { track_ids: [], album_ids: [], artist_ids: [] }, isPending: false, isError: false }),
-  likeEntity: vi.fn().mockResolvedValue(undefined),
-  unlikeEntity: vi.fn().mockResolvedValue(undefined)
-}));
+vi.mock('$lib/api/likes', () => emptyLikesMock());
 
 import Page from './+page.svelte';
 import { createPlaylistsQuery } from '$lib/api/playlists';