Merge branch 'main' into iss289-1

package.json

@@ -39,7 +39,7 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@octokit/rest": "^18.0.0",
-    "@patternfly/documentation-framework": "^6.0.0-alpha.121",
+    "@patternfly/documentation-framework": "^6.0.6",
     "@patternfly/patternfly": "^6.0.0",
     "@patternfly/react-icons": "^6.0.0",
     "@swc/core": "1.3.96",
@@ -85,6 +85,10 @@
     "wait-on": "^7.2.0",
     "whatwg-fetch": "^3.6.20"
   },
+  "overrides": {
+    "puppeteer": "^23.6.1",
+    "puppeteer-cluster": "^0.24.0"
+  },
   "dependencies": {
     "dompurify": "^3.2.0",
     "react-dropzone": "^14.2.3"

packages/module/package.json

@@ -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"
   }
 }

packages/module/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();
+    });
+  });
+});

packages/module/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