Files
hyperframes/packages/player/src/runtime-message-handler.test.ts
T
James Russo 21cb722ebd refactor(core): unify composition contract (#2157)
* refactor(core): unify composition contract

* fix(parsers): parse start expressions linearly
2026-07-16 02:44:22 -04:00

201 lines
6.6 KiB
TypeScript

import { describe, expect, it, vi } from "vitest";
import { handleRuntimeMessage, type MessageHandlerCallbacks } from "./runtime-message-handler.js";
import type { ParentMediaManager } from "./parent-media.js";
import type { ShaderLoaderState } from "./shader-loader-state.js";
import { runtimeProtocolMetadata } from "@hyperframes/core/runtime/protocol";
// Only the stage-size branch is exercised here; the rest of the callback
// surface is satisfied with inert spies so the handler's type contract
// stays honest without pulling in the real player.
const makeCallbacks = (): MessageHandlerCallbacks => ({
updateControlsTime: vi.fn(),
updateControlsPlaying: vi.fn(),
dispatchEvent: vi.fn(),
onRuntimeReady: vi.fn(),
onRuntimeTimelineReady: vi.fn(),
setRuntimeFps: vi.fn(),
seek: vi.fn(),
play: vi.fn(),
getLoop: vi.fn(() => false),
media: { mirrorTime: vi.fn(), promoteToParentProxy: vi.fn() } as unknown as ParentMediaManager,
getPlaybackState: vi.fn(() => ({ currentTime: 0, duration: 0, paused: true, lastUpdateMs: 0 })),
setPlaybackState: vi.fn(),
setScenes: vi.fn(),
getShaderLoadingMode: vi.fn(() => "auto"),
shaderLoader: { update: vi.fn() } as unknown as ShaderLoaderState,
setCompositionSize: vi.fn(),
sendControl: vi.fn(),
getIframeDoc: vi.fn(() => null),
});
const stageSizeEvent = (width: unknown, height: unknown, source: object): MessageEvent =>
({
source,
data: { source: "hf-preview", type: "stage-size", width, height },
}) as unknown as MessageEvent;
describe("handleRuntimeMessage stage-size", () => {
it("applies a finite positive stage size", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(stageSizeEvent(1280, 720, frameWindow), frameWindow, callbacks);
expect(callbacks.setCompositionSize).toHaveBeenCalledWith(1280, 720);
});
it.each([
["Infinity width", Infinity, 720],
["Infinity height", 1280, Infinity],
["NaN width", NaN, 720],
["zero width", 0, 720],
["negative height", 1280, -720],
["string width", "1280", 720],
])("ignores stage-size with %s", (_label, width, height) => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(stageSizeEvent(width, height, frameWindow), frameWindow, callbacks);
expect(callbacks.setCompositionSize).not.toHaveBeenCalled();
});
it("ignores messages from a different source window", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(stageSizeEvent(1280, 720, {}), frameWindow, callbacks);
expect(callbacks.setCompositionSize).not.toHaveBeenCalled();
});
});
describe("handleRuntimeMessage media autoplay fallback", () => {
const autoplayBlockedEvent = (source: object): MessageEvent =>
({
source,
data: { source: "hf-preview", type: "media-autoplay-blocked" },
}) as unknown as MessageEvent;
it("promotes and mutes iframe output by default", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(autoplayBlockedEvent(frameWindow), frameWindow, callbacks);
expect(callbacks.media.promoteToParentProxy).toHaveBeenCalled();
expect(callbacks.sendControl).toHaveBeenCalledWith("set-media-output-muted", {
muted: true,
});
});
it("does not promote or mute iframe output when the host vetoes the fallback", () => {
const frameWindow = {} as Window;
const callbacks = {
...makeCallbacks(),
shouldPromoteMediaAutoplayFallback: vi.fn(() => false),
};
handleRuntimeMessage(autoplayBlockedEvent(frameWindow), frameWindow, callbacks);
expect(callbacks.shouldPromoteMediaAutoplayFallback).toHaveBeenCalled();
expect(callbacks.media.promoteToParentProxy).not.toHaveBeenCalled();
expect(callbacks.sendControl).not.toHaveBeenCalled();
});
});
describe("handleRuntimeMessage timeline ready", () => {
const timelineEvent = (
durationInFrames: unknown,
source: object,
metadata: Record<string, unknown> = {},
): MessageEvent =>
({
source,
data: {
source: "hf-preview",
type: "timeline",
durationInFrames,
scenes: [],
...metadata,
},
}) as unknown as MessageEvent;
it("reports a finite positive timeline duration in seconds", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(timelineEvent(120, frameWindow), frameWindow, callbacks);
expect(callbacks.onRuntimeTimelineReady).toHaveBeenCalledWith(4);
});
it.each([
[24, 48, 2],
[60, 120, 2],
[24_000 / 1_001, 24, 1.001],
])("uses explicit %s fps metadata", (fps, durationInFrames, expectedSeconds) => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(
timelineEvent(durationInFrames, frameWindow, runtimeProtocolMetadata(fps)),
frameWindow,
callbacks,
);
expect(callbacks.setRuntimeFps).toHaveBeenCalledWith(expect.closeTo(fps, 6));
expect(callbacks.onRuntimeTimelineReady).toHaveBeenCalledWith(
expect.closeTo(expectedSeconds, 6),
);
});
it("prefers exact manifest seconds and dimensions over derived probes", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(
timelineEvent(999, frameWindow, {
...runtimeProtocolMetadata(60),
durationSeconds: 4.25,
compositionWidth: 1080,
compositionHeight: 1920,
}),
frameWindow,
callbacks,
);
expect(callbacks.onRuntimeTimelineReady).toHaveBeenCalledWith(4.25);
expect(callbacks.setCompositionSize).toHaveBeenCalledWith(1080, 1920);
});
it("rejects unknown protocol majors with a public diagnostic event", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(
timelineEvent(120, frameWindow, { protocolVersion: 2 }),
frameWindow,
callbacks,
);
expect(callbacks.onRuntimeTimelineReady).not.toHaveBeenCalled();
const event = vi.mocked(callbacks.dispatchEvent).mock.calls[0]?.[0] as CustomEvent;
expect(event.type).toBe("runtimeprotocolerror");
expect(event.detail).toMatchObject({
code: "unsupported_protocol_version",
receivedVersion: 2,
});
});
it("does not report invalid timeline durations as ready", () => {
const frameWindow = {} as Window;
const callbacks = makeCallbacks();
handleRuntimeMessage(timelineEvent(Infinity, frameWindow), frameWindow, callbacks);
expect(callbacks.onRuntimeTimelineReady).not.toHaveBeenCalled();
});
});