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

@@ -3,6 +3,12 @@ import { render, screen, fireEvent } from '@testing-library/svelte';
 import QueueDrawer from './QueueDrawer.svelte';
 import type { TrackRef } from '$lib/api/types';
 import { makeTrack } from '$test-utils/fixtures/track';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+
+// QueueTrackRow (rendered inside QueueDrawer → QueueList) now renders a
+// LikeButton, which reads createLikedIdsQuery. Stub the likes API so the
+// rows don't need a real QueryClient in context.
+vi.mock('$lib/api/likes', () => emptyLikesMock());
 
 const closeQueueDrawer = vi.fn();
 let queueValue: TrackRef[] = [];

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

@@ -2,6 +2,11 @@ import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
 import QueueTrackRow from './QueueTrackRow.svelte';
 import { makeTrack } from '$test-utils/fixtures/track';
+import { emptyLikesMock } from '../../test-utils/mocks/likes';
+
+// QueueTrackRow now renders a LikeButton, which reads createLikedIdsQuery.
+// Stub the likes API so the row doesn't need a real QueryClient in context.
+vi.mock('$lib/api/likes', () => emptyLikesMock());
 
 const playFromQueueIndex = vi.fn();
 const removeFromQueue = vi.fn();