mirror of
https://github.com/langgenius/dify.git
synced 2025-12-19 22:28:46 +00:00
bd9402c90b
- Introduced new test files for Processing and EmbeddingProcess components, covering rendering, props variations, edge cases, and memoization. - Added mock implementations for external dependencies to facilitate testing. - Enhanced Jest configuration to handle module resolution for lodash and ky. - Created a mock for the ky HTTP client to avoid ESM issues in Jest tests. - Updated Processing component to handle optional chaining for retrieval method. This commit significantly improves test coverage and stability for the document processing features.
62 lines
2.3 KiB
TypeScript
62 lines
2.3 KiB
TypeScript
'use client'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { RiBookOpenLine } from '@remixicon/react'
|
|
import { useDocLink } from '@/context/i18n'
|
|
import EmbeddingProcess from './embedding-process'
|
|
import type { InitialDocumentDetail } from '@/models/pipeline'
|
|
import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
|
|
|
|
type ProcessingProps = {
|
|
batchId: string
|
|
documents: InitialDocumentDetail[]
|
|
}
|
|
|
|
const Processing = ({
|
|
batchId,
|
|
documents,
|
|
}: ProcessingProps) => {
|
|
const { t } = useTranslation()
|
|
const docLink = useDocLink()
|
|
const datasetId = useDatasetDetailContextWithSelector(s => s.dataset?.id)
|
|
const indexingType = useDatasetDetailContextWithSelector(s => s.dataset?.indexing_technique)
|
|
const retrievalMethod = useDatasetDetailContextWithSelector(s => s.dataset?.retrieval_model_dict?.search_method)
|
|
|
|
return (
|
|
<div className='flex h-full w-full justify-center overflow-hidden'>
|
|
<div className='h-full w-3/5 overflow-y-auto pb-8 pt-10'>
|
|
<div className='max-w-[640px]'>
|
|
<EmbeddingProcess
|
|
datasetId={datasetId!}
|
|
batchId={batchId}
|
|
documents={documents}
|
|
indexingType={indexingType}
|
|
retrievalMethod={retrievalMethod}
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div className='w-2/5 pr-8 pt-[88px]'>
|
|
<div className='flex w-[328px] flex-col gap-3 rounded-xl bg-background-section p-6'>
|
|
<div className='flex size-10 items-center justify-center rounded-[10px] bg-components-card-bg shadow-lg shadow-shadow-shadow-5'>
|
|
<RiBookOpenLine className='size-5 text-text-accent' />
|
|
</div>
|
|
<div className='flex flex-col gap-y-2'>
|
|
<div className='system-xl-semibold text-text-secondary'>{t('datasetCreation.stepThree.sideTipTitle')}</div>
|
|
<div className='system-sm-regular text-text-tertiary'>{t('datasetCreation.stepThree.sideTipContent')}</div>
|
|
<a
|
|
href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
|
|
target='_blank'
|
|
rel='noreferrer noopener'
|
|
className='system-sm-regular text-text-accent'
|
|
>
|
|
{t('datasetPipeline.addDocuments.stepThree.learnMore')}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Processing
|