import { afterEach, describe, expect, it, vi } from 'vitest'; import { parseHTML } from 'linkedom'; import { applyFileViewerSearchState, applyFileViewerZoomState, buildFileViewerDocumentTextChunks, clearFileViewerZoomControllerProvider, collectFileViewerDocumentAnchors, cloneFileViewerSearchState, createFileViewerZoomChangeState, createFileViewerDocumentChangeSnapshot, createFileViewerDocumentFeatureActions, createFileViewerDocumentFeatureControllerActionHandlers, createEmptyFileViewerSearchState, createFileViewerDomSearchController, createFileViewerDomSearchControllerActionHandlers, createFileViewerSearchChangeState, createFileViewerZoomController, createFileViewerZoomControllerActionHandlers, createFileViewerZoomState, destroyFileViewerDomSearchController, dispatchFileViewerLocationChange, dispatchFileViewerSearchChange, findFileViewerSearchProvider, findFileViewerZoomProvider, getCurrentFileViewerDocumentAnchor, getFileViewerScrollableRange, isFileViewerScrollableElement, normalizeFileViewerAiOptions, normalizeFileViewerSearchOptions, observeFileViewerDomSearchController, observeFileViewerZoomController, registerFileViewerSearchProvider, registerFileViewerZoomProvider, refreshFileViewerZoomControllerProvider, resolveFileViewerLocationChangeAnchor, resolveFileViewerScrollContainer, runFileViewerDomSearchControllerAction, runFileViewerZoomControllerAction, syncFileViewerDomSearchControllerState, syncFileViewerZoomControllerState, unregisterFileViewerSearchProvider, unregisterFileViewerZoomProvider, type FileViewerDocumentAnchor, type FileViewerSearchProvider, type FileViewerZoomProvider, } from '../packages/core/src'; const anchor = (id: string, text: string, line = 1): FileViewerDocumentAnchor => ({ id, index: line - 1, line, type: 'line', label: text.slice(0, 12), text, top: line * 10, left: 0, width: 100, height: 20, }); const setRect = (element: Element, rect: Partial) => { Object.defineProperty(element, 'getBoundingClientRect', { configurable: true, value: () => ({ bottom: rect.bottom ?? (rect.top || 0) + (rect.height || 0), height: rect.height ?? 0, left: rect.left ?? 0, right: rect.right ?? (rect.left || 0) + (rect.width || 0), top: rect.top ?? 0, width: rect.width ?? 0, x: rect.x ?? rect.left ?? 0, y: rect.y ?? rect.top ?? 0, toJSON: () => ({}), } as DOMRect), }); }; const setScrollMetrics = (element: HTMLElement, metrics: { clientHeight: number; scrollHeight: number; }) => { Object.defineProperty(element, 'clientHeight', { configurable: true, value: metrics.clientHeight }); Object.defineProperty(element, 'scrollHeight', { configurable: true, value: metrics.scrollHeight }); }; describe('@file-viewer/core document helpers', () => { afterEach(() => { vi.unstubAllGlobals(); }); it('normalizes zoom state for wrapper toolbars', () => { expect(createFileViewerZoomState()).toEqual({ scale: 1, label: '100%', canZoomIn: false, canZoomOut: false, canReset: false, minScale: undefined, maxScale: undefined, }); expect(createFileViewerZoomState({ scale: 1.25, canZoomIn: true })).toMatchObject({ scale: 1.25, label: '125%', canZoomIn: true, }); }); it('normalizes search and AI option shorthands', () => { expect(normalizeFileViewerSearchOptions(false)).toEqual({ enabled: false }); expect(normalizeFileViewerSearchOptions(true)).toEqual({}); expect(createEmptyFileViewerSearchState('pdf')).toEqual({ query: 'pdf', total: 0, currentIndex: -1, current: null, matches: [], }); expect(normalizeFileViewerAiOptions(false)).toEqual({ enabled: false, collectText: false }); expect(normalizeFileViewerAiOptions({ chunkSize: 256 })).toEqual({ chunkSize: 256 }); }); it('clones search state snapshots without sharing match or anchor references', () => { const source = createEmptyFileViewerSearchState('pdf'); source.total = 1; source.currentIndex = 0; source.current = { id: 'match-1', index: 0, text: 'PDF', anchor: anchor('intro', 'PDF intro'), line: 1, page: 2, }; source.matches = [source.current]; const cloned = cloneFileViewerSearchState(source); const eventState = createFileViewerSearchChangeState(source); expect(cloned).toEqual(source); expect(cloned).not.toBe(source); expect(cloned.current).not.toBe(source.current); expect(cloned.current?.anchor).not.toBe(source.current.anchor); expect(cloned.matches[0]).not.toBe(source.matches[0]); expect(cloned.matches[0].anchor).not.toBe(source.matches[0].anchor); expect(eventState).toEqual(source); expect(eventState).not.toBe(source); expect(eventState.current).not.toBe(source.current); const target = createEmptyFileViewerSearchState('old'); expect(applyFileViewerSearchState(target, source)).toBe(target); expect(target).toEqual(source); expect(target.current).not.toBe(source.current); expect(target.current?.anchor).not.toBe(source.current.anchor); expect(target.matches[0]).not.toBe(source.matches[0]); }); it('dispatches document search and location notifications in wrapper event order', () => { const events: string[] = []; const source = createEmptyFileViewerSearchState('PDF'); const currentAnchor = anchor('intro', 'PDF intro', 2); source.total = 1; source.currentIndex = 0; source.current = { id: 'match-1', index: 0, text: 'PDF', anchor: currentAnchor, line: 2, }; source.matches = [source.current]; const locationAnchor = anchor('chapter-1', 'Chapter 1', 4); let emittedSearchState: typeof source | null = null; let emittedLocationAnchor: FileViewerDocumentAnchor | null | undefined; expect(dispatchFileViewerSearchChange({ state: source, onChange: state => { events.push('emit:search-change'); emittedSearchState = state; state.query = 'mutated'; }, })).toBe(true); expect(dispatchFileViewerLocationChange({ anchor: locationAnchor, onChange: nextAnchor => { events.push('emit:location-change'); emittedLocationAnchor = nextAnchor; }, })).toBe(true); expect(events).toEqual([ 'emit:search-change', 'emit:location-change', ]); expect(emittedSearchState).not.toBe(source); expect(emittedSearchState?.current).not.toBe(source.current); expect(emittedSearchState?.current?.anchor).not.toBe(source.current.anchor); expect(source.query).toBe('PDF'); expect(emittedLocationAnchor).toBe(locationAnchor); }); it('creates framework-neutral document feature actions for wrappers', async () => { const { document } = parseHTML(`

First PDF line

Second PDF line

`); const root = document.getElementById('root') as HTMLElement; const secondLine = root.querySelector('[data-viewer-line="2"]') as HTMLElement; const scrollIntoView = vi.fn(); const calls: string[] = []; const emitted: string[] = []; let anchors: FileViewerDocumentAnchor[] = []; const searchState = createEmptyFileViewerSearchState(); Object.defineProperty(root, 'scrollTop', { configurable: true, writable: true, value: 65 }); Object.defineProperty(root, 'scrollLeft', { configurable: true, writable: true, value: 0 }); setScrollMetrics(root, { clientHeight: 100, scrollHeight: 360 }); Object.defineProperty(secondLine, 'scrollIntoView', { configurable: true, value: scrollIntoView, }); const actions = createFileViewerDocumentFeatureActions({ root: () => root, searchController: { getAnchors: () => anchors, getSearchState: () => searchState, observe: () => { calls.push('observe'); }, refreshAnchors: async () => { calls.push('refresh'); anchors = [ anchor('a1', 'First PDF line', 1), { ...anchor('a2', 'Second PDF line', 2), top: 95 }, ]; return anchors; }, search: async query => { calls.push(`search:${query}`); searchState.query = query; searchState.total = 1; searchState.currentIndex = 0; searchState.current = { id: 'match-a2', index: 0, text: query, anchor: anchors[1], line: 2, }; searchState.matches = [searchState.current]; }, clear: async () => { calls.push('clear'); searchState.query = ''; searchState.total = 0; searchState.currentIndex = -1; searchState.current = null; searchState.matches = []; }, next: async () => { calls.push('next'); }, previous: async () => { calls.push('previous'); }, }, getAiOptions: () => ({ chunkSize: 200 }), onSearchChange: state => { emitted.push(`search:${state.query}:${state.total}`); }, onLocationChange: nextAnchor => { emitted.push(`location:${nextAnchor?.line ?? 'none'}`); }, }); await expect(actions.collectDocumentAnchors()).resolves.toHaveLength(2); expect(actions.getCurrentDocumentAnchor()?.line).toBe(2); expect(emitted).toEqual(['location:2']); await expect(actions.collectDocumentAnchors({ notify: false })).resolves.toHaveLength(2); expect(emitted).toEqual(['location:2']); await expect(actions.searchDocument('PDF')).resolves.toMatchObject({ query: 'PDF', total: 1, currentIndex: 0, }); expect(emitted).toEqual(['location:2', 'search:PDF:1']); await expect(actions.nextSearchResult()).resolves.toMatchObject({ query: 'PDF' }); expect(emitted).toEqual(['location:2', 'search:PDF:1', 'location:2', 'search:PDF:1']); await expect(actions.scrollToLine(2)).resolves.toBe(true); expect(scrollIntoView).toHaveBeenCalledWith({ block: 'center', inline: 'nearest' }); expect(emitted[emitted.length - 1]).toBe('location:2'); expect(actions.getDocumentTextChunks()).toEqual([ expect.objectContaining({ id: 'a1-chunk-1', text: 'First PDF line', startLine: 1, }), expect.objectContaining({ id: 'a2-chunk-1', text: 'Second PDF line', startLine: 2, }), ]); await expect(actions.clearDocumentState()).resolves.toMatchObject({ total: 0, currentIndex: -1, }); expect(emitted[emitted.length - 1]).toBe('location:2'); expect(calls).toEqual(['observe', 'refresh', 'observe', 'refresh', 'search:PDF', 'next', 'clear']); }); it('creates document feature controller action handlers with DOM search state targets', async () => { const { document } = parseHTML(`

Alpha PDF content.

Beta PDF content.

`); const root = document.getElementById('root') as HTMLElement; const lines = Array.from(root.querySelectorAll('[data-viewer-anchor-id]')); const secondLine = root.querySelector('[data-viewer-line="2"]') as HTMLElement; const scrollIntoView = vi.fn(); const emitted: string[] = []; const target = { anchors: { value: [] as FileViewerDocumentAnchor[] }, state: createEmptyFileViewerSearchState(), }; Object.defineProperty(root, 'scrollTop', { configurable: true, writable: true, value: 20 }); Object.defineProperty(root, 'scrollLeft', { configurable: true, writable: true, value: 0 }); setScrollMetrics(root, { clientHeight: 80, scrollHeight: 240 }); setRect(root, { top: 0, left: 0, width: 360, height: 80 }); lines.forEach((line, index) => { setRect(line, { top: 12 + (index * 32), left: 16, width: 280, height: 24 }); }); Object.defineProperty(secondLine, 'scrollIntoView', { configurable: true, value: scrollIntoView, }); const actions = createFileViewerDocumentFeatureControllerActionHandlers({ root: () => root, searchTarget: target, searchOptions: () => true, waitForDomUpdate: () => Promise.resolve(), getAiOptions: () => ({ chunkSize: 120 }), onSearchChange: state => { emitted.push(`search:${state.query}:${state.total}:${state.currentIndex}`); }, onLocationChange: nextAnchor => { emitted.push(`location:${nextAnchor?.line ?? 'none'}`); }, }); await expect(actions.refreshDocumentIndex()).resolves.toHaveLength(2); expect(target.anchors.value.map(item => item.line)).toEqual([1, 2]); await expect(actions.searchDocument('PDF')).resolves.toMatchObject({ query: 'PDF', total: 2, currentIndex: 0, }); expect(target.state).toMatchObject({ query: 'PDF', total: 2, currentIndex: 0, }); await expect(actions.nextSearchResult()).resolves.toMatchObject({ query: 'PDF', total: 2, currentIndex: 1, }); await expect(actions.scrollToLine(2)).resolves.toBe(true); expect(scrollIntoView).toHaveBeenCalledWith({ block: 'center', inline: 'nearest' }); expect(actions.getDocumentTextChunks()).toEqual([ expect.objectContaining({ id: 'line-1-chunk-1', text: 'Alpha PDF content.', startLine: 1, }), expect.objectContaining({ id: 'line-2-chunk-1', text: 'Beta PDF content.', startLine: 2, }), ]); expect(actions.destroyDocumentFeatures()).toBe(target.state); expect(target.state).toMatchObject({ total: 0, currentIndex: -1, current: null, matches: [], }); expect(emitted).toEqual([ 'location:1', 'search:PDF:2:0', 'location:1', 'search:PDF:2:1', 'location:1', ]); }); it('builds AI-friendly document text chunks with overlap and limits', () => { const longText = Array.from({ length: 450 }, (_, index) => String.fromCharCode(97 + (index % 26))).join(''); const chunks = buildFileViewerDocumentTextChunks( [anchor('intro', longText, 3)], { chunkSize: 120, chunkOverlap: 50, maxTextLength: 420 } ); expect(chunks.map(chunk => ({ id: chunk.id, length: chunk.text.length, startLine: chunk.startLine, endLine: chunk.endLine, }))).toEqual([ { id: 'intro-chunk-1', length: 200, startLine: 3, endLine: 3 }, { id: 'intro-chunk-2', length: 200, startLine: 3, endLine: 3 }, { id: 'intro-chunk-3', length: 120, startLine: 3, endLine: 3 }, ]); expect(buildFileViewerDocumentTextChunks([anchor('intro', 'text')], false)).toEqual([]); }); it('exposes renderer provider contracts from core', async () => { const zoomProvider: FileViewerZoomProvider = { zoomIn: async () => createFileViewerZoomState({ scale: 1.1 }), zoomOut: async () => createFileViewerZoomState({ scale: 0.9 }), resetZoom: async () => createFileViewerZoomState(), getState: () => createFileViewerZoomState(), }; const searchProvider: FileViewerSearchProvider = { search: async query => ({ query, total: 0, currentIndex: -1, current: null, matches: [], }), }; await expect(zoomProvider.zoomIn()).resolves.toMatchObject({ scale: 1.1 }); await expect(searchProvider.search('cad')).resolves.toMatchObject({ query: 'cad' }); }); it('collects DOM anchors and resolves the current document location', () => { const { document } = parseHTML(`

PDF 沉浸式翻译

第一段正文，包含可用于搜索和定位的文本。

loading should be ignored

`); const root = document.getElementById('root') as HTMLElement; const heading = root.querySelector('h1') as HTMLElement; const paragraph = root.querySelector('article > p') as HTMLElement; const ignored = root.querySelector('.state-panel p') as HTMLElement; Object.defineProperty(root, 'clientHeight', { configurable: true, value: 120 }); Object.defineProperty(root, 'scrollTop', { configurable: true, writable: true, value: 35 }); Object.defineProperty(root, 'scrollLeft', { configurable: true, writable: true, value: 0 }); setRect(root, { top: 0, left: 0, width: 800, height: 120 }); setRect(heading, { top: 10, left: 12, width: 400, height: 32 }); setRect(paragraph, { top: 70, left: 12, width: 600, height: 24 }); setRect(ignored, { top: 100, left: 12, width: 600, height: 24 }); const anchors = collectFileViewerDocumentAnchors(root); expect(anchors.map(item => ({ line: item.line, type: item.type, label: item.label, top: item.top, }))).toEqual([ { line: 1, type: 'block', label: 'PDF 沉浸式翻译', top: 45 }, { line: 2, type: 'line', label: '第一段正文，包含可用于搜索和定位的文本。', top: 105 }, ]); expect(ignored.dataset.viewerAnchorId).toBeUndefined(); expect(getCurrentFileViewerDocumentAnchor(root, anchors)?.line).toBe(1); expect(resolveFileViewerLocationChangeAnchor({ root, anchors })?.line).toBe(1); expect(createFileViewerDocumentChangeSnapshot({ root, anchors, searchState: createEmptyFileViewerSearchState('PDF'), })).toMatchObject({ searchState: { query: 'PDF', total: 0, currentIndex: -1 }, locationAnchor: { line: 1 }, }); }); it('resolves the best document scroll container with framework-neutral DOM rules', () => { const { document } = parseHTML(`
`); const root = document.getElementById('root') as HTMLElement; const preferred = root.querySelector('.pdf-wrapper') as HTMLElement; const small = document.getElementById('small') as HTMLElement; const large = document.getElementById('large') as HTMLElement; vi.stubGlobal('window', { getComputedStyle: (element: HTMLElement) => ({ overflow: element.style.overflow, overflowY: element.style.overflowY, }), }); setScrollMetrics(root, { clientHeight: 100, scrollHeight: 800 }); setScrollMetrics(preferred, { clientHeight: 100, scrollHeight: 160 }); setScrollMetrics(small, { clientHeight: 100, scrollHeight: 180 }); setScrollMetrics(large, { clientHeight: 100, scrollHeight: 420 }); expect(getFileViewerScrollableRange(large)).toBe(320); expect(isFileViewerScrollableElement(root)).toBe(false); expect(resolveFileViewerScrollContainer(root)).toBe(large); preferred.style.overflowY = 'auto'; expect(resolveFileViewerScrollContainer(root)).toBe(preferred); }); it('registers framework-neutral search and zoom providers on DOM hosts', async () => { const { document } = parseHTML('
'); const root = document.getElementById('root') as HTMLElement; const searchHost = document.getElementById('search') as HTMLElement; const zoomHost = document.getElementById('zoom') as HTMLElement; const searchProvider: FileViewerSearchProvider = { search: query => createEmptyFileViewerSearchState(query), }; const zoomProvider: FileViewerZoomProvider = { zoomIn: () => createFileViewerZoomState({ scale: 1.1 }), zoomOut: () => createFileViewerZoomState({ scale: 0.9 }), resetZoom: () => createFileViewerZoomState(), getState: () => createFileViewerZoomState(), }; registerFileViewerSearchProvider(searchHost, searchProvider); registerFileViewerZoomProvider(zoomHost, zoomProvider); expect(findFileViewerSearchProvider(root)).toBe(searchProvider); expect(findFileViewerZoomProvider(zoomHost)).toBe(zoomProvider); expect(zoomHost.dataset.viewerZoomProvider).toBe('custom'); await expect(Promise.resolve(findFileViewerSearchProvider(root)?.search('pdf'))).resolves.toMatchObject({ query: 'pdf' }); unregisterFileViewerSearchProvider(searchHost); unregisterFileViewerZoomProvider(zoomHost); expect(findFileViewerSearchProvider(root)).toBeNull(); expect(findFileViewerZoomProvider(zoomHost)).toBeNull(); expect(zoomHost.dataset.viewerZoomProvider).toBeUndefined(); }); it('runs the DOM search controller without framework state', async () => { const { document } = parseHTML(`

Alpha PDF beta pdf.

pdf ignored
`); const root = document.getElementById('root') as HTMLElement; const paragraph = root.querySelector('p') as HTMLElement; Object.defineProperty(root, 'clientHeight', { configurable: true, value: 80 }); Object.defineProperty(root, 'scrollHeight', { configurable: true, value: 400 }); Object.defineProperty(root, 'clientWidth', { configurable: true, value: 200 }); Object.defineProperty(root, 'scrollWidth', { configurable: true, value: 200 }); Object.defineProperty(root, 'scrollTop', { configurable: true, writable: true, value: 0 }); Object.defineProperty(root, 'scrollLeft', { configurable: true, writable: true, value: 18 }); root.scrollTo = (options?: ScrollToOptions | number, y?: number) => { if (typeof options === 'number') { root.scrollLeft = options; root.scrollTop = y || 0; return; } root.scrollTop = Number(options?.top || 0); root.scrollLeft = Number(options?.left || 0); }; setRect(root, { top: 0, left: 0, width: 200, height: 80 }); setRect(paragraph, { top: 40, left: 10, width: 180, height: 20 }); const controller = createFileViewerDomSearchController({ root: () => root, waitForDomUpdate: () => Promise.resolve(), preferredScrollContainer: () => root, }); const target = { anchors: { value: [] as FileViewerDocumentAnchor[] }, state: createEmptyFileViewerSearchState(), }; await runFileViewerDomSearchControllerAction(target, controller, () => controller.search('pdf')); expect(controller.state).toMatchObject({ query: 'pdf', total: 2, currentIndex: 0, }); expect(target.state).toMatchObject({ query: 'pdf', total: 2, currentIndex: 0 }); expect(target.anchors.value).toBe(controller.anchors); expect(Array.from(root.querySelectorAll('mark')).map(mark => mark.textContent)).toEqual(['PDF', 'pdf']); expect(root.querySelectorAll('.flyfish-search-match--active')).toHaveLength(1); expect(root.scrollLeft).toBe(18); await runFileViewerDomSearchControllerAction(target, controller, () => controller.next()); expect(controller.state.currentIndex).toBe(1); expect(target.state.currentIndex).toBe(1); expect(observeFileViewerDomSearchController(target, controller)).toBe(target.state); expect(syncFileViewerDomSearchControllerState(target, controller)).toBe(target.state); await runFileViewerDomSearchControllerAction(target, controller, () => controller.clear()); expect(controller.state).toMatchObject({ query: '', total: 0, currentIndex: -1, current: null, }); expect(target.state).toMatchObject({ query: '', total: 0, currentIndex: -1 }); expect(root.querySelectorAll('mark')).toHaveLength(0); expect(paragraph.textContent).toBe('Alpha PDF beta pdf.'); destroyFileViewerDomSearchController(target, controller); }); it('creates DOM search action facades for wrapper state targets', async () => { const { document } = parseHTML('

Alpha PDF beta pdf.

'); const root = document.getElementById('root') as HTMLElement; const controller = createFileViewerDomSearchController({ root: () => root, waitForDomUpdate: () => Promise.resolve(), preferredScrollContainer: () => root, }); const target = { anchors: { value: [] as FileViewerDocumentAnchor[] }, state: createEmptyFileViewerSearchState(), }; const actions = createFileViewerDomSearchControllerActionHandlers(target, controller); expect(actions.observe()).toBe(target.state); const searchState = await actions.search('pdf'); expect(searchState).toBe(target.state); expect(target.state).toMatchObject({ query: 'pdf', total: 2, currentIndex: 0 }); expect(target.anchors.value).toBe(controller.anchors); const anchors = await actions.refreshAnchors(); expect(anchors).toBe(target.anchors.value); await actions.next(); expect(target.state.currentIndex).toBe(1); await actions.previous(); expect(target.state.currentIndex).toBe(0); await actions.clear(); expect(target.state).toMatchObject({ query: '', total: 0, currentIndex: -1 }); expect(actions.destroy()).toBe(target.state); }); it('runs the zoom controller without framework state', async () => { const { document } = parseHTML('
'); const root = document.getElementById('root') as HTMLElement; const zoomHost = document.getElementById('zoom') as HTMLElement; const listeners = new Set<() => void>(); const beforeOperations: string[] = []; const stateTarget = createFileViewerZoomState(); expect(applyFileViewerZoomState(stateTarget, { scale: 2, canZoomOut: true })).toBe(stateTarget); expect(stateTarget).toMatchObject({ scale: 2, label: '200%', canZoomOut: true, }); applyFileViewerZoomState(stateTarget, null); expect(stateTarget).toEqual(createFileViewerZoomState()); let scale = 1; let allowZoomOut = false; const getState = () => createFileViewerZoomState({ scale, canZoomIn: scale < 2, canZoomOut: scale > 0.5, canReset: scale !== 1, minScale: 0.5, maxScale: 2, }); const emit = () => { listeners.forEach(listener => listener()); }; const zoomProvider: FileViewerZoomProvider = { zoomIn: () => { scale = 1.25; emit(); return getState(); }, zoomOut: () => { scale = 0.75; emit(); return getState(); }, resetZoom: () => { scale = 1; emit(); return getState(); }, getState, subscribe(listener) { listeners.add(listener); return () => { listeners.delete(listener); }; }, }; registerFileViewerZoomProvider(zoomHost, zoomProvider); const controller = createFileViewerZoomController({ root: () => root, beforeZoom: operation => { beforeOperations.push(operation); return operation !== 'zoom-out' || allowZoomOut; }, }); expect(controller.hasProvider()).toBe(true); expect(syncFileViewerZoomControllerState(stateTarget, controller)).toBe(stateTarget); expect(controller.state).toMatchObject({ scale: 1, label: '100%', canZoomIn: true, }); expect(createFileViewerZoomChangeState(stateTarget)).toEqual(controller.getState()); await expect(runFileViewerZoomControllerAction(stateTarget, () => controller.zoomIn())) .resolves.toMatchObject({ scale: 1.25, label: '125%' }); expect(beforeOperations).toEqual(['zoom-in']); expect(controller.state.canReset).toBe(true); expect(stateTarget).toMatchObject({ scale: 1.25, label: '125%' }); scale = 1.5; emit(); expect(controller.state).toMatchObject({ scale: 1.5, label: '150%' }); expect(refreshFileViewerZoomControllerProvider(stateTarget, controller)).toBe(zoomProvider); expect(stateTarget).toMatchObject({ scale: 1.5, label: '150%' }); expect(observeFileViewerZoomController(stateTarget, controller)).toBe(stateTarget); await expect(controller.zoomOut()).resolves.toMatchObject({ scale: 1.5 }); expect(beforeOperations).toEqual(['zoom-in', 'zoom-out']); allowZoomOut = true; await expect(controller.zoomOut()).resolves.toMatchObject({ scale: 0.75, label: '75%' }); clearFileViewerZoomControllerProvider(stateTarget, controller); expect(controller.provider).toBeNull(); expect(controller.getState()).toEqual(createFileViewerZoomState()); expect(stateTarget).toEqual(createFileViewerZoomState()); controller.destroy(); unregisterFileViewerZoomProvider(zoomHost); }); it('creates zoom action facades for wrapper state targets', async () => { const { document } = parseHTML('
'); const root = document.getElementById('root') as HTMLElement; const zoomHost = document.getElementById('zoom') as HTMLElement; let scale = 1; const getState = () => createFileViewerZoomState({ scale, label: `${Math.round(scale * 100)}%`, canZoomIn: scale < 2, canZoomOut: scale > 0.5, canReset: scale !== 1, }); const zoomProvider: FileViewerZoomProvider = { zoomIn: () => { scale = 1.25; return getState(); }, zoomOut: () => { scale = 0.75; return getState(); }, resetZoom: () => { scale = 1; return getState(); }, getState, }; const stateTarget = createFileViewerZoomState(); const controller = createFileViewerZoomController({ root: () => root }); const actions = createFileViewerZoomControllerActionHandlers(stateTarget, controller); try { registerFileViewerZoomProvider(zoomHost, zoomProvider); expect(actions.hasZoomProvider()).toBe(true); expect(stateTarget).toMatchObject({ scale: 1, label: '100%' }); expect(actions.getZoomState()).toEqual(stateTarget); await expect(actions.zoomIn()).resolves.toMatchObject({ scale: 1.25, label: '125%' }); expect(stateTarget).toMatchObject({ scale: 1.25, label: '125%' }); await expect(actions.zoomOut()).resolves.toMatchObject({ scale: 0.75, label: '75%' }); expect(stateTarget).toMatchObject({ scale: 0.75, label: '75%' }); await expect(actions.resetZoom()).resolves.toMatchObject({ scale: 1, label: '100%' }); expect(actions.refreshZoomProvider()).toBe(zoomProvider); expect(actions.startZoomObserver()).toBe(stateTarget); expect(actions.clearZoomProvider()).toBe(stateTarget); expect(controller.provider).toBeNull(); expect(actions.stopZoomObserver()).toBe(stateTarget); } finally { controller.destroy(); unregisterFileViewerZoomProvider(zoomHost); } }); });