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/lib/components/AlbumCard.test.ts

@@ -2,7 +2,7 @@ import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
 import type { AlbumRef, AlbumDetail, TrackRef } from '$lib/api/types';
 import { FALLBACK_COVER } from '$lib/media/covers';
-import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
 
 vi.mock('$lib/api/client', () => ({
   api: { get: vi.fn() }
@@ -12,15 +12,7 @@ vi.mock('$lib/player/store.svelte', () => ({
   playQueue: vi.fn()
 }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () => readable({
-    data: { track_ids: [], album_ids: [], artist_ids: [] },
-    isPending: false,
-    isError: false
-  }),
-  likeEntity: vi.fn(),
-  unlikeEntity: vi.fn()
-}));
 
 vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
 

web/src/lib/components/AlbumMenu.test.ts

@@ -1,16 +1,12 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent, waitFor } from '@testing-library/svelte';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
 import type { TrackRef } from '$lib/api/types';
 
 vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  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/albums', async (orig) => {
   const actual = (await orig()) as Record<string, unknown>;

web/src/lib/components/ArtistCard.test.ts

@@ -1,5 +1,6 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
 import type { ArtistRef, TrackRef } from '$lib/api/types';
 
 vi.mock('$lib/api/client', () => ({
@@ -12,15 +13,7 @@ vi.mock('$lib/player/store.svelte', () => ({
 vi.mock('$lib/api/artists', () => ({
   listArtistTracks: vi.fn().mockResolvedValue([])
 }));
-vi.mock('$lib/api/likes', async () => {
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  const { readable } = await import('svelte/store');
-  return {
-    createLikedIdsQuery: () =>
-      readable({ data: { track_ids: [], album_ids: [], artist_ids: [] }, isPending: false, isError: false }),
-    likeEntity: vi.fn().mockResolvedValue(undefined),
-    unlikeEntity: vi.fn().mockResolvedValue(undefined)
-  };
-});
 import ArtistCard from './ArtistCard.svelte';
 import { api } from '$lib/api/client';
 import { playQueue } from '$lib/player/store.svelte';

web/src/lib/components/ArtistMenu.test.ts

@@ -1,16 +1,12 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent, waitFor } from '@testing-library/svelte';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
 import type { TrackRef } from '$lib/api/types';
 
 vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  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/artists', () => ({
   listArtistTracks: vi.fn().mockResolvedValue([])

web/src/lib/components/CompactTrackCard.test.ts

@@ -2,20 +2,12 @@ import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
 import type { TrackRef } from '$lib/api/types';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+import { emptyQuarantineMock } from '../../test-utils/mocks/quarantine';
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  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/quarantine', () => ({
+vi.mock('$lib/api/quarantine', () => emptyQuarantineMock());
-  flagTrack: vi.fn().mockResolvedValue({}),
-  unflagTrack: vi.fn().mockResolvedValue(undefined),
-  listMyQuarantine: vi.fn().mockResolvedValue([]),
-  createMyQuarantineQuery: () => readable({ data: [], isPending: false, isError: false })
-}));
 
 vi.mock('$lib/api/admin/tracks', () => ({
   removeTrack: vi.fn().mockResolvedValue({ deleted_track_id: 't1' })

web/src/lib/components/PlayerBar.test.ts

@@ -1,7 +1,8 @@
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
 import type { TrackRef } from '$lib/api/types';
-import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+import { emptyQuarantineMock } from '../../test-utils/mocks/quarantine';
 
 // Mutable state the mocked store reads from.
 const state = vi.hoisted(() => ({
@@ -44,22 +45,9 @@ vi.mock('$lib/player/store.svelte', () => ({
   toggleQueueDrawer: vi.fn()
 }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () => readable({
-    data: { track_ids: [], album_ids: [], artist_ids: [] },
-    isPending: false,
-    isError: false
-  }),
-  likeEntity: vi.fn(),
-  unlikeEntity: vi.fn()
-}));
 
-vi.mock('$lib/api/quarantine', () => ({
+vi.mock('$lib/api/quarantine', () => emptyQuarantineMock());
-  flagTrack: vi.fn(),
-  unflagTrack: vi.fn(),
-  listMyQuarantine: vi.fn().mockResolvedValue([]),
-  createMyQuarantineQuery: vi.fn()
-}));
 
 import PlayerBar from './PlayerBar.svelte';
 import {

web/src/lib/components/PlaylistTrackRow.test.ts

@@ -1,6 +1,7 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
-import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+import { emptyQuarantineMock } from '../../test-utils/mocks/quarantine';
 import type { PlaylistTrack } from '$lib/api/types';
 
 // LikeButton + TrackMenu transitively pull in TanStack Query, the auth
@@ -16,24 +17,9 @@ vi.mock('$app/navigation', () => ({
   goto: vi.fn()
 }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  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/quarantine', () => ({
+vi.mock('$lib/api/quarantine', () => emptyQuarantineMock());
-  flagTrack: vi.fn().mockResolvedValue({}),
-  unflagTrack: vi.fn().mockResolvedValue(undefined),
-  listMyQuarantine: vi.fn().mockResolvedValue([]),
-  createMyQuarantineQuery: () =>
-    readable({ data: [], isPending: false, isError: false })
-}));
 
 vi.mock('$lib/api/admin/tracks', () => ({
   removeTrack: vi.fn().mockResolvedValue({ deleted_track_id: 't-1' })

web/src/lib/components/TrackMenu.test.ts

@@ -1,6 +1,8 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent, waitFor } from '@testing-library/svelte';
 import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+import { emptyQuarantineMock } from '../../test-utils/mocks/quarantine';
 import type { TrackRef } from '$lib/api/types';
 
 // Mutable mock-user handle so individual tests can flip is_admin / null
@@ -19,19 +21,9 @@ vi.mock('$app/navigation', () => ({
   goto: vi.fn()
 }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  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/quarantine', () => ({
+vi.mock('$lib/api/quarantine', () => emptyQuarantineMock());
-  flagTrack: vi.fn().mockResolvedValue({}),
-  unflagTrack: vi.fn().mockResolvedValue(undefined),
-  listMyQuarantine: vi.fn().mockResolvedValue([]),
-  createMyQuarantineQuery: () => readable({ data: [], isPending: false, isError: false })
-}));
 
 vi.mock('$lib/api/admin/tracks', () => ({
   removeTrack: vi.fn().mockResolvedValue({ deleted_track_id: 't1' })

web/src/lib/components/TrackRow.test.ts

@@ -1,7 +1,8 @@
 import { afterEach, describe, expect, test, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
 import type { TrackRef } from '$lib/api/types';
-import { readable } from 'svelte/store';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+import { emptyQuarantineMock } from '../../test-utils/mocks/quarantine';
 
 vi.mock('$lib/player/store.svelte', () => ({
   playQueue: vi.fn(),
@@ -9,22 +10,9 @@ vi.mock('$lib/player/store.svelte', () => ({
   playRadio: vi.fn()
 }));
 
-vi.mock('$lib/api/likes', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () => readable({
-    data: { track_ids: [], album_ids: [], artist_ids: [] },
-    isPending: false,
-    isError: false
-  }),
-  likeEntity: vi.fn(),
-  unlikeEntity: vi.fn()
-}));
 
-vi.mock('$lib/api/quarantine', () => ({
+vi.mock('$lib/api/quarantine', () => emptyQuarantineMock());
-  flagTrack: vi.fn(),
-  unflagTrack: vi.fn(),
-  listMyQuarantine: vi.fn().mockResolvedValue([]),
-  createMyQuarantineQuery: vi.fn()
-}));
 
 import TrackRow from './TrackRow.svelte';
 import { playQueue, enqueueTrack, playRadio } from '$lib/player/store.svelte';

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', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () => readable({
-    data: { track_ids: [], album_ids: [], artist_ids: [] },
-    isPending: false,
-    isError: false
-  }),
-  likeEntity: vi.fn(),
-  unlikeEntity: vi.fn()
-}));
 
 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', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () => readable({
-    data: { track_ids: [], album_ids: [], artist_ids: [] },
-    isPending: false,
-    isError: false
-  }),
-  likeEntity: vi.fn(),
-  unlikeEntity: vi.fn()
-}));
 
 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', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () => readable({
-    data: { track_ids: [], album_ids: [], artist_ids: [] },
-    isPending: false, isError: false
-  }),
-  likeEntity: vi.fn(),
-  unlikeEntity: vi.fn()
-}));
 // 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', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () =>
-    readable({ data: { track_ids: [], album_ids: [], artist_ids: [] }, isPending: false, isError: false }),
-  likeEntity: vi.fn().mockResolvedValue(undefined),
-  unlikeEntity: vi.fn().mockResolvedValue(undefined)
-}));
 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', () => ({
+vi.mock('$lib/api/likes', () => emptyLikesMock());
-  createLikedIdsQuery: () =>
-    readable({ data: { track_ids: [], album_ids: [], artist_ids: [] }, isPending: false, isError: false }),
-  likeEntity: vi.fn().mockResolvedValue(undefined),
-  unlikeEntity: vi.fn().mockResolvedValue(undefined)
-}));
 
 import Page from './+page.svelte';
 import { createPlaylistsQuery } from '$lib/api/playlists';