66 lines
3.5 KiB
TypeScript
66 lines
3.5 KiB
TypeScript
// @vitest-environment happy-dom
|
|
import { mount, flushPromises } from '@vue/test-utils'
|
|
import { afterEach, expect, it, vi } from 'vitest'
|
|
import LogsView from './LogsView.vue'
|
|
const get = vi.hoisted(() => vi.fn())
|
|
vi.mock('@/services/apiClient', () => ({ default: { get } }))
|
|
afterEach(() => { vi.useRealTimers(); vi.clearAllMocks() })
|
|
const page = (id: number, next: number | null) => ({ items: [{ id, timestamp: '2026-09-06T01:00:00Z', level: 'ERROR', source: 'vectors', event: 'embedding.failed', details: { error_code: 'LOCAL_CUDA_OOM' } }], next_cursor: next, sources: ['vectors'], pending: 0, dropped: 0, write_failures: 0, retention: 20000 })
|
|
it('loads older logs without paging away and applies filters', async () => {
|
|
get.mockResolvedValueOnce(page(4, 4)).mockResolvedValueOnce(page(2, null)).mockResolvedValue(page(8, null))
|
|
const wrapper = mount(LogsView)
|
|
await flushPromises()
|
|
expect(wrapper.get('details').classes()).toContain('ui-disclosure')
|
|
await wrapper.findAll('button').find(button => button.text() === '向上滚动加载更早日志')!.trigger('click')
|
|
await flushPromises()
|
|
expect(get.mock.lastCall![1].params.before).toBe(4)
|
|
expect(wrapper.findAll('details').map(row => row.attributes('data-log-id'))).toEqual(['2', '4'])
|
|
await wrapper.get('input[maxlength="200"]').setValue('LOCAL_CUDA_OOM')
|
|
await wrapper.get('form').trigger('submit')
|
|
await flushPromises()
|
|
expect(get.mock.lastCall![1].params).toMatchObject({ before: undefined, q: 'LOCAL_CUDA_OOM' })
|
|
wrapper.unmount()
|
|
})
|
|
it('follows at the bottom, pauses while reading, and loads history on scroll', async () => {
|
|
vi.useFakeTimers()
|
|
get.mockResolvedValue(page(10, 10))
|
|
const wrapper = mount(LogsView)
|
|
await flushPromises()
|
|
const viewport = wrapper.get('.log-list').element as HTMLElement
|
|
Object.defineProperty(viewport, 'scrollHeight', { configurable: true, value: 1000 })
|
|
Object.defineProperty(viewport, 'clientHeight', { configurable: true, value: 200 })
|
|
viewport.scrollTop = 800
|
|
await wrapper.get('.log-list').trigger('scroll')
|
|
get.mockResolvedValueOnce({ ...page(11, 10), items: [...page(11, 10).items, ...page(10, 10).items] })
|
|
await vi.advanceTimersByTimeAsync(5000)
|
|
await flushPromises()
|
|
expect(wrapper.findAll('details').map(row => row.attributes('data-log-id'))).toEqual(['10', '11'])
|
|
expect(viewport.scrollTop).toBe(1000)
|
|
viewport.scrollTop = 400
|
|
await wrapper.get('.log-list').trigger('scroll')
|
|
const calls = get.mock.calls.length
|
|
await vi.advanceTimersByTimeAsync(5000)
|
|
expect(get).toHaveBeenCalledTimes(calls)
|
|
get.mockResolvedValueOnce(page(9, null))
|
|
viewport.scrollTop = 0
|
|
await wrapper.get('.log-list').trigger('scroll')
|
|
await flushPromises()
|
|
expect(get.mock.lastCall![1].params.before).toBe(10)
|
|
expect(wrapper.findAll('details').map(row => row.attributes('data-log-id'))).toEqual(['9', '10', '11'])
|
|
wrapper.unmount()
|
|
})
|
|
it('surfaces storage loss and transport errors without polling after unmount', async () => {
|
|
vi.useFakeTimers()
|
|
get.mockResolvedValueOnce({ ...page(1, null), dropped: 3, write_failures: 1 }).mockRejectedValue(new Error('offline'))
|
|
const wrapper = mount(LogsView)
|
|
await flushPromises()
|
|
expect(wrapper.get('[role="alert"]').text()).toContain('3')
|
|
await wrapper.get('input[type="checkbox"]').setValue(true)
|
|
await vi.advanceTimersByTimeAsync(5000)
|
|
expect(wrapper.text()).toContain('offline')
|
|
wrapper.unmount()
|
|
const calls = get.mock.calls.length
|
|
await vi.advanceTimersByTimeAsync(10000)
|
|
expect(get).toHaveBeenCalledTimes(calls)
|
|
})
|