import { describe, it, expect, beforeEach } from 'vitest'
import { useDocsFramework } from '../playground/docs/useDocsFramework'

describe('useDocsFramework', () => {
  beforeEach(() => { window.localStorage.clear() })

  it('defaults to vue when storage empty', () => {
    const { framework } = useDocsFramework()
    expect(framework.value).toBe('vue')
  })

  it('reads persisted framework', () => {
    window.localStorage.setItem('tvu-docs-framework', 'react')
    const { framework } = useDocsFramework()
    expect(framework.value).toBe('react')
  })

  it('setFramework persists', () => {
    const { framework, setFramework } = useDocsFramework()
    setFramework('react')
    expect(framework.value).toBe('react')
    expect(window.localStorage.getItem('tvu-docs-framework')).toBe('react')
  })

  it('toggleFramework flips vue<->react', () => {
    const { framework, toggleFramework } = useDocsFramework()
    toggleFramework()
    expect(framework.value).toBe('react')
    toggleFramework()
    expect(framework.value).toBe('vue')
  })
})