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');
  });
});