wehub-resource-sync
63 lines
2.2 KiB
TypeScript
63 lines
2.2 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 AionUi (aionui.com)
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import { describe, expect, it, vi } from 'vitest';
|
|
import { render } from '@testing-library/react';
|
|
import React from 'react';
|
|
import SlashCommandMenu from '@/renderer/components/chat/SlashCommandMenu';
|
|
import { filterSlashCommands, getFuzzyMatchIndices } from '@/renderer/hooks/chat/useSlashCommandController';
|
|
import type { SlashCommandItem } from '@/common/chat/slash/types';
|
|
|
|
const command = (name: string): SlashCommandItem => ({
|
|
name,
|
|
description: name,
|
|
kind: 'template',
|
|
source: 'acp',
|
|
});
|
|
|
|
describe('slash command fuzzy matching', () => {
|
|
it('matches command names by contiguous substring anywhere in the name', () => {
|
|
expect(getFuzzyMatchIndices('review', 'ev')).toEqual([1, 2]);
|
|
expect(getFuzzyMatchIndices('review', 'vie')).toEqual([2, 3, 4]);
|
|
expect(getFuzzyMatchIndices('review', 'rv')).toBeNull();
|
|
});
|
|
|
|
it('filters commands with fuzzy matching while preserving command order', () => {
|
|
const commands = [command('open'), command('review'), command('copy-last-output')];
|
|
|
|
expect(filterSlashCommands(commands, 'vie').map((item) => item.name)).toEqual(['review']);
|
|
expect(filterSlashCommands(commands, 'rv').map((item) => item.name)).toEqual([]);
|
|
expect(filterSlashCommands(commands, 'co').map((item) => item.name)).toEqual(['copy-last-output']);
|
|
});
|
|
});
|
|
|
|
describe('SlashCommandMenu highlights', () => {
|
|
it('marks matched label characters as highlighted', () => {
|
|
const { container } = render(
|
|
<SlashCommandMenu
|
|
title='Commands'
|
|
items={[
|
|
{
|
|
key: 'review',
|
|
label: '/review',
|
|
description: 'Review',
|
|
highlightIndices: [2, 3],
|
|
},
|
|
]}
|
|
activeIndex={0}
|
|
onHoverItem={vi.fn()}
|
|
onSelectItem={vi.fn()}
|
|
emptyText='No commands found'
|
|
/>
|
|
);
|
|
|
|
const highlighted = Array.from(container.querySelectorAll('[data-slash-highlight="true"]'));
|
|
expect(highlighted).toHaveLength(1);
|
|
expect(highlighted.map((node) => node.textContent).join('')).toBe('ev');
|
|
expect(highlighted.every((node) => node.classList.contains('bg-aou-2'))).toBe(true);
|
|
});
|
|
});
|