Files
yellowjacket/frontend/test/stores/player-store.test.ts
T
logan 5ca6cad45a
Build & publish Arch package / arch-package (push) Successful in 2m8s
CI / check (push) Failing after 1m56s
CI / e2e (push) Skipped
Search index maintenance / maintain-index (push) Successful in 13s
feat(harness): agent-drivable dev harness and CI that gates
A coding agent could develop this repo's Go packages and could not
develop the application: every path to running YellowJacket ended in a
blocking GTK window, so 265 bound methods, 46 events, 33 component
directories and 13 stores had exactly one form of verification
available — `tsc --noEmit`.

The unlock is that `wails dev`'s dev server on :34115 serves the real
frontend with the real generated bindings against the same Go backend a
desktop window attaches to, so a plain Chromium under Xvfb gets a fully
functional app. Four test tiers now exist, cheapest first:

- `make ui-test` — 313 Vitest tests in a real browser in ~2 s, no app,
  no backend, no display. Works because `frontend/wailsjs/` is a pure
  passthrough to `window.go`/`window.runtime`, so faking just those two
  globals runs the real bindings and the real store code.
- `make test` — services in-process, asserting on the payload the
  frontend would receive, via a new `events.Emit` wrapper.
- `make dev-headless` + `playwright-cli` — the real app, driven
  interactively, with an event bridge on `window.__yjEvents` and a
  dev-only control surface at `/__test/`.
- `make e2e` — 19 of those flows frozen as Playwright specs.

`events.Emit(ctx, …)` replaces all 35 direct `runtime.EventsEmit` call
sites: wails' `getEvents` `log.Fatalf`s on any context without its
runtime, so those paths could not run under test and a background
worker could take the app down. Four packages had each hand-rolled the
same guard; nine more guarded on `ctx != nil`, which does not help.
`TestNoDirectRuntimeEmits` fails the build on a new one.

Fixtures are generated, not committed (`make testdata`), and seeds are
built by *running the app* — never by hand-writing config and DB rows,
which would be a second description of a valid YJ_HOME.

`.gitea/workflows/ci.yml` is the first workflow here that tests
anything; the other three only package, so `gitea_ci` reported only
packaging jobs and misled anyone asking whether a push was healthy.
Both jobs were prototyped to green in a bare ubuntu:24.04 container
before the YAML was written, which immediately caught `make lint`
linting three configurations that nothing builds: all three passes
omitted `webkit2_41`, so wails resolved webkit2gtk-4.0 — which Arch
still ships and Ubuntu 24.04 dropped.

Operational instructions live in `.pi/skills/yellowjacket-dev/`,
measured discoveries in `.planning/NOTES.md`, and architecture in
`CLAUDE.md` — split by tense, not by topic, because a topical split
gives every new fact two plausible homes. `make skill-check` fails a
commit if the skill cites a make target that does not exist.
2026-08-10 23:20:42 -04:00

137 lines
3.8 KiB
TypeScript

/**
* The player store is a pure projection of backend push events. Its
* whole job is to be a truthful cache, so the tests are about what it
* derives (`isPlaying` from a state string) and what it refuses to
* invent (it never predicts the result of an action).
*/
import { describe, expect, it, beforeEach } from 'vitest';
import { playerStore, type TrackInfo } from '@store/player-store';
import { Events } from '../../src/events';
import { emit, calls, lastArgs, flush } from '@test/support/harness';
const TRACK: TrackInfo = {
fileName: 'one.mp3',
filePath: '/music/one.mp3',
trackLength: 180,
seekPosition: 0,
state: 'playing',
title: 'One',
artist: 'Artist',
album: 'Album',
coverArt: '',
coverArtSmall: '',
coverArtMedium: '',
coverArtLarge: '',
trackChangeId: 1,
artistMbid: '',
releaseGroupMbid: '',
recordingMbid: '',
};
describe('player store: playback state', () => {
beforeEach(() => {
emit(Events.PlaybackStateChanged, { state: 'stopped' });
emit(Events.TrackChanged, null);
});
it('is playing only for the literal "playing" state', () => {
const seen: boolean[] = [];
for (const state of ['playing', 'paused', 'stopped', 'buffering']) {
emit(Events.PlaybackStateChanged, { state });
seen.push(playerStore.getState().isPlaying);
}
expect(seen).toEqual([true, false, false, false]);
});
it('stops playing when the track finishes', () => {
emit(Events.PlaybackStateChanged, { state: 'playing' });
emit(Events.PlaybackFinished);
expect(playerStore.getState().isPlaying).toBe(false);
});
it('caches the current track', () => {
emit(Events.TrackChanged, TRACK);
expect(playerStore.getState().currentTrack).toEqual(TRACK);
});
it('normalises an absent track to null rather than undefined', () => {
emit(Events.TrackChanged, TRACK);
emit(Events.TrackChanged, undefined);
expect(playerStore.getState().currentTrack).toBeNull();
});
it('keeps the cached track across a pause', () => {
emit(Events.TrackChanged, TRACK);
emit(Events.PlaybackStateChanged, { state: 'paused' });
expect(playerStore.getState().currentTrack).toEqual(TRACK);
});
it('tracks volume pushed back from Go', () => {
emit(Events.VolumeChanged, 42);
expect(playerStore.getState().volume).toBe(42);
});
it('replaces state rather than mutating it, so a saved reference is stable', () => {
emit(Events.VolumeChanged, 10);
const before = playerStore.getState();
emit(Events.VolumeChanged, 20);
expect(before.volume).toBe(10);
});
it('coalesces a burst into a single notification', async () => {
let notifications = 0;
const off = playerStore.subscribe(() => {
notifications += 1;
});
emit(Events.VolumeChanged, 1);
emit(Events.VolumeChanged, 2);
emit(Events.PlaybackStateChanged, { state: 'playing' });
await flush();
off();
expect(notifications).toBe(1);
});
});
describe('player store: actions', () => {
it('forwards each action to its bound method', () => {
playerStore.pause();
playerStore.loadTrack('/music/one.mp3');
playerStore.seek(30);
playerStore.setVolume(60);
expect(calls().map((c) => c.path)).toEqual([
'player.Player.Pause',
'player.Player.LoadFile',
'player.Player.Seek',
'player.Player.SetVolume',
]);
});
it('sends the volume as an integer percentage, not a fraction', () => {
// player.UserVolume is an int in Go; a float never settles its
// callback. See .planning/NOTES.md.
playerStore.setVolume(42);
expect(lastArgs('player.Player.SetVolume')).toEqual([42]);
});
it('does not optimistically change cached volume', () => {
emit(Events.VolumeChanged, 50);
playerStore.setVolume(80);
expect(playerStore.getState().volume).toBe(50);
});
});