@patternfly/chatbot 2.1.0-prerelease.18 → 2.1.0-prerelease.20

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js

@@ -16,7 +16,10 @@ const ChatbotConversationHistoryDropdown = ({ menuItems, menuClassName, onSelect
     const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, { className: "pf-chatbot__tooltip", content: label !== null && label !== void 0 ? label : 'Conversation options', position: "bottom" },
         react_1.default.createElement(react_core_1.MenuToggle, { className: "pf-chatbot__history-actions", variant: "plain", "aria-label": label !== null && label !== void 0 ? label : 'Conversation options', ref: toggleRef, isExpanded: isOpen, onClick: () => setIsOpen(!isOpen), role: "menuitem" },
             react_1.default.createElement(ellipsis_v_icon_1.default, null))));
-    return (react_1.default.createElement(react_core_1.Dropdown, { className: `pf-chatbot__selections ${menuClassName !== null && menuClassName !== void 0 ? menuClassName : ''}`, isOpen: isOpen, onSelect: onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), popperProps: { position: 'right' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, menuItems));
+    return (react_1.default.createElement(react_core_1.Dropdown, { className: `pf-chatbot__selections ${menuClassName !== null && menuClassName !== void 0 ? menuClassName : ''}`, isOpen: isOpen, onSelect: (props) => {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(props);
+            setIsOpen((prev) => !prev);
+        }, onOpenChange: (isOpen) => setIsOpen(isOpen), popperProps: { position: 'right' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, menuItems));
 };
 exports.ChatbotConversationHistoryDropdown = ChatbotConversationHistoryDropdown;
 exports.default = exports.ChatbotConversationHistoryDropdown;

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.d.ts

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

package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.js

@@ -0,0 +1,73 @@
+"use strict";
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+require("@testing-library/jest-dom");
+const react_core_1 = require("@patternfly/react-core");
+const react_2 = require("@testing-library/react");
+const ChatbotConversationHistoryDropdown_1 = __importDefault(require("./ChatbotConversationHistoryDropdown"));
+describe('ChatbotConversationHistoryDropdown', () => {
+    const onSelect = jest.fn();
+    const menuItems = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Rename"),
+        react_1.default.createElement(react_core_1.DropdownItem, null, "Delete")));
+    it('should render the dropdown', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, menuClassName: "custom-class" }));
+        expect(react_2.screen.queryByRole('menuitem', { name: /Conversation options/i })).toBeInTheDocument();
+    });
+    it('should display the dropdown menuItems', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems }));
+        const toggle = react_2.screen.queryByRole('menuitem', { name: /Conversation options/i });
+        expect(toggle).toBeInTheDocument();
+        react_2.fireEvent.click(toggle);
+        (0, react_2.waitFor)(() => {
+            expect(react_2.screen.getByText('Rename')).toBeInTheDocument();
+            expect(react_2.screen.getByText('Delete')).toBeInTheDocument();
+        });
+    });
+    it('should invoke onSelect callback when menuitem is clicked', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, onSelect: onSelect }));
+        const toggle = react_2.screen.queryByRole('menuitem', { name: /Conversation options/i });
+        react_2.fireEvent.click(toggle);
+        react_2.fireEvent.click(react_2.screen.getByText('Rename'));
+        expect(onSelect).toHaveBeenCalled();
+    });
+    it('should toggle the dropdown when menuitem is clicked', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, onSelect: onSelect }));
+        const toggle = react_2.screen.queryByRole('menuitem', { name: /Conversation options/i });
+        react_2.fireEvent.click(toggle);
+        react_2.fireEvent.click(react_2.screen.getByText('Delete'));
+        expect(onSelect).toHaveBeenCalled();
+        expect(react_2.screen.queryByText('Delete')).not.toBeInTheDocument();
+    });
+    it('should close the dropdown when user clicks outside', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, onSelect: onSelect }));
+        const toggle = react_2.screen.queryByRole('menuitem', { name: /Conversation options/i });
+        react_2.fireEvent.click(toggle);
+        expect(react_2.screen.queryByText('Delete')).toBeInTheDocument();
+        react_2.fireEvent.click(toggle.parentElement);
+        expect(react_2.screen.queryByText('Delete')).not.toBeInTheDocument();
+    });
+    it('should show the tooltip when the user hovers over the toggle button', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, label: "Actions dropdown" }));
+        const toggle = react_2.screen.queryByRole('menuitem', { name: /Actions dropdown/i });
+        (0, react_2.fireEvent)(toggle, new MouseEvent('mouseenter', {
+            bubbles: false,
+            cancelable: false
+        }));
+        yield (0, react_2.waitFor)(() => {
+            expect(react_2.screen.queryByText('Actions dropdown')).toBeInTheDocument();
+        });
+    }));
+});

package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.js

@@ -10,6 +10,9 @@ export const ChatbotConversationHistoryDropdown = ({ menuItems, menuClassName, o
     const toggle = (toggleRef) => (React.createElement(Tooltip, { className: "pf-chatbot__tooltip", content: label !== null && label !== void 0 ? label : 'Conversation options', position: "bottom" },
         React.createElement(MenuToggle, { className: "pf-chatbot__history-actions", variant: "plain", "aria-label": label !== null && label !== void 0 ? label : 'Conversation options', ref: toggleRef, isExpanded: isOpen, onClick: () => setIsOpen(!isOpen), role: "menuitem" },
             React.createElement(EllipsisIcon, null))));
-    return (React.createElement(Dropdown, { className: `pf-chatbot__selections ${menuClassName !== null && menuClassName !== void 0 ? menuClassName : ''}`, isOpen: isOpen, onSelect: onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), popperProps: { position: 'right' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, menuItems));
+    return (React.createElement(Dropdown, { className: `pf-chatbot__selections ${menuClassName !== null && menuClassName !== void 0 ? menuClassName : ''}`, isOpen: isOpen, onSelect: (props) => {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(props);
+            setIsOpen((prev) => !prev);
+        }, onOpenChange: (isOpen) => setIsOpen(isOpen), popperProps: { position: 'right' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, menuItems));
 };
 export default ChatbotConversationHistoryDropdown;

package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.d.ts

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

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

@@ -0,0 +1,68 @@
+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 React from 'react';
+import '@testing-library/jest-dom';
+import { DropdownItem } from '@patternfly/react-core';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import ChatbotConversationHistoryDropdown from './ChatbotConversationHistoryDropdown';
+describe('ChatbotConversationHistoryDropdown', () => {
+    const onSelect = jest.fn();
+    const menuItems = (React.createElement(React.Fragment, null,
+        React.createElement(DropdownItem, null, "Rename"),
+        React.createElement(DropdownItem, null, "Delete")));
+    it('should render the dropdown', () => {
+        render(React.createElement(ChatbotConversationHistoryDropdown, { menuItems: menuItems, menuClassName: "custom-class" }));
+        expect(screen.queryByRole('menuitem', { name: /Conversation options/i })).toBeInTheDocument();
+    });
+    it('should display the dropdown menuItems', () => {
+        render(React.createElement(ChatbotConversationHistoryDropdown, { menuItems: menuItems }));
+        const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i });
+        expect(toggle).toBeInTheDocument();
+        fireEvent.click(toggle);
+        waitFor(() => {
+            expect(screen.getByText('Rename')).toBeInTheDocument();
+            expect(screen.getByText('Delete')).toBeInTheDocument();
+        });
+    });
+    it('should invoke onSelect callback when menuitem is clicked', () => {
+        render(React.createElement(ChatbotConversationHistoryDropdown, { menuItems: menuItems, onSelect: onSelect }));
+        const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i });
+        fireEvent.click(toggle);
+        fireEvent.click(screen.getByText('Rename'));
+        expect(onSelect).toHaveBeenCalled();
+    });
+    it('should toggle the dropdown when menuitem is clicked', () => {
+        render(React.createElement(ChatbotConversationHistoryDropdown, { menuItems: menuItems, onSelect: onSelect }));
+        const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i });
+        fireEvent.click(toggle);
+        fireEvent.click(screen.getByText('Delete'));
+        expect(onSelect).toHaveBeenCalled();
+        expect(screen.queryByText('Delete')).not.toBeInTheDocument();
+    });
+    it('should close the dropdown when user clicks outside', () => {
+        render(React.createElement(ChatbotConversationHistoryDropdown, { menuItems: menuItems, onSelect: onSelect }));
+        const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i });
+        fireEvent.click(toggle);
+        expect(screen.queryByText('Delete')).toBeInTheDocument();
+        fireEvent.click(toggle.parentElement);
+        expect(screen.queryByText('Delete')).not.toBeInTheDocument();
+    });
+    it('should show the tooltip when the user hovers over the toggle button', () => __awaiter(void 0, void 0, void 0, function* () {
+        render(React.createElement(ChatbotConversationHistoryDropdown, { menuItems: menuItems, label: "Actions dropdown" }));
+        const toggle = screen.queryByRole('menuitem', { name: /Actions dropdown/i });
+        fireEvent(toggle, new MouseEvent('mouseenter', {
+            bubbles: false,
+            cancelable: false
+        }));
+        yield waitFor(() => {
+            expect(screen.queryByText('Actions dropdown')).toBeInTheDocument();
+        });
+    }));
+});

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts"],"version":"5.6.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/chatbot",
-  "version": "2.1.0-prerelease.18",
+  "version": "2.1.0-prerelease.20",
   "description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -75,5 +75,9 @@
     "victory-cursor-container": "^37.1.1",
     "victory-tooltip": "^37.1.1",
     "victory-bar": "^37.1.1"
+  },
+  "overrides": {
+    "puppeteer": "^23.6.1",
+    "puppeteer-cluster": "^0.24.0"
   }
 }

package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx

@@ -0,0 +1,82 @@
+import React from 'react';
+import '@testing-library/jest-dom';
+import { DropdownItem } from '@patternfly/react-core';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import ChatbotConversationHistoryDropdown from './ChatbotConversationHistoryDropdown';
+
+describe('ChatbotConversationHistoryDropdown', () => {
+  const onSelect = jest.fn();
+  const menuItems = (
+    <>
+      <DropdownItem>Rename</DropdownItem>
+      <DropdownItem>Delete</DropdownItem>
+    </>
+  );
+
+  it('should render the dropdown', () => {
+    render(<ChatbotConversationHistoryDropdown menuItems={menuItems} menuClassName="custom-class" />);
+    expect(screen.queryByRole('menuitem', { name: /Conversation options/i })).toBeInTheDocument();
+  });
+
+  it('should display the dropdown menuItems', () => {
+    render(<ChatbotConversationHistoryDropdown menuItems={menuItems} />);
+
+    const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i })!;
+
+    expect(toggle).toBeInTheDocument();
+    fireEvent.click(toggle);
+
+    waitFor(() => {
+      expect(screen.getByText('Rename')).toBeInTheDocument();
+      expect(screen.getByText('Delete')).toBeInTheDocument();
+    });
+  });
+
+  it('should invoke onSelect callback when menuitem is clicked', () => {
+    render(<ChatbotConversationHistoryDropdown menuItems={menuItems} onSelect={onSelect} />);
+    const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i })!;
+    fireEvent.click(toggle);
+    fireEvent.click(screen.getByText('Rename'));
+
+    expect(onSelect).toHaveBeenCalled();
+  });
+
+  it('should toggle the dropdown when menuitem is clicked', () => {
+    render(<ChatbotConversationHistoryDropdown menuItems={menuItems} onSelect={onSelect} />);
+    const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i })!;
+    fireEvent.click(toggle);
+    fireEvent.click(screen.getByText('Delete'));
+
+    expect(onSelect).toHaveBeenCalled();
+
+    expect(screen.queryByText('Delete')).not.toBeInTheDocument();
+  });
+
+  it('should close the dropdown when user clicks outside', () => {
+    render(<ChatbotConversationHistoryDropdown menuItems={menuItems} onSelect={onSelect} />);
+    const toggle = screen.queryByRole('menuitem', { name: /Conversation options/i })!;
+    fireEvent.click(toggle);
+
+    expect(screen.queryByText('Delete')).toBeInTheDocument();
+    fireEvent.click(toggle.parentElement!);
+
+    expect(screen.queryByText('Delete')).not.toBeInTheDocument();
+  });
+
+  it('should show the tooltip when the user hovers over the toggle button', async () => {
+    render(<ChatbotConversationHistoryDropdown menuItems={menuItems} label="Actions dropdown" />);
+    const toggle = screen.queryByRole('menuitem', { name: /Actions dropdown/i })!;
+
+    fireEvent(
+      toggle,
+      new MouseEvent('mouseenter', {
+        bubbles: false,
+        cancelable: false
+      })
+    );
+
+    await waitFor(() => {
+      expect(screen.queryByText('Actions dropdown')).toBeInTheDocument();
+    });
+  });
+});

package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx

@@ -47,7 +47,10 @@ export const ChatbotConversationHistoryDropdown: React.FunctionComponent<Chatbot
     <Dropdown
       className={`pf-chatbot__selections ${menuClassName ?? ''}`}
       isOpen={isOpen}
-      onSelect={onSelect}
+      onSelect={(props) => {
+        onSelect?.(props);
+        setIsOpen((prev) => !prev);
+      }}
       onOpenChange={(isOpen) => setIsOpen(isOpen)}
       popperProps={{ position: 'right' }}
       shouldFocusToggleOnSelect