Skip to content

createTestContext

Creates mock PixiJS instances and a context provider. Returns { Provider, ticker, renderer, app, renderHook }.

PropertyTypePurpose
ProviderComponentWraps children in mock PixiAppContext, TickerContext, ScreenStoreContext
tickerManualTickerAdvance frames with await fastForwardFrames() or await fastForwardTime()
rendererTestRendererSimulate resize events with emitResize()
appPixi.ApplicationMinimal stub for hooks that call getPixiApp()
renderHook(callback) => RenderHookResultrenderHook(callback, { wrapper: Provider }) — runs hooks inside the mock contexts
ctx.renderer.emitResize({ width: 1024 });
ctx.renderer.emitResize();
ctx.renderer.emitResize({ width: 1024, height: 768, x: 0, y: 0 });
const addSpy = vi.spyOn(ctx.ticker.ticker, "add");
const resizeSpy = vi.spyOn(ctx.renderer, "addListener");
const customTicker = createManualTicker();
vi.spyOn(customTicker.ticker, "add");
const ctx = createTestContext({ ticker: customTicker });
  • createManualTicker — create a stopped ticker with step-based advancement
  • renderHook — run a hook or store in a temporary Solid root using this context
  • mountScene — render components in a temporary Solid root using this context