Files
Psychotoxical-psysonic/src/store/queueSync.test.ts
T
cucadmuh 45e0e1206f fix(playback): pin queue playback to source server when browsing another library (#717)
* fix(playback): pin queue streams, cover art, and library links to queue server

When the active server changes while a queue from another server is playing,
keep streams and UI on queueServerId; switch back for artist/album links and
queue or player-bar context menus.

* fix(playback): switch to queue server when opening Now Playing

Ensure active server matches queueServerId before Subsonic fetches on the
Now Playing page, mobile player route, and queue info panel; scope caches
by server id.

* docs(credits): mention Now Playing in PR #717 contribution line

* fix(playback): route scrobble and queue sync to queue server

Address PR review: apiForServer for scrobble/now-playing/savePlayQueue,
clear queueServerId on server removal, mini-player queueServerId sync,
block cross-server enqueue with toast, and regression tests.
2026-05-15 16:08:41 +03:00

143 lines
5.0 KiB
TypeScript

/**
* Server-queue-sync helpers: the 5-second debounce, the immediate flush,
* the queue-id cap, and the radio-skip guard inside
* `flushPlayQueuePosition`. Fake timers drive the debounce; mocks stand
* in for `savePlayQueue`, the playerStore, and the playback-progress
* snapshot.
*/
import type { Track } from './playerStoreTypes';
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
const { savePlayQueueMock, playerState, progressSnapshot } = vi.hoisted(() => ({
savePlayQueueMock: vi.fn(async (_ids: string[], _currentId: string | undefined, _pos: number, _serverId: string) => undefined),
playerState: {
queue: [] as Track[],
currentTrack: null as Track | null,
currentRadio: null as { id: string } | null,
},
progressSnapshot: { currentTime: 0, progress: 0, buffered: 0 },
}));
vi.mock('../api/subsonicPlayQueue', () => ({ savePlayQueue: savePlayQueueMock }));
vi.mock('../utils/playback/playbackServer', () => ({
getPlaybackServerId: () => 'srv-a',
}));
vi.mock('./playerStore', () => ({
usePlayerStore: { getState: () => playerState },
}));
vi.mock('./playbackProgress', () => ({
getPlaybackProgressSnapshot: () => progressSnapshot,
}));
import {
_resetQueueSyncForTest,
flushPlayQueuePosition,
flushQueueSyncToServer,
getLastQueueHeartbeatAt,
syncQueueToServer,
} from './queueSync';
function track(id: string): Track {
return { id, title: id, artist: 'A', album: 'X', albumId: 'X', duration: 100 };
}
beforeEach(() => {
vi.useFakeTimers();
vi.setSystemTime(new Date('2026-05-12T12:00:00Z'));
savePlayQueueMock.mockClear();
savePlayQueueMock.mockResolvedValue(undefined);
playerState.queue = [];
playerState.currentTrack = null;
playerState.currentRadio = null;
progressSnapshot.currentTime = 0;
});
afterEach(() => {
_resetQueueSyncForTest();
vi.useRealTimers();
});
describe('syncQueueToServer (debounced)', () => {
const queue = [track('a'), track('b')];
it('does not fire before 5 s elapse', () => {
syncQueueToServer(queue, queue[0], 30);
vi.advanceTimersByTime(4999);
expect(savePlayQueueMock).not.toHaveBeenCalled();
});
it('fires once after 5 s with id list + current id + position in ms', () => {
syncQueueToServer(queue, queue[0], 30);
vi.advanceTimersByTime(5000);
expect(savePlayQueueMock).toHaveBeenCalledWith(['a', 'b'], 'a', 30000, 'srv-a');
});
it('cancels the previous timer when called again before fire', () => {
syncQueueToServer(queue, queue[0], 10);
vi.advanceTimersByTime(3000);
syncQueueToServer([...queue, track('c')], queue[0], 20);
vi.advanceTimersByTime(5000);
expect(savePlayQueueMock).toHaveBeenCalledTimes(1);
expect(savePlayQueueMock).toHaveBeenCalledWith(['a', 'b', 'c'], 'a', 20000, 'srv-a');
});
it('caps the queue at 1000 ids', () => {
const big = Array.from({ length: 1500 }, (_, i) => track(`t${i}`));
syncQueueToServer(big, big[0], 0);
vi.advanceTimersByTime(5000);
const ids = savePlayQueueMock.mock.calls[0][0] as string[];
expect(ids.length).toBe(1000);
expect(ids[0]).toBe('t0');
expect(ids[999]).toBe('t999');
});
});
describe('flushQueueSyncToServer (immediate)', () => {
it('fires synchronously with no debounce', async () => {
await flushQueueSyncToServer([track('a')], track('a'), 12);
expect(savePlayQueueMock).toHaveBeenCalledWith(['a'], 'a', 12000, 'srv-a');
});
it('cancels a pending debounced sync first', async () => {
syncQueueToServer([track('a')], track('a'), 30);
await flushQueueSyncToServer([track('a')], track('a'), 31);
expect(savePlayQueueMock).toHaveBeenCalledTimes(1);
// After the flush returns, advancing past the debounce should not fire again.
vi.advanceTimersByTime(10_000);
expect(savePlayQueueMock).toHaveBeenCalledTimes(1);
});
it('is a no-op when currentTrack is null', async () => {
await flushQueueSyncToServer([track('a')], null, 5);
expect(savePlayQueueMock).not.toHaveBeenCalled();
});
it('is a no-op for an empty queue', async () => {
await flushQueueSyncToServer([], track('a'), 5);
expect(savePlayQueueMock).not.toHaveBeenCalled();
});
it('records the heartbeat timestamp', async () => {
expect(getLastQueueHeartbeatAt()).toBe(0);
await flushQueueSyncToServer([track('a')], track('a'), 5);
expect(getLastQueueHeartbeatAt()).toBe(Date.now());
});
});
describe('flushPlayQueuePosition', () => {
it('reads the current playerStore queue + playback-progress time', async () => {
playerState.queue = [track('a'), track('b')];
playerState.currentTrack = playerState.queue[0];
progressSnapshot.currentTime = 42;
await flushPlayQueuePosition();
expect(savePlayQueueMock).toHaveBeenCalledWith(['a', 'b'], 'a', 42000, 'srv-a');
});
it('is a no-op when a radio session is active', async () => {
playerState.queue = [track('a')];
playerState.currentTrack = playerState.queue[0];
playerState.currentRadio = { id: 'radio-1' };
await flushPlayQueuePosition();
expect(savePlayQueueMock).not.toHaveBeenCalled();
});
});