32 lines
1.4 KiB
TypeScript
32 lines
1.4 KiB
TypeScript
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');
|
|
});
|
|
});
|