@sutrata/editor 0.1.1 → 0.2.0

package/tests/i18n/LanguageContext.test.tsx

@@ -1,146 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { render } from '@testing-library/react'
-import { LanguageProvider, useLanguage } from '../../src/i18n/LanguageContext'
-
-// Test component that uses the hook
-function TestComponent({
-  text,
-  caretPos,
-  frontmatter,
-}: {
-  text: string
-  caretPos: number
-  frontmatter?: Record<string, any>
-}) {
-  const { resolveLanguageAtCaret } = useLanguage()
-  const lang = resolveLanguageAtCaret(text, caretPos, frontmatter)
-  return <div data-testid="lang-result">{lang}</div>
-}
-
-describe('LanguageContext', () => {
-  it('uses document frontmatter lang as default with no other context', () => {
-    const text = '## Scene 1\n\nSome english text'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} frontmatter={{ lang: 'ta' }} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('ta')
-  })
-
-  it('scene metadata lang beats frontmatter lang', () => {
-    // Scene with & lang: metadata should take precedence over frontmatter
-    const text = '## Scene 1\n& lang: hi\n\nयह एक हिंदी पंक्ति है।'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={30} frontmatter={{ lang: 'ta' }} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('hi')
-  })
-
-  it('inline {lang=…} tag beats all precedence', () => {
-    const text = '## Scene 1\n\nAction with {lang=ml} tag in it.'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={25} frontmatter={{ lang: 'ta' }} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('ml')
-  })
-
-  it('falls back to detectScript when no metadata', () => {
-    const text = '## Scene 1\n\nஇது ஒரு தமிழ் வரி.'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('ta')
-  })
-
-  it('defaults to English for unrecognized text with no metadata', () => {
-    const text = '## Scene 1\n\n12345 !!!!'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('en')
-  })
-
-  it('throws error when useLanguage used outside provider', () => {
-    // This should error during render
-    const BadComponent = () => {
-      const { currentLanguage } = useLanguage()
-      return <div>{currentLanguage}</div>
-    }
-
-    expect(() => {
-      render(<BadComponent />)
-    }).toThrow('useLanguage must be used within LanguageProvider')
-  })
-
-  it('inline tag beats scene metadata', () => {
-    // Scene has metadata 'hi', but inline tag 'ml' should win
-    const text = '## Scene 1\n& lang: hi\n\nयह {lang=ml} पंक्ति है।'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={35} frontmatter={{ lang: 'ta' }} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('ml')
-  })
-
-  it('detects Hindi from Devanagari script', () => {
-    const text = '## Scene 1\n\nयह एक नमूना पंक्ति है।'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('hi')
-  })
-
-  it('detects Bengali from Bengali script', () => {
-    const text = '## Scene 1\n\nএটি একটি নমুনা লাইন।'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('bn')
-  })
-
-  it('detects Malayalam from Malayalam script', () => {
-    const text = '## Scene 1\n\nഇത് ഒരു സാമ്പിൾ ലൈൻ ആണ്.'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('ml')
-  })
-
-  it('falls back to frontmatter when scene has no metadata', () => {
-    // Scene without metadata, only frontmatter specified
-    const text = '## Scene 1\n\nEnglish text without any script markers'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={20} frontmatter={{ lang: 'hi' }} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('hi')
-  })
-
-  it('uses scene metadata when no inline tag present', () => {
-    // Scene metadata present, no inline tag
-    const text = '## Scene 1\n& lang: gu\n\nGujarati text here'
-    const { getByTestId } = render(
-      <LanguageProvider>
-        <TestComponent text={text} caretPos={25} frontmatter={{ lang: 'ta' }} />
-      </LanguageProvider>
-    )
-    expect(getByTestId('lang-result').textContent).toBe('gu')
-  })
-})

package/tests/i18n/language-detect.test.ts

@@ -1,54 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { detectScript } from '../../src/i18n/language-detect'
-
-describe('language-detect', () => {
-  it('detects pure Devanagari text as Hindi', () => {
-    const result = detectScript('यह एक नमूना पंक्ति है।')
-    expect(result).toBe('hi')
-  })
-
-  it('detects pure Tamil text as Tamil', () => {
-    const result = detectScript('இது ஒரு மாதிரி வரி.')
-    expect(result).toBe('ta')
-  })
-
-  it('detects pure Telugu text as Telugu', () => {
-    const result = detectScript('ఇది ఒక నమూనా లైన్.')
-    expect(result).toBe('te')
-  })
-
-  it('detects mixed Devanagari + Latin as dominant Devanagari (Hindi)', () => {
-    const result = detectScript('यह एक नमूना hello')
-    expect(result).toBe('hi')
-  })
-
-  it('detects mixed Tamil + Latin as dominant Tamil', () => {
-    const result = detectScript('இது hello வரி')
-    expect(result).toBe('ta')
-  })
-
-  it('detects pure Latin / English as English', () => {
-    const result = detectScript('This is a sample line.')
-    expect(result).toBe('en')
-  })
-
-  it('returns English for empty string', () => {
-    const result = detectScript('')
-    expect(result).toBe('en')
-  })
-
-  it('detects Bengali text', () => {
-    const result = detectScript('এটি একটি নমুনা লাইন।')
-    expect(result).toBe('bn')
-  })
-
-  it('detects Gujarati text', () => {
-    const result = detectScript('આ એક નમૂનો લાઇન છે.')
-    expect(result).toBe('gu')
-  })
-
-  it('detects Malayalam text', () => {
-    const result = detectScript('ഇത് ഒരു സാമ്പിൾ ലൈൻ ആണ്.')
-    expect(result).toBe('ml')
-  })
-})

package/tests/i18n/locale-parity.test.ts

@@ -1,25 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import en from '../../src/locales/en.json'
-import hi from '../../src/locales/hi.json'
-import ta from '../../src/locales/ta.json'
-import te from '../../src/locales/te.json'
-import ml from '../../src/locales/ml.json'
-import kn from '../../src/locales/kn.json'
-import bn from '../../src/locales/bn.json'
-import gu from '../../src/locales/gu.json'
-import mr from '../../src/locales/mr.json'
-import pa from '../../src/locales/pa.json'
-import or from '../../src/locales/or.json'
-import si from '../../src/locales/si.json'
-
-const LOCALES: Record<string, Record<string, string>> = { hi, ta, te, ml, kn, bn, gu, mr, pa, or, si }
-const EN_KEYS = Object.keys(en)
-
-describe('locale parity', () => {
-  for (const [lang, strings] of Object.entries(LOCALES)) {
-    it(`${lang}.json has all keys from en.json`, () => {
-      const missingKeys = EN_KEYS.filter(key => !(key in strings))
-      expect(missingKeys).toEqual([])
-    })
-  }
-})

package/tests/i18n/useTranslation.test.tsx

@@ -1,45 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { renderHook, act } from '@testing-library/react'
-import { TranslationProvider, useTranslation } from '../../src/i18n/useTranslation'
-import React from 'react'
-
-function wrapper({ children }: { children: React.ReactNode }) {
-  return React.createElement(TranslationProvider, null, children)
-}
-
-describe('useTranslation', () => {
-  beforeEach(() => {
-    localStorage.clear()
-  })
-
-  it('t() returns English string by default', () => {
-    const { result } = renderHook(() => useTranslation(), { wrapper })
-    expect(result.current.t('toolbar.undo')).toBe('Undo')
-  })
-
-  it('t() returns Hindi string after setLocale("hi")', () => {
-    const { result } = renderHook(() => useTranslation(), { wrapper })
-    act(() => result.current.setLocale('hi'))
-    expect(result.current.t('toolbar.undo')).toBe('पूर्ववत करें')
-  })
-
-  it('t() falls back to English for missing key in locale', () => {
-    const { result } = renderHook(() => useTranslation(), { wrapper })
-    act(() => result.current.setLocale('hi'))
-    // Key that exists in English but hypothetically missing in Hindi would fallback
-    const val = result.current.t('toolbar.undo')
-    expect(typeof val).toBe('string')
-    expect(val.length).toBeGreaterThan(0)
-  })
-
-  it('t() returns key itself for completely missing key', () => {
-    const { result } = renderHook(() => useTranslation(), { wrapper })
-    expect(result.current.t('nonexistent.key')).toBe('nonexistent.key')
-  })
-
-  it('setLocale ignores unknown locale codes', () => {
-    const { result } = renderHook(() => useTranslation(), { wrapper })
-    act(() => result.current.setLocale('xx')) // unknown
-    expect(result.current.locale).toBe('en') // unchanged
-  })
-})

package/tests/keymap.test.ts

@@ -1,18 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { keymapBindings } from '../src/editor/keymap'
-
-describe('keymap bindings', () => {
-  it('does not bind element-insertion shortcuts Mod-1..Mod-7', () => {
-    for (let n = 1; n <= 7; n++) {
-      expect(keymapBindings[`Mod-${n}`]).toBeUndefined()
-    }
-  })
-
-  it('keeps editing shortcuts', () => {
-    expect(keymapBindings['Mod-z']).toBeDefined()
-    expect(keymapBindings['Mod-b']).toBeDefined()
-    expect(keymapBindings['Mod-i']).toBeDefined()
-    expect(keymapBindings['Mod-u']).toBeDefined()
-    expect(keymapBindings['Enter']).toBeDefined()
-  })
-})

package/tests/navigator/SceneNavigator.test.tsx

@@ -1,177 +0,0 @@
-import React, { useEffect } from 'react'
-import { describe, it, expect, vi } from 'vitest'
-import { render, screen, act, fireEvent } from '@testing-library/react'
-import { SceneNavigator } from '../../src/navigator/SceneNavigator'
-import { DocumentProvider, useDocument } from '../../src/context/DocumentContext'
-import { LanguageProvider } from '../../src/i18n/LanguageContext'
-import { TranslationProvider } from '../../src/i18n/useTranslation'
-import { setSourceView } from '../../src/editor/editor-bus'
-
-const SAMPLE_TEXT =
-  '## INT. HOUSE - DAY\n& synopsis: A scene.\n\n## EXT. PARK - NIGHT\n& synopsis: Another scene.\n'
-
-/**
- * Helper component that sets the document text after mounting.
- * DocumentProvider does not accept an initialText prop, so we drive
- * the text through the context API.
- */
-function TextSetter({ text }: { text: string }) {
-  const { setText } = useDocument()
-  useEffect(() => {
-    setText(text)
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-  return null
-}
-
-function Wrapper({ text = SAMPLE_TEXT }: { text?: string }) {
-  return (
-    <TranslationProvider>
-      <DocumentProvider>
-        <LanguageProvider>
-          <TextSetter text={text} />
-          <SceneNavigator />
-        </LanguageProvider>
-      </DocumentProvider>
-    </TranslationProvider>
-  )
-}
-
-describe('SceneNavigator', () => {
-  it('renders scene headings from text', async () => {
-    await act(async () => {
-      render(<Wrapper />)
-    })
-    expect(screen.getByText('INT. HOUSE - DAY')).toBeDefined()
-    expect(screen.getByText('EXT. PARK - NIGHT')).toBeDefined()
-  })
-
-  it('shows scene synopses below headings', async () => {
-    await act(async () => {
-      render(<Wrapper />)
-    })
-    expect(screen.getByText('A scene.')).toBeDefined()
-    expect(screen.getByText('Another scene.')).toBeDefined()
-  })
-
-  it('shows empty state when no scenes', async () => {
-    await act(async () => {
-      render(<Wrapper text="Just some plain text." />)
-    })
-    expect(screen.getByText(/No scenes yet/)).toBeDefined()
-  })
-
-  it('shows scene count in header', async () => {
-    let container!: HTMLElement
-    await act(async () => {
-      ;({ container } = render(<Wrapper />))
-    })
-    const countBadge = container.querySelector('.cs-nav-count')
-    expect(countBadge).not.toBeNull()
-    expect(countBadge!.textContent).toBe('2')
-  })
-
-  it('renders the navigator panel when mounted', async () => {
-    let container!: HTMLElement
-    await act(async () => {
-      ;({ container } = render(<Wrapper />))
-    })
-    // AppShell gates visibility via navVisible; SceneNavigator itself always renders
-    expect(container.querySelector('.cs-navigator')).not.toBeNull()
-  })
-
-  it('dispatches to CodeMirror when clicked in source mode', async () => {
-    const mockCmView = {
-      dispatch: vi.fn(),
-      focus: vi.fn(),
-    }
-    act(() => {
-      setSourceView(mockCmView as any)
-    })
-
-    await act(async () => {
-      render(<Wrapper />)
-    })
-
-    const sceneItem = screen.getByText('INT. HOUSE - DAY')
-    fireEvent.click(sceneItem)
-
-    expect(mockCmView.dispatch).toHaveBeenCalledWith(
-      expect.objectContaining({
-        selection: { anchor: 0 },
-        effects: expect.anything(),
-      })
-    )
-    expect(mockCmView.focus).toHaveBeenCalled()
-  })
-
-  it('shows a single merged synopsis+duration AI action as an icon-only button beside the synopsis field, not as labeled buttons in a separate row', async () => {
-    let container!: HTMLElement
-    await act(async () => {
-      ;({ container } = render(<Wrapper />))
-    })
-
-    // No visible text labels — icon-only per-scene action now.
-    expect(screen.queryByText('Synopsis')).toBeNull()
-    expect(screen.queryByText('Duration')).toBeNull()
-
-    // Still reachable via its accessible name, and living inside the
-    // synopsis row (sibling of the synopsis text/input), not a separate row.
-    const metadataBtn = screen.getAllByLabelText('Generate synopsis & estimate duration')[0]!
-    const row = metadataBtn.closest('.cs-nav-synopsis-row')
-    expect(row).not.toBeNull()
-    expect(row!.querySelector('.cs-nav-scene-synopsis')).not.toBeNull()
-  })
-
-  it('hides estimated duration along with synopsis when "Hide Synopsis & Duration" is toggled', async () => {
-    const text = '## INT. HOUSE - DAY\n& synopsis: A scene.\n& est-duration: 01:15\n'
-    await act(async () => {
-      render(<Wrapper text={text} />)
-    })
-
-    expect(screen.getByText('A scene.')).toBeDefined()
-    expect(screen.getByText('⏱ 01:15')).toBeDefined()
-
-    const toggle = screen.getByLabelText('Hide Synopsis & Duration')
-    await act(async () => {
-      fireEvent.click(toggle)
-    })
-
-    expect(screen.queryByText('A scene.')).toBeNull()
-    expect(screen.queryByText('⏱ 01:15')).toBeNull()
-
-    const showToggle = screen.getByLabelText('Show Synopsis & Duration')
-    await act(async () => {
-      fireEvent.click(showToggle)
-    })
-
-    expect(screen.getByText('A scene.')).toBeDefined()
-    expect(screen.getByText('⏱ 01:15')).toBeDefined()
-  })
-
-  it('dispatches to CodeMirror for frontmatter jump in source mode', async () => {
-    const mockCmView = {
-      dispatch: vi.fn(),
-      focus: vi.fn(),
-    }
-    act(() => {
-      setSourceView(mockCmView as any)
-    })
-
-    await act(async () => {
-      render(<Wrapper />)
-    })
-
-    const fmBtn = screen.getByTitle('Title Page')
-    fireEvent.click(fmBtn)
-
-    expect(mockCmView.dispatch).toHaveBeenCalledWith(
-      expect.objectContaining({
-        selection: { anchor: 0 },
-        effects: expect.anything(),
-      })
-    )
-    expect(mockCmView.focus).toHaveBeenCalled()
-  })
-})
-

package/tests/navigator/StatisticsDialog.test.tsx

@@ -1,63 +0,0 @@
-import React, { useEffect } from 'react'
-import { describe, it, expect } from 'vitest'
-import { render, screen, act } from '@testing-library/react'
-import { StatisticsDialog } from '../../src/navigator/StatisticsDialog'
-import { DocumentProvider, useDocument } from '../../src/context/DocumentContext'
-
-/**
- * Reproduces the reported bug: many scenes whose seconds components alone
- * (ignored by the old MM-only parser) add up to well over a minute. Three
- * scenes here sum to 01:15 + 00:50 + 00:40 = 2:45 total — the buggy
- * MM-only sum would report "1 min" (1+0+0), the fix must report "3 min"
- * (rounded from 2m45s).
- */
-const SAMPLE_TEXT =
-  '## INT. HOUSE - DAY\n& est-duration: 01:15\n\n' +
-  '## EXT. PARK - NIGHT\n& est-duration: 00:50\n\n' +
-  '## INT. OFFICE - DAY\n& est-duration: 00:40\n'
-
-function TextSetter({ text }: { text: string }) {
-  const { setText } = useDocument()
-  useEffect(() => {
-    setText(text)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-  return null
-}
-
-function Wrapper({ text = SAMPLE_TEXT }: { text?: string }) {
-  return (
-    <DocumentProvider>
-      <TextSetter text={text} />
-      <StatisticsDialog onClose={() => {}} />
-    </DocumentProvider>
-  )
-}
-
-describe('StatisticsDialog', () => {
-  it('sums scene durations by total seconds, not just the MM part', async () => {
-    await act(async () => {
-      render(<Wrapper />)
-    })
-    // 75 + 50 + 40 = 165s = 2m45s -> rounds to 3 min, not 1 min.
-    expect(screen.getByText('3 min')).toBeInTheDocument()
-  })
-
-  it('formats totals of an hour or more as "Xh Ym"', async () => {
-    const text =
-      '## INT. A - DAY\n& est-duration: 30:00\n\n' +
-      '## INT. B - DAY\n& est-duration: 35:30\n'
-    await act(async () => {
-      render(<Wrapper text={text} />)
-    })
-    // 30:00 + 35:30 = 65m30s -> rounds to 66 min -> "1h 6m"
-    expect(screen.getByText('1h 6m')).toBeInTheDocument()
-  })
-
-  it('shows TBD when no scene has an estimated duration', async () => {
-    await act(async () => {
-      render(<Wrapper text="## INT. HOUSE - DAY\nSome action.\n" />)
-    })
-    expect(screen.getByText('TBD')).toBeInTheDocument()
-  })
-})

package/tests/navigator/scene-list.test.ts

@@ -1,71 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { buildSceneList } from '../../src/navigator/scene-list'
-
-const SAMPLE = `---
-title: Test Script
-lang: hi
----
-
-## INT. LIVING ROOM - DAY {#scene-001}
-& synopsis: The family gathers.
-& status: done
-& location: INT
-
-This is action text.
-
-## EXT. STREET - NIGHT {#scene-002}
-& synopsis: Rain falls hard.
-& status: wip
-
-More action.
-
-## INT. CAFE - DAY
-& synopsis: A quiet moment.
-`
-
-describe('buildSceneList', () => {
-  it('returns 3 scenes from the sample', () => {
-    const scenes = buildSceneList(SAMPLE)
-    expect(scenes.length).toBe(3)
-  })
-
-  it('extracts scene headings correctly', () => {
-    const scenes = buildSceneList(SAMPLE)
-    expect(scenes[0].heading).toBe('INT. LIVING ROOM - DAY')
-    expect(scenes[1].heading).toBe('EXT. STREET - NIGHT')
-    expect(scenes[2].heading).toBe('INT. CAFE - DAY')
-  })
-
-  it('extracts scene synopses from & synopsis: metadata', () => {
-    const scenes = buildSceneList(SAMPLE)
-    expect(scenes[0].synopsis).toBe('The family gathers.')
-    expect(scenes[1].synopsis).toBe('Rain falls hard.')
-    expect(scenes[2].synopsis).toBe('A quiet moment.')
-  })
-
-  it('extracts status metadata', () => {
-    const scenes = buildSceneList(SAMPLE)
-    expect(scenes[0].status).toBe('done')
-    expect(scenes[1].status).toBe('wip')
-    expect(scenes[2].status).toBe('')
-  })
-
-  it('assigns sequential 1-based index', () => {
-    const scenes = buildSceneList(SAMPLE)
-    expect(scenes[0].index).toBe(1)
-    expect(scenes[1].index).toBe(2)
-    expect(scenes[2].index).toBe(3)
-  })
-
-  it('returns empty array for text with no scenes', () => {
-    const scenes = buildSceneList('Just some action text.')
-    expect(scenes.length).toBe(0)
-  })
-
-  it('records textOffset for each scene', () => {
-    const scenes = buildSceneList(SAMPLE)
-    // All offsets should be distinct and increasing
-    expect(scenes[0].textOffset).toBeLessThan(scenes[1].textOffset)
-    expect(scenes[1].textOffset).toBeLessThan(scenes[2].textOffset)
-  })
-})

package/tests/print-paginator.test.ts

@@ -1,82 +0,0 @@
-import { paginatePrintDocument } from '../src/file/print-paginator'
-
-/** jsdom has no layout engine, so every element measures 0. Stub the one measurement the
- *  placement logic depends on when nothing can be split — a page body's height — as a flat
- *  40px per block, which makes page capacity exactly predictable. */
-function stubHeights(perBlockPx: number) {
-  const descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'scrollHeight')
-  Object.defineProperty(HTMLElement.prototype, 'scrollHeight', {
-    configurable: true,
-    get(this: HTMLElement) {
-      return this.classList.contains('print-page-body') ? this.children.length * perBlockPx : perBlockPx
-    },
-  })
-  return () => {
-    if (descriptor) Object.defineProperty(HTMLElement.prototype, 'scrollHeight', descriptor)
-  }
-}
-
-function setup(blocks: string): void {
-  document.body.innerHTML = `<div id="print-pages"></div><div id="print-flow">${blocks}</div>`
-}
-
-function pages() {
-  return Array.from(document.querySelectorAll('.print-page')).map(p => ({
-    continued: p.querySelector('.print-page-continued')!.textContent,
-    number: p.querySelector('.print-page-number')!.textContent,
-    blocks: Array.from(p.querySelector('.print-page-body')!.children).map(c => c.className),
-  }))
-}
-
-const action = (scene: string, n: number) =>
-  `<div class="print-action" data-scene="${scene}">Action ${n}</div>`
-const heading = (scene: string) =>
-  `<div class="print-scene-heading" data-scene="${scene}" data-scene-start="${scene}">INT. ROOM</div>`
-
-describe('print paginator', () => {
-  let restore = () => {}
-  beforeEach(() => { restore = stubHeights(40) })
-  afterEach(() => { restore() })
-
-  it('numbers every page and marks only the ones that open mid-scene as CONTINUED', () => {
-    setup(heading('8') + Array.from({ length: 11 }, (_, i) => action('8', i)).join(''))
-    // 204px of page height, less the 4px rounding slack, fits five 40px blocks.
-    paginatePrintDocument({ contentHeightPx: 204, pageNumberPrefix: 'p', continuedSuffix: 'CONTINUED:' })
-
-    const result = pages()
-    expect(result.map(p => p.number)).toEqual(['p1', 'p2', 'p3'])
-    expect(result[0]!.continued).toBe('') // the page the scene starts on
-    expect(result[1]!.continued).toBe('8 CONTINUED:')
-    expect(result[2]!.continued).toBe('8 CONTINUED:')
-    expect(document.getElementById('print-flow')).toBeNull()
-  })
-
-  it('starts a fresh page at a scene heading rather than leaving it stranded at the bottom', () => {
-    // Four blocks of scene 8, then scene 9's heading would land as the fifth (last) block.
-    setup(heading('8') + Array.from({ length: 3 }, (_, i) => action('8', i)).join('')
-      + heading('9') + action('9', 0))
-    paginatePrintDocument({ contentHeightPx: 204, pageNumberPrefix: 'p', continuedSuffix: 'CONTINUED:' })
-
-    const result = pages()
-    expect(result).toHaveLength(2)
-    expect(result[0]!.blocks).toHaveLength(4)
-    expect(result[1]!.blocks[0]).toContain('print-scene-heading')
-    expect(result[1]!.continued).toBe('') // scene 9 starts here, so no continuation
-  })
-
-  it('breaks the page where a Sutra page break says to', () => {
-    setup(heading('8') + action('8', 0) + '<div class="print-page-break"></div>' + action('8', 1))
-    paginatePrintDocument({ contentHeightPx: 2000, pageNumberPrefix: 'p', continuedSuffix: 'CONTINUED:' })
-
-    const result = pages()
-    expect(result).toHaveLength(2)
-    expect(result[0]!.blocks).toHaveLength(2)
-    expect(result[1]!.continued).toBe('8 CONTINUED:')
-  })
-
-  it('does nothing when the document has no flow to paginate', () => {
-    document.body.innerHTML = '<div id="print-pages"></div>'
-    expect(() => paginatePrintDocument({ contentHeightPx: 204, pageNumberPrefix: 'p', continuedSuffix: 'CONTINUED:' })).not.toThrow()
-    expect(document.querySelectorAll('.print-page')).toHaveLength(0)
-  })
-})