diff --git a/web/app/components/workflow/block-selector/__tests__/all-tools.spec.tsx b/web/app/components/workflow/block-selector/__tests__/all-tools.spec.tsx index 1a489d3ccc..5bb062f726 100644 --- a/web/app/components/workflow/block-selector/__tests__/all-tools.spec.tsx +++ b/web/app/components/workflow/block-selector/__tests__/all-tools.spec.tsx @@ -3,6 +3,7 @@ import { screen, waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' import { renderWithSystemFeatures } from '@/__tests__/utils/mock-system-features' import { useMarketplacePlugins } from '@/app/components/plugins/marketplace/hooks' +import { CollectionType } from '@/app/components/tools/types' import { useGetLanguage } from '@/context/i18n' import useTheme from '@/hooks/use-theme' import { Theme } from '@/types/app' @@ -92,6 +93,51 @@ describe('AllTools', () => { expect(screen.queryByText('Built In Provider')).not.toBeInTheDocument() }) + it('updates the tools list title by the active tab', async () => { + const user = userEvent.setup() + + render( + , + ) + + expect(screen.getByText('tools.allTools')).toBeInTheDocument() + + await user.click(screen.getByText('workflow.tabs.plugin')) + expect(screen.getByText('tools.allToolPlugins')).toBeInTheDocument() + + await user.click(screen.getByText('workflow.tabs.customTool')) + expect(screen.getByText('tools.allSwaggerAPIAsTool')).toBeInTheDocument() + + await user.click(screen.getByText('workflow.tabs.workflowTool')) + expect(screen.getByText('tools.allWorkflowAsTool')).toBeInTheDocument() + + await user.click(screen.getByText('MCP')) + expect(screen.getByText('tools.allMCP')).toBeInTheDocument() + }) + it('filters the rendered tools by the search text', () => { render( { + if (activeTab === ToolTypeEnum.BuiltIn) + return t('allToolPlugins', { ns: 'tools' }) + if (activeTab === ToolTypeEnum.Custom) + return t('allSwaggerAPIAsTool', { ns: 'tools' }) + if (activeTab === ToolTypeEnum.Workflow) + return t('allWorkflowAsTool', { ns: 'tools' }) + if (activeTab === ToolTypeEnum.MCP) + return t('allMCP', { ns: 'tools' }) + return t('allTools', { ns: 'tools' }) + }, [activeTab, t]) return (
@@ -264,7 +275,7 @@ const AllTools = ({ {hasToolsListContent && ( <>
- {t('allTools', { ns: 'tools' })} + {toolsListTitle}