import { config } from '@vue/test-utils'
import { vi } from 'vitest'
import { displayVersion } from '@/utils/version'

// The app registers `$ver` as a global template property in main.ts
// (app.config.globalProperties.$ver = displayVersion). Component tests mount
// without that bootstrap, so provide the same global here for every mounted
// component. Per-mount `global` options merge with this, so individual tests
// keep their own plugins/mocks.
config.global.mocks = { ...(config.global.mocks ?? {}), $ver: displayVersion }

// jsdom intentionally leaves media playback methods unimplemented and logs a
// stack trace for every cleanup call. Components only need inert lifecycle
// behavior in unit tests; media-specific suites can still replace these spies.
HTMLMediaElement.prototype.pause = vi.fn()
HTMLMediaElement.prototype.load = vi.fn()

// jsdom has the dialog element but not its modal methods. Keep the observable
// open/close state for mounted parent tests; real-browser tests cover top-layer
// placement and focus behavior. Individual dialog suites can still spy on these.
if (!HTMLDialogElement.prototype.showModal) {
  HTMLDialogElement.prototype.showModal = function () { this.open = true }
}
if (!HTMLDialogElement.prototype.close) {
  HTMLDialogElement.prototype.close = function (returnValue?: string) {
    if (!this.open) return
    if (returnValue !== undefined) this.returnValue = returnValue
    this.open = false
    this.dispatchEvent(new Event('close'))
  }
}