openpencil/tests/engine/editor/pages/loading.test.ts

import { expect, test } from 'bun:test'

import { SceneGraph } from '@open-pencil/scene-graph'

import { createEditor, type PageSwitchProgress } from '#core/editor'

test('core page preparation only reports progress and never owns app suspension', async () => {
  const graph = new SceneGraph()
  const page = graph.getPages()[0]
  if (!page) throw new Error('Expected default page')
  graph.createNode('TEXT', page.id, {
    text: 'Loading',
    fontFamily: 'Loader Test',
    fontWeight: 400
  })
  const progress: PageSwitchProgress[] = []
  let release: (() => void) | null = null
  const fontReady = new Promise<void>((resolve) => {
    release = resolve
  })
  const editor = createEditor({
    graph,
    skipInitialGraphSetup: true,
    loadFont: async () => {
      await fontReady
      return null
    }
  })
  const switching = editor.switchPage(page.id, {
    onProgress: (next) => progress.push(next)
  })
  await Promise.resolve()

  expect(progress.some((entry) => entry.phase === 'resolving-fonts')).toBe(true)
  release?.()
  await switching
  expect(progress).toContainEqual(
    expect.objectContaining({ phase: 'resolving-fonts', completed: 1, total: 1 })
  )
})

test('prepares a target page without exposing it before commit', async () => {
  const graph = new SceneGraph()
  const firstPage = graph.getPages()[0]
  if (!firstPage) throw new Error('Expected default page')
  const secondPage = graph.addPage('Prepared page')
  graph.createNode('TEXT', secondPage.id, {
    text: 'Loading',
    fontFamily: 'Loader Test',
    fontWeight: 400
  })
  let release: (() => void) | null = null
  const fontReady = new Promise<void>((resolve) => {
    release = resolve
  })
  const editor = createEditor({
    graph,
    skipInitialGraphSetup: true,
    loadFont: async () => {
      await fontReady
      return null
    }
  })
  const pageChanges: string[] = []
  editor.onEditorEvent('page:changed', (pageId) => pageChanges.push(pageId))

  const preparing = editor.preparePage(secondPage.id)
  await Promise.resolve()
  expect(editor.state.currentPageId).toBe(firstPage.id)
  expect(pageChanges).toEqual([])

  release?.()
  const prepared = await preparing
  expect(editor.state.currentPageId).toBe(firstPage.id)
  expect(prepared).not.toBeNull()
  if (!prepared) throw new Error('Expected prepared page')

  expect(editor.commitPageSwitch(prepared)).toBe(true)
  expect(editor.state.currentPageId).toBe(secondPage.id)
  expect(pageChanges).toEqual([secondPage.id])
})

test('aborted page preparation preserves the visible page', async () => {
  const graph = new SceneGraph()
  const firstPage = graph.getPages()[0]
  if (!firstPage) throw new Error('Expected default page')
  const secondPage = graph.addPage('Cancelled page')
  graph.createNode('TEXT', secondPage.id, {
    text: 'Loading',
    fontFamily: 'Loader Test',
    fontWeight: 400
  })
  let release: (() => void) | null = null
  const fontReady = new Promise<void>((resolve) => {
    release = resolve
  })
  const editor = createEditor({
    graph,
    skipInitialGraphSetup: true,
    loadFont: async () => {
      await fontReady
      return null
    }
  })
  const abort = new AbortController()
  const preparing = editor.preparePage(secondPage.id, { signal: abort.signal })
  await Promise.resolve()
  abort.abort()
  release?.()

  await expect(preparing).rejects.toHaveProperty('name', 'AbortError')
  expect(editor.state.currentPageId).toBe(firstPage.id)
})

test('obsolete prepared pages cannot commit after a newer preparation', async () => {
  const graph = new SceneGraph()
  const firstPage = graph.getPages()[0]
  if (!firstPage) throw new Error('Expected default page')
  const secondPage = graph.addPage('Second')
  const thirdPage = graph.addPage('Third')
  const editor = createEditor({ graph, skipInitialGraphSetup: true })

  const second = await editor.preparePage(secondPage.id)
  const third = await editor.preparePage(thirdPage.id)
  expect(second).not.toBeNull()
  expect(third).not.toBeNull()
  if (!second || !third) throw new Error('Expected prepared pages')

  expect(editor.commitPageSwitch(second)).toBe(false)
  expect(editor.state.currentPageId).toBe(firstPage.id)
  expect(editor.commitPageSwitch(third)).toBe(true)
  expect(editor.state.currentPageId).toBe(thirdPage.id)
})
test('page viewport cleanup remains independent from app preparation state', () => {
  const editor = createEditor()

  expect(() => editor.clearPageViewports()).not.toThrow()
})