feat(web): PlayerOverflowMenu — shuffle/repeat/queue/volume in a menu

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-09 20:18:10 -04:00
parent df4cb434b2
commit d5983433c5
2 changed files with 128 additions and 0 deletions
@@ -0,0 +1,31 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/svelte';
+import PlayerOverflowMenu from './PlayerOverflowMenu.svelte';
+
+describe('PlayerOverflowMenu', () => {
+  it('renders the trigger button closed by default', () => {
+    render(PlayerOverflowMenu);
+    const trigger = screen.getByLabelText('Player options');
+    expect(trigger.getAttribute('aria-expanded')).toBe('false');
+  });
+
+  it('opens the menu on click and shows shuffle/repeat/queue/volume', async () => {
+    render(PlayerOverflowMenu);
+    const trigger = screen.getByLabelText('Player options');
+    await fireEvent.click(trigger);
+    expect(trigger.getAttribute('aria-expanded')).toBe('true');
+    expect(screen.getByText(/shuffle/i)).toBeInTheDocument();
+    expect(screen.getByText(/repeat/i)).toBeInTheDocument();
+    expect(screen.getByText(/queue/i)).toBeInTheDocument();
+    expect(screen.getByLabelText('Volume')).toBeInTheDocument();
+  });
+
+  it('Escape key closes the menu', async () => {
+    render(PlayerOverflowMenu);
+    await fireEvent.click(screen.getByLabelText('Player options'));
+    expect(screen.getByLabelText('Player options').getAttribute('aria-expanded')).toBe('true');
+    window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+    await Promise.resolve();
+    expect(screen.getByLabelText('Player options').getAttribute('aria-expanded')).toBe('false');
+  });
+});