feat(web/m7-377): AlbumCard gains bottom-right kebab

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

@@ -27,6 +27,25 @@ vi.mock('@tanstack/svelte-query', async (orig) => {
   return { ...actual, useQueryClient: () => ({}) };
 });
 
+vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
+
+vi.mock('$lib/api/albums', async (orig) => {
+  const actual = (await orig()) as Record<string, unknown>;
+  return { ...actual, listAlbumTracks: vi.fn().mockResolvedValue([]) };
+});
+
+vi.mock('$lib/api/playlists', async (orig) => {
+  const { readable } = await import('svelte/store');
+  const actual = (await orig()) as Record<string, unknown>;
+  return {
+    ...actual,
+    createPlaylistsQuery: () =>
+      readable({ data: { owned: [], public: [] }, isPending: false, isError: false }),
+    appendTracks: vi.fn().mockResolvedValue({ id: 'p1', tracks: [] }),
+    createPlaylist: vi.fn().mockResolvedValue({ id: 'p1', name: 'New' })
+  };
+});
+
 import AlbumCard from './AlbumCard.svelte';
 import { api } from '$lib/api/client';
 import { enqueueTracks, playQueue } from '$lib/player/store.svelte';
@@ -111,4 +130,9 @@ describe('AlbumCard', () => {
     await Promise.resolve();
     expect(playQueue).toHaveBeenCalledWith(tracks, 0);
   });
+
+  test('renders the bottom-right kebab menu trigger', () => {
+    render(AlbumCard, { props: { album } });
+    expect(screen.getByRole('button', { name: /Album actions for Kind of Blue/i })).toBeInTheDocument();
+  });
 });