@patternfly/chatbot 6.8.0-prerelease.8 → 6.8.0-prerelease.9

package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js

@@ -1,596 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import '@testing-library/jest-dom';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
-import ChatbotConversationHistoryNav from './ChatbotConversationHistoryNav';
-import { EmptyStateStatus, Spinner, MenuItem } from '@patternfly/react-core';
-import { BellIcon, OutlinedCommentsIcon, SearchIcon } from '@patternfly/react-icons';
-import { useState } from 'react';
-const ERROR = {
-    bodyText: (_jsxs(_Fragment, { children: ["To try again, check your connection and reload this page. If the issue persists,", ' ', _jsx("a", { href: "", children: "contact the support team" }), "."] })),
-    buttonText: 'Reload',
-    buttonIcon: _jsx(Spinner, { size: "sm" }),
-    hasButton: true,
-    titleText: 'Could not load chat history',
-    status: EmptyStateStatus.danger,
-    onClick: () => alert('Clicked Reload')
-};
-const NO_RESULTS = {
-    bodyText: 'Adjust your search query and try again. Check your spelling or try a more general term.',
-    titleText: 'No results found',
-    icon: SearchIcon
-};
-const EMPTY_STATE = {
-    bodyText: 'Access timely assistance by starting a conversation with an AI model.',
-    titleText: 'Start a new chat',
-    icon: OutlinedCommentsIcon
-};
-const ERROR_WITHOUT_BUTTON = {
-    bodyText: (_jsxs(_Fragment, { children: ["To try again, check your connection and reload this page. If the issue persists,", ' ', _jsx("a", { href: "", children: "contact the support team" }), "."] })),
-    buttonText: 'Reload',
-    buttonIcon: _jsx(Spinner, { size: "sm" }),
-    hasButton: false,
-    titleText: 'Could not load chat history',
-    status: EmptyStateStatus.danger,
-    onClick: () => alert('Clicked Reload')
-};
-describe('ChatbotConversationHistoryNav', () => {
-    const onDrawerToggle = jest.fn();
-    const initialConversations = [
-        {
-            id: '1',
-            text: 'ChatBot documentation'
-        }
-    ];
-    it('should open the conversation history navigation drawer', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
-        expect(screen.queryByText('ChatBot documentation')).toBeInTheDocument();
-    });
-    it('should display the conversations for grouped conversations', () => {
-        const groupedConversations = {
-            Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
-        };
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groupedConversations }));
-        expect(screen.queryByText('Chatbot extension')).toBeInTheDocument();
-    });
-    it('should apply the reversed class when reverseButtonOrder is true', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: true, conversations: initialConversations }));
-        expect(screen.getByTestId('chatbot-nav-drawer-actions')).toHaveClass('pf-v6-c-drawer__actions--reversed');
-    });
-    it('should disable new chat button', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: true, conversations: initialConversations, newChatButtonProps: { isDisabled: true }, onNewChat: jest.fn() }));
-        expect(screen.getByRole('button', { name: 'New chat' })).toBeDisabled();
-    });
-    it('should not apply the reversed class when reverseButtonOrder is false', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: initialConversations }));
-        expect(screen.getByTestId('chatbot-nav-drawer-actions')).not.toHaveClass('pf-v6-c-drawer__actions--reversed');
-    });
-    it('should invoke handleTextInputChange callback when user searches for conversations', () => {
-        const handleSearch = jest.fn();
-        const groupedConversations = {
-            Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
-        };
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: groupedConversations, handleTextInputChange: handleSearch }));
-        const searchInput = screen.getByPlaceholderText(/Search/i);
-        fireEvent.change(searchInput, { target: { value: 'Chatbot' } });
-        expect(handleSearch).toHaveBeenCalledWith('Chatbot');
-    });
-    it('should close the drawer when escape key is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations }));
-        fireEvent.keyDown(screen.getByPlaceholderText(/Search/i), {
-            key: 'Escape',
-            code: 'Escape',
-            keyCode: 27,
-            charCode: 27
-        });
-        waitFor(() => {
-            expect(screen.queryByText('ChatBot documentation')).not.toBeInTheDocument();
-        });
-    }));
-    it('should be resizable', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelContentProps: { isResizable: true, minSize: '200px' } }));
-        expect(screen.getByRole('dialog', { name: /Resize/i })).toBeTruthy();
-        expect(screen.getByRole('separator', { name: /Resize/i })).toBeTruthy();
-        expect(screen.getByRole('dialog', { name: /Resize/i })).toHaveAttribute('style', '--pf-v6-c-drawer__panel--md--FlexBasis: 384px; --pf-v6-c-drawer__panel--md--FlexBasis--min: 200px;');
-    });
-    it('should accept drawerContentProps', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentProps: { className: 'test' } }));
-        const element = container.querySelector('.test');
-        expect(element).toBeInTheDocument();
-    });
-    it('should accept drawerContentBodyProps', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerContentBodyProps: { className: 'test' } }));
-        const element = container.querySelector('.test');
-        expect(element).toBeInTheDocument();
-    });
-    it('should accept drawerHeadProps', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerHeadProps: { className: 'test' } }));
-        const element = container.querySelector('.test');
-        expect(element).toBeInTheDocument();
-    });
-    it('should accept drawerActionsProps', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerActionsProps: { className: 'test' } }));
-        const element = container.querySelector('.test');
-        expect(element).toBeInTheDocument();
-    });
-    it('should accept drawerCloseButtonProps', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerCloseButtonProps: { className: 'test' } }));
-        const element = container.querySelector('.test');
-        expect(element).toBeInTheDocument();
-    });
-    it('should accept drawerPanelBodyProps', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, drawerPanelBodyProps: { className: 'test' } }));
-        const element = container.querySelector('.test');
-        expect(element).toBeInTheDocument();
-    });
-    it('should show loading state if triggered', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true }));
-        expect(screen.getByRole('dialog', { name: /Loading chatbot chat history/i })).toBeTruthy();
-        expect(screen.getByRole('button', { name: /Close drawer panel/i })).toBeTruthy();
-    });
-    it('should pass alternative aria label to loading state', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true, loadingState: { screenreaderText: 'I am a test' } }));
-        expect(screen.getByRole('dialog', { name: /I am a test/i })).toBeTruthy();
-    });
-    it('should accept errorState', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, errorState: ERROR }));
-        expect(screen.getByRole('dialog', {
-            name: /Could not load chat history To try again, check your connection and reload this page. If the issue persists, contact the support team . Loading... Reload/i
-        })).toBeTruthy();
-        expect(screen.getByRole('button', { name: /Close drawer panel/i })).toBeTruthy();
-        expect(screen.getByRole('button', { name: /Loading... Reload/i })).toBeTruthy();
-        expect(screen.getByRole('textbox', { name: /Search previous conversations/i })).toBeTruthy();
-        expect(screen.getByRole('heading', { name: /Could not load chat history/i })).toBeTruthy();
-    });
-    it('should accept errorState without button', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, errorState: ERROR_WITHOUT_BUTTON }));
-        expect(screen.getByRole('dialog', {
-            name: /Could not load chat history To try again, check your connection and reload this page. If the issue persists, contact the support team ./i
-        })).toBeTruthy();
-        expect(screen.getByRole('button', { name: /Close drawer panel/i })).toBeTruthy();
-        expect(screen.queryByRole('button', { name: /Loading... Reload/i })).toBeFalsy();
-        expect(screen.getByRole('textbox', { name: /Search previous conversations/i })).toBeTruthy();
-        expect(screen.getByRole('heading', { name: /Could not load chat history/i })).toBeTruthy();
-    });
-    it('should show loading state over error state if both are supplied', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, isLoading: true, errorState: ERROR }));
-        expect(screen.getByRole('dialog', { name: /Loading/i })).toBeTruthy();
-    });
-    it('should accept emptyState', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, emptyState: EMPTY_STATE }));
-        expect(screen.getByRole('dialog', {
-            name: /Start a new chat Access timely assistance by starting a conversation with an AI model./i
-        })).toBeTruthy();
-    });
-    it('should accept no results state', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, noResultsState: NO_RESULTS }));
-        expect(screen.getByRole('dialog', {
-            name: /No results found Adjust your search query and try again. Check your spelling or try a more general term./i
-        })).toBeTruthy();
-    });
-    it('should handle isCompact', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: jest.fn(), conversations: initialConversations, noResultsState: NO_RESULTS, isCompact: true, "data-testid": "drawer" }));
-        expect(screen.getByTestId('drawer')).toHaveClass('pf-m-compact');
-    });
-    it('should display the default title', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
-        expect(screen.getByText('Chat history')).toBeInTheDocument();
-    });
-    it('should display the custom title', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { title: "PatternFly history", onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
-        expect(screen.getByText('PatternFly history')).toBeInTheDocument();
-    });
-    it('should display the clock icon', () => {
-        const { container } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
-        const iconElement = container.querySelector('.pf-chatbot__title-icon');
-        expect(iconElement).toBeInTheDocument();
-    });
-    it('Passes menuProps to Menu', () => {
-        var _a;
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, menuProps: { className: 'test' } }));
-        expect((_a = screen.getByRole('menu').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass('test');
-    });
-    it('Passes menuContentProps to MenuContent', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, menuContentProps: { className: 'test' } }));
-        expect(screen.getByRole('menu').parentElement).toHaveClass('test');
-    });
-    it('Passes menuListProps to MenuList when conversations is an array', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, menuListProps: { className: 'test' } }));
-        expect(screen.getByRole('menu')).toHaveClass('test');
-    });
-    it('Passes menuListProps to MenuList when conversations is an object', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: { Today: initialConversations }, menuListProps: { Today: { className: 'test' } } }));
-        expect(screen.getByRole('menu')).toHaveClass('test');
-    });
-    it('Passes menuGroupProps to MenuGroup when conversations is an object', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: { Today: initialConversations }, menuGroupProps: { Today: { className: 'test' } } }));
-        expect(screen.getByRole('menu').parentElement).toHaveClass('test');
-    });
-    it('Passes additionalProps to MenuItem', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: [{ id: '1', text: 'ChatBot documentation', additionalProps: { className: 'test' } }] }));
-        expect(screen.getByRole('menuitem')).toHaveClass('test');
-    });
-    it('should be able to spread search input props when searchInputProps is passed', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, handleTextInputChange: jest.fn(), searchInputProps: { value: 'I am a sample search' } }));
-        expect(screen.getByRole('dialog', { name: /Chat history I am a sample search/i })).toBeInTheDocument();
-    });
-    it('Does not render search actions by default', () => {
-        var _a, _b;
-        const handleSearch = jest.fn();
-        const groupedConversations = {
-            Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
-        };
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: groupedConversations, handleTextInputChange: handleSearch }));
-        const searchInput = screen.getByPlaceholderText(/Search/i);
-        expect((_a = searchInput.parentElement) === null || _a === void 0 ? void 0 : _a.previousElementSibling).toBeNull();
-        expect((_b = searchInput.parentElement) === null || _b === void 0 ? void 0 : _b.nextElementSibling).toBeNull();
-    });
-    it('Renders with action at start when searchActionStart is passed', () => {
-        const handleSearch = jest.fn();
-        const groupedConversations = {
-            Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
-        };
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: groupedConversations, handleTextInputChange: handleSearch, searchActionStart: _jsx("div", { children: "Search action start test" }) }));
-        expect(screen.getByText('Search action start test')).toBeVisible();
-    });
-    it('Renders with action at end when searchActionEnd is passed', () => {
-        const handleSearch = jest.fn();
-        const groupedConversations = {
-            Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
-        };
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, handleTextInputChange: handleSearch, conversations: groupedConversations, searchActionEnd: _jsx("div", { children: "Search action end test" }) }));
-        expect(screen.getByText('Search action end test')).toBeVisible();
-    });
-    it('Overrides default search input and actions when searchToolbar is passed', () => {
-        const handleSearch = jest.fn();
-        const groupedConversations = {
-            Today: [...initialConversations, { id: '2', text: 'Chatbot extension' }]
-        };
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), reverseButtonOrder: false, conversations: groupedConversations, handleTextInputChange: handleSearch, searchActionStart: _jsx("div", { children: "Search action start test" }), searchActionEnd: _jsx("div", { children: "Search action end test" }), searchToolbar: _jsx("div", { children: "Custom toolbar" }) }));
-        expect(screen.queryByPlaceholderText(/Search/i)).not.toBeInTheDocument();
-        expect(screen.queryByText('Search action start test')).not.toBeInTheDocument();
-        expect(screen.queryByText('Search action end test')).not.toBeInTheDocument();
-        expect(screen.getByText('Custom toolbar')).toBeInTheDocument();
-    });
-    it('overrides nav title heading level when navTitleProps.headingLevel is passed', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: { Today: initialConversations }, navTitleProps: { headingLevel: 'h1' } }));
-        expect(screen.queryByRole('heading', { name: /Chat history/i, level: 2 })).not.toBeInTheDocument();
-        expect(screen.getByRole('heading', { name: /Chat history/i, level: 1 })).toBeInTheDocument();
-    });
-    it('overrides nav title icon when navTitleIcon is passed in', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations, navTitleIcon: _jsx(BellIcon, { "data-testid": "bell" }) }));
-        expect(screen.getByTestId('bell')).toBeInTheDocument();
-    });
-    it('renders static and expandable groups from ConversationGroup[]', () => {
-        const groups = [
-            {
-                id: 'pinned',
-                label: 'Pinned chats',
-                items: initialConversations
-            },
-            {
-                id: 'chats',
-                label: 'Chats',
-                expandable: {
-                    isExpanded: true,
-                    onToggle: jest.fn()
-                },
-                items: [{ id: '2', text: 'Chatbot extension' }]
-            }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        expect(screen.getByRole('heading', { name: 'Pinned chats', level: 3 })).toBeInTheDocument();
-        expect(screen.queryByRole('button', { name: 'Pinned chats' })).not.toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Chats' })).toBeInTheDocument();
-    });
-    it('labels each MenuList with aria-labelledby referencing its visible label', () => {
-        const groups = [
-            {
-                id: 'pinned',
-                label: 'Pinned chats',
-                items: initialConversations
-            },
-            {
-                id: 'chats',
-                label: 'Chats',
-                expandable: {
-                    isExpanded: true,
-                    onToggle: jest.fn()
-                },
-                items: [{ id: '2', text: 'Chatbot extension' }]
-            }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        const pinnedHeading = screen.getByRole('heading', { name: 'Pinned chats', level: 3 });
-        expect(pinnedHeading).toHaveAttribute('id', 'chatbot-nav-group-pinned-label');
-        expect(pinnedHeading.closest('section')).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-pinned-label');
-        expect(screen.getByRole('menu', { name: 'Pinned chats' })).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-pinned-label');
-        expect(document.querySelector('ul.pf-v6-c-menu__list[aria-labelledby="chatbot-nav-group-pinned-label"]')).toBeTruthy();
-        const chatsToggle = screen.getByRole('button', { name: 'Chats' });
-        expect(chatsToggle).toHaveAttribute('id', 'chatbot-nav-group-chats-toggle');
-        expect(screen.getByRole('menu', { name: 'Chats' })).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-chats-toggle');
-        expect(document.querySelector('ul.pf-v6-c-menu__list[aria-labelledby="chatbot-nav-group-chats-toggle"]')).toBeTruthy();
-    });
-    it('labels grouped object conversations on the menu list element', () => {
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: { Today: initialConversations } }));
-        expect(document.querySelector('ul.pf-v6-c-menu__list')).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-Today-label');
-    });
-    it('labels each menu list in a shared static menu with its group title id', () => {
-        const groups = [
-            {
-                id: 'pinned',
-                label: 'Pinned chats',
-                items: initialConversations
-            },
-            {
-                id: 'recent',
-                label: 'Recent chats',
-                items: [{ id: '2', text: 'Chatbot extension' }]
-            }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        expect(screen.getByRole('menu', { name: 'Pinned chats' })).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-pinned-label');
-        expect(screen.getByRole('menu', { name: 'Recent chats' })).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-recent-label');
-    });
-    it('does not autofocus the first menu item when an expandable group is expanded', () => __awaiter(void 0, void 0, void 0, function* () {
-        const ExpandableGroupDemo = () => {
-            const [isExpanded, setIsExpanded] = useState(false);
-            return (_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.embedded, setIsDrawerOpen: jest.fn(), conversations: [
-                    {
-                        id: 'saved-prompts',
-                        label: 'Saved prompts',
-                        expandable: {
-                            isExpanded,
-                            onToggle: setIsExpanded
-                        },
-                        items: [
-                            { id: '7', text: 'Summarize this document' },
-                            { id: '8', text: 'Draft a release announcement' }
-                        ]
-                    }
-                ] }));
-        };
-        render(_jsx(ExpandableGroupDemo, {}));
-        fireEvent.click(screen.getByRole('button', { name: 'Saved prompts' }));
-        yield waitFor(() => {
-            expect(screen.getByRole('menuitem', { name: 'Summarize this document' })).toBeInTheDocument();
-        });
-        expect(screen.getByRole('menuitem', { name: 'Summarize this document' })).not.toHaveFocus();
-    }));
-    it('does not render a collapsed expandable group menu', () => {
-        const groups = [
-            {
-                id: 'chats',
-                label: 'Chats',
-                items: [
-                    { id: '2', text: 'Chat two' },
-                    { id: '3', text: 'Chat three' }
-                ]
-            },
-            {
-                id: 'saved-prompts',
-                label: 'Saved prompts',
-                expandable: {
-                    isExpanded: false,
-                    onToggle: jest.fn()
-                },
-                items: [
-                    { id: '7', text: 'Summarize this document' },
-                    { id: '8', text: 'Draft a release announcement' }
-                ]
-            }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.embedded, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        // Collapsed expandable groups render their toggle outside the menu and omit the menu
-        // entirely until expanded, so their items are not part of arrow-key navigation.
-        expect(screen.getAllByRole('menu')).toHaveLength(1);
-        expect(screen.getByRole('menu', { name: 'Chats' })).toHaveAttribute('aria-labelledby', 'chatbot-nav-group-chats-label');
-        expect(screen.queryByRole('menuitem', { name: 'Summarize this document' })).not.toBeInTheDocument();
-        expect(screen.queryByRole('menuitem', { name: 'Draft a release announcement' })).not.toBeInTheDocument();
-        const firstItem = screen.getByRole('menuitem', { name: 'Chat two' });
-        const lastItem = screen.getByRole('menuitem', { name: 'Chat three' });
-        lastItem.focus();
-        fireEvent.keyDown(lastItem, { key: 'ArrowDown' });
-        expect(firstItem).toHaveFocus();
-    });
-    it('collapses and expands a group when expandable.onToggle is called', () => __awaiter(void 0, void 0, void 0, function* () {
-        const onToggle = jest.fn();
-        const groups = [
-            {
-                id: 'chats',
-                label: 'Chats',
-                expandable: {
-                    isExpanded: true,
-                    onToggle
-                },
-                items: [{ id: '2', text: 'Chatbot extension' }]
-            }
-        ];
-        const { rerender } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        expect(screen.getByRole('menuitem', { name: /Chatbot extension/i })).toBeInTheDocument();
-        fireEvent.click(screen.getByRole('button', { name: 'Chats' }));
-        expect(onToggle).toHaveBeenCalledWith(false);
-        rerender(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: [
-                Object.assign(Object.assign({}, groups[0]), { expandable: {
-                        isExpanded: false,
-                        onToggle
-                    } })
-            ] }));
-        yield waitFor(() => {
-            expect(screen.queryByRole('menuitem', { name: /Chatbot extension/i })).not.toBeInTheDocument();
-        });
-    }));
-    it('renders custom menu items and footers supplied in ConversationGroup', () => {
-        const groups = [
-            {
-                id: 'chats',
-                label: 'Chats',
-                items: [
-                    initialConversations[0],
-                    _jsx(MenuItem, { itemId: "show-all", children: "Show all" }, "show-all")
-                ],
-                footer: _jsx("div", { "data-testid": "group-footer", children: "Footer content" })
-            }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        expect(screen.getByRole('menuitem', { name: 'Show all' })).toBeInTheDocument();
-        expect(screen.getByTestId('group-footer')).toBeInTheDocument();
-    });
-    it('moves focus to the first overflow item when show all is expanded', () => __awaiter(void 0, void 0, void 0, function* () {
-        const recentChats = [
-            { id: '2', text: 'Chat two' },
-            { id: '3', text: 'Chat three' },
-            { id: '4', text: 'Chat four' },
-            { id: '5', text: 'Chat five' },
-            { id: '6', text: 'Chat six' }
-        ];
-        const VISIBLE_CHAT_COUNT = 3;
-        const ShowAllDemo = () => {
-            const [isShowingAllChats, setIsShowingAllChats] = useState(false);
-            return (_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.embedded, setIsDrawerOpen: jest.fn(), conversations: [
-                    {
-                        id: 'chats',
-                        label: 'Chats',
-                        items: recentChats,
-                        showAll: {
-                            visibleCount: VISIBLE_CHAT_COUNT,
-                            isExpanded: isShowingAllChats,
-                            onToggle: setIsShowingAllChats
-                        }
-                    }
-                ] }));
-        };
-        render(_jsx(ShowAllDemo, {}));
-        fireEvent.click(screen.getByRole('menuitem', { name: /Show all/i }));
-        yield waitFor(() => {
-            expect(screen.getByRole('menuitem', { name: 'Chat five' })).toHaveFocus();
-        });
-    }));
-    it('keeps focus on the toggle when show all is collapsed', () => __awaiter(void 0, void 0, void 0, function* () {
-        const recentChats = [
-            { id: '2', text: 'Chat two' },
-            { id: '3', text: 'Chat three' },
-            { id: '4', text: 'Chat four' },
-            { id: '5', text: 'Chat five' }
-        ];
-        const ShowAllDemo = () => {
-            const [isShowingAllChats, setIsShowingAllChats] = useState(true);
-            return (_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.embedded, setIsDrawerOpen: jest.fn(), conversations: [
-                    {
-                        id: 'chats',
-                        label: 'Chats',
-                        items: recentChats,
-                        showAll: {
-                            visibleCount: 2,
-                            isExpanded: isShowingAllChats,
-                            onToggle: setIsShowingAllChats
-                        }
-                    }
-                ] }));
-        };
-        render(_jsx(ShowAllDemo, {}));
-        fireEvent.click(screen.getByRole('menuitem', { name: 'Show less' }));
-        yield waitFor(() => {
-            expect(screen.getByRole('menuitem', { name: /Show all/i })).toHaveFocus();
-        });
-    }));
-    it('renders overflow items above the show all toggle so it stays in a fixed position', () => {
-        const recentChats = [
-            { id: '2', text: 'Chat two' },
-            { id: '3', text: 'Chat three' },
-            { id: '4', text: 'Chat four' }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.embedded, setIsDrawerOpen: jest.fn(), conversations: [
-                {
-                    id: 'chats',
-                    label: 'Chats',
-                    items: recentChats,
-                    showAll: {
-                        visibleCount: 1,
-                        isExpanded: true,
-                        onToggle: jest.fn()
-                    }
-                }
-            ] }));
-        const overflowItem = screen.getByRole('menuitem', { name: 'Chat four' });
-        const toggle = screen.getByRole('menuitem', { name: 'Show less' });
-        const isToggleAfterOverflowItem = Boolean(
-        // eslint-disable-next-line no-bitwise
-        overflowItem.compareDocumentPosition(toggle) & Node.DOCUMENT_POSITION_FOLLOWING);
-        expect(isToggleAfterOverflowItem).toBe(true);
-    });
-    it('allows arrow key navigation to flow through the show all toggle like any other menu item', () => __awaiter(void 0, void 0, void 0, function* () {
-        const recentChats = [
-            { id: '2', text: 'Chat two' },
-            { id: '3', text: 'Chat three' },
-            { id: '4', text: 'Chat four' }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.embedded, setIsDrawerOpen: jest.fn(), conversations: [
-                {
-                    id: 'chats',
-                    label: 'Chats',
-                    items: recentChats,
-                    showAll: {
-                        visibleCount: 2,
-                        isExpanded: false,
-                        onToggle: jest.fn()
-                    }
-                }
-            ] }));
-        const lastVisibleItem = screen.getByRole('menuitem', { name: 'Chat three' });
-        const toggle = screen.getByRole('menuitem', { name: /Show all/i });
-        lastVisibleItem.focus();
-        fireEvent.keyDown(lastVisibleItem, { key: 'ArrowDown' });
-        yield waitFor(() => {
-            expect(toggle).toHaveFocus();
-        });
-        fireEvent.keyDown(toggle, { key: 'ArrowUp' });
-        yield waitFor(() => {
-            expect(lastVisibleItem).toHaveFocus();
-        });
-    }));
-    it('preserves custom menu item identity when preceding items change', () => {
-        const renderShowAll = () => (_jsx(MenuItem, { itemId: "show-all-chats", children: "Show all" }, "show-all-chats"));
-        const { rerender } = render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: [
-                {
-                    id: 'chats',
-                    label: 'Chats',
-                    items: [initialConversations[0], renderShowAll()]
-                }
-            ] }));
-        const showAllBefore = screen.getByRole('menuitem', { name: 'Show all' });
-        rerender(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: [
-                {
-                    id: 'chats',
-                    label: 'Chats',
-                    items: [initialConversations[0], initialConversations[1], initialConversations[2], renderShowAll()]
-                }
-            ] }));
-        expect(screen.getByRole('menuitem', { name: 'Show all' })).toBe(showAllBefore);
-    });
-    it('passes expandableSectionProps from expandable ConversationGroup', () => {
-        const groups = [
-            {
-                id: 'saved',
-                label: 'Saved prompts',
-                expandable: {
-                    isExpanded: true,
-                    onToggle: jest.fn(),
-                    expandableSectionProps: { className: 'test-expandable-section' }
-                },
-                items: initialConversations
-            }
-        ];
-        render(_jsx(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: groups }));
-        expect(document.querySelector('.test-expandable-section')).toBeInTheDocument();
-    });
-});

package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/esm/ChatbotFooter/ChatbotFooter.test.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import ChatbotFooter from './ChatbotFooter';
-import '@testing-library/jest-dom';
-describe('ChatbotFooter', () => {
-    it('should render ChatbotFooter with children', () => {
-        render(_jsx(ChatbotFooter, { children: "Chatbot Content" }));
-        expect(screen.getByText('Chatbot Content')).toBeTruthy();
-    });
-    it('should render ChatbotFooter with custom classname', () => {
-        const { container } = render(_jsx(ChatbotFooter, { className: "custom-class", children: "Chatbot Content" }));
-        expect(container.querySelector('.custom-class')).toBeTruthy();
-    });
-    it('should handle isCompact', () => {
-        render(_jsx(ChatbotFooter, { isCompact: true, "data-testid": "footer", children: "Chatbot Content" }));
-        expect(screen.getByTestId('footer')).toHaveClass('pf-m-compact');
-    });
-    it('should handle isPrimary', () => {
-        render(_jsx(ChatbotFooter, { isPrimary: true, "data-testid": "footer", children: "Chatbot Content" }));
-        expect(screen.getByTestId('footer')).toHaveClass('pf-m-primary');
-    });
-});

package/dist/esm/ChatbotFooter/ChatbotFooternote.test.d.ts

@@ -1 +0,0 @@
-export {};