cc-haha/desktop/src/stores/browserPanelStore.test.ts

import { beforeEach, describe, expect, it } from 'vitest'
import { useBrowserPanelStore } from './browserPanelStore'
import { useWorkspacePanelStore } from './workspacePanelStore'

const reset = () => {
  useBrowserPanelStore.setState(useBrowserPanelStore.getInitialState(), true)
  useWorkspacePanelStore.setState(useWorkspacePanelStore.getInitialState(), true)
}

describe('browserPanelStore', () => {
  beforeEach(reset)

  it('opens a session at a url and records history', () => {
    useBrowserPanelStore.getState().open('s1', 'http://localhost:5173/')
    const s = useBrowserPanelStore.getState().bySession['s1']!
    expect(s.url).toBe('http://localhost:5173/')
    expect(s.isOpen).toBe(true)
    expect(s.history).toEqual(['http://localhost:5173/'])
    expect(s.historyIndex).toBe(0)
    expect(s.canGoBack).toBe(false)
  })

  it('creates a blank browser session without navigating', () => {
    useBrowserPanelStore.getState().ensureBlank('s1')
    const s = useBrowserPanelStore.getState().bySession['s1']!
    expect(s.url).toBe('')
    expect(s.isOpen).toBe(true)
    expect(s.history).toEqual([])
    expect(s.historyIndex).toBe(-1)
    expect(s.loading).toBe(false)
  })

  it('navigate pushes history and truncates forward entries', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://localhost/a')
    st.navigate('s1', 'http://localhost/b')
    st.navigate('s1', 'http://localhost/c')
    st.goBack('s1')
    st.navigate('s1', 'http://localhost/d') // 截断 c
    const s = useBrowserPanelStore.getState().bySession['s1']!
    expect(s.history).toEqual(['http://localhost/a', 'http://localhost/b', 'http://localhost/d'])
    expect(s.url).toBe('http://localhost/d')
    expect(s.canGoForward).toBe(false)
  })

  it('goBack/goForward move within history without mutating it', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://localhost/a')
    st.navigate('s1', 'http://localhost/b')
    st.goBack('s1')
    expect(useBrowserPanelStore.getState().bySession['s1']!.url).toBe('http://localhost/a')
    expect(useBrowserPanelStore.getState().bySession['s1']!.canGoForward).toBe(true)
    st.goForward('s1')
    expect(useBrowserPanelStore.getState().bySession['s1']!.url).toBe('http://localhost/b')
  })

  it('tracks loading and picker per session', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://localhost/a')
    st.setLoading('s1', true)
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(true)
    st.setPicker('s1', true)
    expect(useBrowserPanelStore.getState().bySession['s1']!.pickerActive).toBe(true)
  })

  it('tracks preview zoom per session and clamps to supported bounds', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://localhost/a')
    st.open('s2', 'http://localhost/b')

    expect(useBrowserPanelStore.getState().bySession['s1']!.zoom).toBe(1)

    st.setZoom('s1', 0.8)
    expect(useBrowserPanelStore.getState().bySession['s1']!.zoom).toBe(0.8)
    expect(useBrowserPanelStore.getState().bySession['s2']!.zoom).toBe(1)

    st.setZoom('s1', 0.1)
    expect(useBrowserPanelStore.getState().bySession['s1']!.zoom).toBe(0.5)

    st.setZoom('s1', 2)
    expect(useBrowserPanelStore.getState().bySession['s1']!.zoom).toBe(1.5)
  })

  it('preserves browser zoom when the same session opens another target', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://localhost/a')
    st.setZoom('s1', 0.8)

    st.open('s1', 'http://localhost/b')

    expect(useBrowserPanelStore.getState().bySession['s1']!.url).toBe('http://localhost/b')
    expect(useBrowserPanelStore.getState().bySession['s1']!.zoom).toBe(0.8)
  })

  it('open starts a session in the loading state', () => {
    useBrowserPanelStore.getState().open('s1', 'http://localhost/a')
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(true)
  })

  it('navigate flips loading back on', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://localhost/a')
    st.setReady('s1') // simulate the page finishing the first load
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(false)
    st.navigate('s1', 'http://localhost/b')
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(true)
  })

  it('navigate from a blank session records the first URL as the first history entry', () => {
    const st = useBrowserPanelStore.getState()
    st.ensureBlank('s1')
    st.navigate('s1', 'http://localhost/a')
    const s = useBrowserPanelStore.getState().bySession['s1']!
    expect(s.url).toBe('http://localhost/a')
    expect(s.history).toEqual(['http://localhost/a'])
    expect(s.historyIndex).toBe(0)
    expect(s.canGoBack).toBe(false)
  })

  it('setNavigated clears loading and updates url/title without growing history', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://x/a')
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(true)
    st.setNavigated('s1', 'http://x/b', 'B')
    const s = useBrowserPanelStore.getState().bySession['s1']!
    expect(s.url).toBe('http://x/b')
    expect(s.title).toBe('B')
    expect(s.loading).toBe(false)
    expect(s.history).toEqual(['http://x/a'])
  })

  it('setReady clears loading', () => {
    const st = useBrowserPanelStore.getState()
    st.open('s1', 'http://x/a')
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(true)
    st.setReady('s1')
    expect(useBrowserPanelStore.getState().bySession['s1']!.loading).toBe(false)
  })

  it('open surfaces the unified workbench in browser mode', () => {
    // Panel starts closed and defaults to the workspace (file) mode.
    expect(useWorkspacePanelStore.getState().isPanelOpen('s1')).toBe(false)
    expect(useWorkspacePanelStore.getState().getMode('s1')).toBe('workspace')

    useBrowserPanelStore.getState().open('s1', 'http://localhost:5173/')

    // Opening a browser target opens the shared workbench in browser mode.
    expect(useWorkspacePanelStore.getState().isPanelOpen('s1')).toBe(true)
    expect(useWorkspacePanelStore.getState().getMode('s1')).toBe('browser')
  })
})