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

@@ -1,6 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/svelte';
-import HistoryRow from './HistoryRow.svelte';
 import type { HistoryEvent } from '#lib/api/history.js';
 import { makeTrack } from '#test-utils/fixtures/track.js';
 import { emptyLikesMock } from '../../test-utils/mocks/likes';
@@ -27,6 +26,10 @@ vi.mock('#lib/api/likes.js', () => emptyLikesMock());
 
 vi.mock('#lib/api/quarantine.js', () => emptyQuarantineMock());
 
+// Imported after the mocks: the component pulls in LikeButton, whose
+// mocked module must already be initialised.
+import HistoryRow from './HistoryRow.svelte';
+
 const sampleTrack = makeTrack({
   title: 'Song Title',
   album_title: 'Album',

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

@@ -1,6 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
-import HistoryPage from './+page.svelte';
 import type { HistoryEvent, HistoryResponse } from '#lib/api/history.js';
 import { makeTrack } from '#test-utils/fixtures/track.js';
 import { emptyLikesMock } from '../../../test-utils/mocks/likes';
@@ -63,6 +62,10 @@ vi.mock('#lib/branding.js', () => ({
   pageTitle: (s: string) => `Minstrel · ${s}`
 }));
 
+// Imported after the mocks: the component pulls in LikeButton, whose
+// mocked module must already be initialised.
+import HistoryPage from './+page.svelte';
+
 describe('library/history page', () => {
   beforeEach(() => {
     mockData = { pages: [] };