Pouzor
b52bbc6d9f
Hide-IP was a sidebar button held only in memory, so it reset on reload. Moved it into the Settings modal Canvas section and persist it to localStorage (new ipDisplay util); the canvas store now seeds hideIp from storage and writes through on toggleHideIp/setHideIp. Settings is now also reachable in standalone (no-backend) builds, with the backend-only status interval guarded so the modal still works there. ha-relevant: yes
87 lines
3.3 KiB
TypeScript
87 lines
3.3 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import { render, screen, fireEvent, waitFor } from '@testing-library/react'
|
|
import { SettingsModal } from '../SettingsModal'
|
|
|
|
vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn() } }))
|
|
vi.mock('@/api/client', () => ({
|
|
settingsApi: {
|
|
get: vi.fn(),
|
|
save: vi.fn(),
|
|
},
|
|
}))
|
|
|
|
import { settingsApi } from '@/api/client'
|
|
import { toast } from 'sonner'
|
|
import { useCanvasStore } from '@/stores/canvasStore'
|
|
|
|
describe('SettingsModal', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
vi.mocked(settingsApi.get).mockResolvedValue({ data: { interval_seconds: 60 } } as never)
|
|
vi.mocked(settingsApi.save).mockResolvedValue({ data: { interval_seconds: 60 } } as never)
|
|
vi.mocked(toast.success).mockReset()
|
|
vi.mocked(toast.error).mockReset()
|
|
})
|
|
|
|
it('loads interval from API when opened', async () => {
|
|
render(<SettingsModal open onClose={vi.fn()} />)
|
|
await waitFor(() => expect(settingsApi.get).toHaveBeenCalledOnce())
|
|
expect(screen.getByText('Status check interval (s)')).toBeDefined()
|
|
})
|
|
|
|
it('does not fetch when closed', () => {
|
|
render(<SettingsModal open={false} onClose={vi.fn()} />)
|
|
expect(settingsApi.get).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('displays interval loaded from API', async () => {
|
|
vi.mocked(settingsApi.get).mockResolvedValue({ data: { interval_seconds: 120 } } as never)
|
|
render(<SettingsModal open onClose={vi.fn()} />)
|
|
expect(await screen.findByDisplayValue('120')).toBeDefined()
|
|
})
|
|
|
|
it('saves interval and closes on Save click', async () => {
|
|
const onClose = vi.fn()
|
|
render(<SettingsModal open onClose={onClose} />)
|
|
const input = await screen.findByDisplayValue('60')
|
|
fireEvent.change(input, { target: { value: '180' } })
|
|
fireEvent.click(screen.getByRole('button', { name: 'Save' }))
|
|
await waitFor(() => {
|
|
expect(settingsApi.save).toHaveBeenCalledWith({ interval_seconds: 180 })
|
|
expect(toast.success).toHaveBeenCalledWith('Settings saved')
|
|
expect(onClose).toHaveBeenCalled()
|
|
})
|
|
})
|
|
|
|
it('shows error toast and stays open when save fails', async () => {
|
|
vi.mocked(settingsApi.save).mockRejectedValue(new Error('network'))
|
|
const onClose = vi.fn()
|
|
render(<SettingsModal open onClose={onClose} />)
|
|
await screen.findByDisplayValue('60')
|
|
fireEvent.click(screen.getByRole('button', { name: 'Save' }))
|
|
await waitFor(() => {
|
|
expect(toast.error).toHaveBeenCalledWith('Failed to save settings')
|
|
})
|
|
expect(onClose).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('reflects and persists the hide-IP preference', async () => {
|
|
useCanvasStore.setState({ hideIp: false })
|
|
localStorage.removeItem('homelable.hideIp')
|
|
render(<SettingsModal open onClose={vi.fn()} />)
|
|
const checkbox = screen.getByLabelText('Toggle IP address masking') as HTMLInputElement
|
|
expect(checkbox.checked).toBe(false)
|
|
fireEvent.click(checkbox)
|
|
expect(useCanvasStore.getState().hideIp).toBe(true)
|
|
expect(localStorage.getItem('homelable.hideIp')).toBe('true')
|
|
})
|
|
|
|
it('calls onClose on Cancel', async () => {
|
|
const onClose = vi.fn()
|
|
render(<SettingsModal open onClose={onClose} />)
|
|
await screen.findByDisplayValue('60')
|
|
fireEvent.click(screen.getByRole('button', { name: 'Cancel' }))
|
|
expect(onClose).toHaveBeenCalledOnce()
|
|
})
|
|
})
|