import { describe, it, expect } from 'vitest'
import { exportPage, type ExportOptions } from '@/lib/exporter/html'
import { pageSchema, type Page } from '@/lib/schema/page'

function makePage(fontFamily = 'Inter'): Page {
  return pageSchema.parse({
    title: 'Font Preload',
    locale: 'en',
    theme: { primaryColor: '#2563eb', fontFamily },
    sections: [ { type: 'hero', props: { heading: 'Hello', subheading: 'World', imageUrl: 'https://img/h.png' } } ],
    form: { actionUrl: '', fields: [], spamProtection: { honeypotFieldName: '_hp', minSubmitSeconds: 2 } },
    seo: { title: 't', description: 'd' },
  })
}

describe('폰트 preload 옵션', () => {
  it('옵션이 true이면 Google Fonts stylesheet preload/link를 head에 포함한다', () => {
    const page = makePage('Inter')
    const opts: ExportOptions = { fontPreload: true }
    const out = exportPage(page, opts)
    expect(out.html).toContain('rel="preload"')
    expect(out.html).toContain('as="style"')
    expect(out.html).toContain('fonts.googleapis.com/css2')
    expect(out.html).toContain('family=Inter')
    // onload print hack 포함
    expect(out.html).toMatch(/rel=\"stylesheet\"[^>]+media=\"print\"[^>]+onload=\"this.media='all'\"/)
  })

  it('옵션이 false이면 preload/link를 포함하지 않는다', () => {
    const page = makePage('Inter')
    const opts: ExportOptions = { fontPreload: false }
    const out = exportPage(page, opts)
    expect(out.html).not.toMatch(/fonts.googleapis.com\/css2/)
  })
})