import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest' import { createApp, type App } from 'vue' import { useVersionOpen } from '../app/composables/useVersionOpen' let app: App let host: HTMLDivElement const apiJson = vi.fn() const replace = vi.fn() const close = vi.fn() let tab: { opener: unknown; closed: boolean; location: { replace: typeof replace }; close: typeof close } function mount() { let result!: ReturnType host = document.createElement('div') document.body.append(host) app = createApp({ setup() { result = useVersionOpen(); return () => null } }) app.mount(host) return result } beforeEach(() => { vi.useFakeTimers() vi.stubGlobal('useApi', () => ({ apiJson })) tab = { opener: {}, closed: false, location: { replace }, close } vi.spyOn(window, 'open').mockReturnValue(tab as unknown as Window) }) afterEach(() => { app?.unmount() host?.remove() vi.restoreAllMocks() vi.unstubAllGlobals() vi.clearAllMocks() vi.useRealTimers() }) describe('version open lifecycle', () => { it('reserves PDF tab synchronously, navigates after auth, leaves completed PDF open on unmount', async () => { let resolve!: (value: unknown) => void apiJson.mockReturnValue(new Promise(r => { resolve = r })) const state = mount() const pending = state.openVersion('d', 'v', 'pdf') expect(window.open).toHaveBeenCalledWith('about:blank', '_blank') expect(tab.opener).toBeNull() expect(state.openingVersionId.value).toBe('v') resolve({ url: 'https://files.example/v.pdf' }) await pending expect(replace).toHaveBeenCalledWith('https://files.example/v.pdf') expect(state.fallbackUrl.value).toBe('https://files.example/v.pdf') app.unmount() expect(close).not.toHaveBeenCalled() }) it('keeps a fallback when popup is blocked', async () => { vi.mocked(window.open).mockReturnValue(null) apiJson.mockResolvedValue({ url: 'https://files.example/v.pdf' }) const state = mount() await state.openVersion('d', 'v', 'pdf') expect(state.openNotice.value).toBeTruthy() expect(state.fallbackUrl.value).toBe('https://files.example/v.pdf') }) it('closes pending tab immediately on reset and ignores a late response', async () => { let resolve!: (value: unknown) => void apiJson.mockReturnValue(new Promise(r => { resolve = r })) const state = mount() const pending = state.openVersion('d', 'v', 'pdf') state.resetOpen() expect(close).toHaveBeenCalledTimes(1) resolve({ url: 'https://files.example/v.pdf' }) await pending expect(replace).not.toHaveBeenCalled() expect(state.fallbackUrl.value).toBeNull() }) it('closes reserved tab and reports request failure', async () => { apiJson.mockRejectedValue(new Error('offline')) const state = mount() await state.openVersion('d', 'v', 'pdf') expect(close).toHaveBeenCalled() expect(state.downloadError.value).toBe('offline') expect(state.openingVersionId.value).toBeNull() }) it('handles synchronous popup errors and restores controls', async () => { vi.mocked(window.open).mockImplementation(() => { throw new Error('popup error') }) const state = mount() await state.openVersion('d', 'v', 'pdf') expect(state.downloadError.value).toBe('popup error') expect(state.openingVersionId.value).toBeNull() }) it('offers Word fallback after timeout and removes listeners on unmount', async () => { const assign = vi.spyOn(window.location, 'assign').mockImplementation(() => {}) const remove = vi.spyOn(window, 'removeEventListener') vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {}) // กัน auto-download click จริง apiJson.mockResolvedValue({ url: 'https://files.example/v.docx?signature=a%2Fb' }) const state = mount() await state.openVersion('d', 'v') expect(assign).toHaveBeenCalledWith('ms-word:ofe|u|https://files.example/v.docx?signature=a%2Fb') vi.advanceTimersByTime(3000) expect(state.openNotice.value).toBeTruthy() expect(state.fallbackUrl.value).toBeTruthy() app.unmount() expect(remove).toHaveBeenCalledWith('blur', expect.any(Function)) }) it('openDocxUrl opens a URL the caller already holds (ไฟล์ร่าง FR-16) without extra request', async () => { const assign = vi.spyOn(window.location, 'assign').mockImplementation(() => {}) vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {}) const state = mount() state.openDocxUrl('https://files.example/draft.docx?sig=a%2Fb') expect(apiJson).not.toHaveBeenCalled() expect(assign).toHaveBeenCalledWith('ms-word:ofe|u|https://files.example/draft.docx?sig=a%2Fb') expect(state.fallbackUrl.value).toBe('https://files.example/draft.docx?sig=a%2Fb') vi.advanceTimersByTime(3000) expect(state.openNotice.value).toBeTruthy() }) it('auto-downloads the file to Downloads when Word did not take over within the wait window', () => { const assign = vi.spyOn(window.location, 'assign').mockImplementation(() => {}) const saved: HTMLAnchorElement[] = [] vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(function clicked(this: HTMLAnchorElement) { saved.push(this) }) const state = mount() state.openDocxUrl('https://files.example/draft.docx?sig=a%2Fb') // ยังไม่มีอะไรเกิดก่อนหมดเวลารอ vi.advanceTimersByTime(2999) expect(saved).toHaveLength(0) expect(state.openNotice.value).toBeNull() // ครบหน้าต่างรอ (ไม่มีการ blur = Word ไม่ได้เปิด) → เซฟไฟล์ให้อัตโนมัติ + แจ้งเหตุผล vi.advanceTimersByTime(1) expect(saved).toHaveLength(1) expect(saved[0].href).toBe('https://files.example/draft.docx?sig=a%2Fb') expect(state.openNotice.value).toContain('Downloads') }) it('does not auto-download when the app switch was detected (Word เปิดจริง)', async () => { const assign = vi.spyOn(window.location, 'assign').mockImplementation(() => {}) const saved: HTMLAnchorElement[] = [] vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(function clicked(this: HTMLAnchorElement) { saved.push(this) }) const state = mount() state.openDocxUrl('https://files.example/draft.docx?sig=a%2Fb') window.dispatchEvent(new Event('blur')) // ผู้ใช้สลับไป Word vi.advanceTimersByTime(3000) expect(saved).toHaveLength(0) expect(state.openNotice.value).toBeNull() }) it('re-click cancels the pending auto-download — only the latest URL is saved once', () => { const assign = vi.spyOn(window.location, 'assign').mockImplementation(() => {}) const saved: HTMLAnchorElement[] = [] vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(function clicked(this: HTMLAnchorElement) { saved.push(this) }) const state = mount() state.openDocxUrl('https://files.example/first.docx') vi.advanceTimersByTime(2000) state.openDocxUrl('https://files.example/second.docx') // resetOpen ยกเลิก timer อันเก่า vi.advanceTimersByTime(3000) expect(saved).toHaveLength(1) expect(saved[0].href).toBe('https://files.example/second.docx') }) })