youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 02:18:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): migrate to Vitest and esm (#29974)

Browse Source 
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
This commit is contained in:
Stephen Zhou
2025-12-22 16:35:22 +08:00
committed by GitHub
parent 42f7ecda12
commit eabdc5f0eb
268 changed files with 5455 additions and 6307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
web/app/components/datasets/documents/detail/completed/segment-card/index.spec.tsx
View File

@ -6,7 +6,7 @@ import type { DocumentContextValue } from '@/app/components/datasets/documents/d
import type { SegmentListContextValue } from '@/app/components/datasets/documents/detail/completed'
// Mock react-i18next - external dependency
jest.mock('react-i18next', () => ({
vi.mock('react-i18next', () => ({
useTranslation: () => ({
t: (key: string, options?: { count?: number }) => {
if (key === 'datasetDocuments.segment.characters')
@ -25,7 +25,7 @@ jest.mock('react-i18next', () => ({
const mockDocForm = { current: ChunkingMode.text }
const mockParentMode = { current: 'paragraph' as ParentMode }
jest.mock('../../context', () => ({
vi.mock('../../context', () => ({
useDocumentContext: (selector: (value: DocumentContextValue) => unknown) => {
const value: DocumentContextValue = {
datasetId: 'test-dataset-id',
@ -38,12 +38,12 @@ jest.mock('../../context', () => ({
}))
const mockIsCollapsed = { current: true }
jest.mock('../index', () => ({
vi.mock('../index', () => ({
useSegmentListContext: (selector: (value: SegmentListContextValue) => unknown) => {
const value: SegmentListContextValue = {
isCollapsed: mockIsCollapsed.current,
fullScreen: false,
toggleFullScreen: jest.fn(),
toggleFullScreen: vi.fn(),
currSegment: { showModal: false },
currChildChunk: { showModal: false },
}
@ -56,7 +56,7 @@ jest.mock('../index', () => ({
// ============================================================================
// StatusItem uses React Query hooks which require QueryClientProvider
jest.mock('../../../status-item', () => ({
vi.mock('../../../status-item', () => ({
__esModule: true,
default: ({ status, reverse, textCls }: { status: string; reverse?: boolean; textCls?: string }) => (
<div data-testid="status-item" data-status={status} data-reverse={reverse} className={textCls}>
@ -66,7 +66,7 @@ jest.mock('../../../status-item', () => ({
}))
// ImageList has deep dependency: FileThumb → file-uploader → react-pdf-highlighter (ESM)
jest.mock('@/app/components/datasets/common/image-list', () => ({
vi.mock('@/app/components/datasets/common/image-list', () => ({
__esModule: true,
default: ({ images, size, className }: { images: Array<{ sourceUrl: string; name: string }>; size?: string; className?: string }) => (
<div data-testid="image-list" data-image-count={images.length} data-size={size} className={className}>
@ -78,7 +78,7 @@ jest.mock('@/app/components/datasets/common/image-list', () => ({
}))
// Markdown uses next/dynamic and react-syntax-highlighter (ESM)
jest.mock('@/app/components/base/markdown', () => ({
vi.mock('@/app/components/base/markdown', () => ({
__esModule: true,
Markdown: ({ content, className }: { content: string; className?: string }) => (
<div data-testid="markdown" className={`markdown-body ${className || ''}`}>{content}</div>
@ -148,7 +148,7 @@ const defaultFocused = { segmentIndex: false, segmentContent: false }
describe('SegmentCard', () => {
beforeEach(() => {
jest.clearAllMocks()
vi.clearAllMocks()
mockDocForm.current = ChunkingMode.text
mockParentMode.current = 'paragraph'
mockIsCollapsed.current = true
@ -341,7 +341,7 @@ describe('SegmentCard', () => {
// --------------------------------------------------------------------------
describe('Callbacks', () => {
it('should call onClick when card is clicked in general mode', () => {
const onClick = jest.fn()
const onClick = vi.fn()
const detail = createMockSegmentDetail()
mockDocForm.current = ChunkingMode.text
@ -356,7 +356,7 @@ describe('SegmentCard', () => {
})
it('should not call onClick when card is clicked in full-doc mode', () => {
const onClick = jest.fn()
const onClick = vi.fn()
const detail = createMockSegmentDetail()
mockDocForm.current = ChunkingMode.parentChild
mockParentMode.current = 'full-doc'
@ -372,7 +372,7 @@ describe('SegmentCard', () => {
})
it('should call onClick when view more button is clicked in full-doc mode', () => {
const onClick = jest.fn()
const onClick = vi.fn()
const detail = createMockSegmentDetail()
mockDocForm.current = ChunkingMode.parentChild
mockParentMode.current = 'full-doc'
@ -386,7 +386,7 @@ describe('SegmentCard', () => {
})
it('should call onClickEdit when edit button is clicked', () => {
const onClickEdit = jest.fn()
const onClickEdit = vi.fn()
const detail = createMockSegmentDetail()
render(
@ -406,7 +406,7 @@ describe('SegmentCard', () => {
})
it('should call onDelete when confirm delete is clicked', async () => {
const onDelete = jest.fn().mockResolvedValue(undefined)
const onDelete = vi.fn().mockResolvedValue(undefined)
const detail = createMockSegmentDetail({ id: 'test-segment-id' })
render(
@ -434,7 +434,7 @@ describe('SegmentCard', () => {
})
it('should call onChangeSwitch when switch is toggled', async () => {
const onChangeSwitch = jest.fn().mockResolvedValue(undefined)
const onChangeSwitch = vi.fn().mockResolvedValue(undefined)
const detail = createMockSegmentDetail({ id: 'test-segment-id', enabled: true, status: 'completed' })
render(
@ -456,8 +456,8 @@ describe('SegmentCard', () => {
})
it('should stop propagation when edit button is clicked', () => {
const onClick = jest.fn()
const onClickEdit = jest.fn()
const onClick = vi.fn()
const onClickEdit = vi.fn()
const detail = createMockSegmentDetail()
render(
@ -479,7 +479,7 @@ describe('SegmentCard', () => {
})
it('should stop propagation when switch area is clicked', () => {
const onClick = jest.fn()
const onClick = vi.fn()
const detail = createMockSegmentDetail({ status: 'completed' })
render(
@ -712,7 +712,7 @@ describe('SegmentCard', () => {
it('should call handleAddNewChildChunk when add button is clicked', () => {
mockDocForm.current = ChunkingMode.parentChild
mockParentMode.current = 'paragraph'
const handleAddNewChildChunk = jest.fn()
const handleAddNewChildChunk = vi.fn()
const childChunks = [createMockChildChunk()]
const detail = createMockSegmentDetail({ id: 'parent-id', child_chunks: childChunks })
@ -991,13 +991,13 @@ describe('SegmentCard', () => {
<SegmentCard
loading={false}
detail={detail}
onClick={jest.fn()}
onChangeSwitch={jest.fn()}
onDelete={jest.fn()}
onDeleteChildChunk={jest.fn()}
handleAddNewChildChunk={jest.fn()}
onClickSlice={jest.fn()}
onClickEdit={jest.fn()}
onClick={vi.fn()}
onChangeSwitch={vi.fn()}
onDelete={vi.fn()}
onDeleteChildChunk={vi.fn()}
handleAddNewChildChunk={vi.fn()}
onClickSlice={vi.fn()}
onClickEdit={vi.fn()}
className="full-props-class"
archived={false}
embeddingAvailable={true}