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

package/src/ResponseActions/ResponseActions.test.tsx

@@ -3,7 +3,6 @@ import '@testing-library/jest-dom';
 import ResponseActions, { ActionProps } from './ResponseActions';
 import userEvent from '@testing-library/user-event';
 import { RhUiExportIcon, RhMicronsInformationFillIcon, RhUiRedoIcon } from '@patternfly/react-icons';
-import Message from '../Message';
 
 // Mock the icon components
 jest.mock('@patternfly/react-icons', () => ({
@@ -116,18 +115,16 @@ describe('ResponseActions', () => {
     });
   });
   it('should handle click outside of group of buttons correctly', async () => {
-    // using message just so we have something outside the group that's rendered
     render(
-      <Message
-        name="Bot"
-        role="bot"
-        avatar=""
-        content="I updated your account with those settings. You're ready to set up your first dashboard!"
-        actions={{
-          positive: {},
-          negative: {}
-        }}
-      />
+      <div>
+        <ResponseActions
+          actions={{
+            positive: { onClick: jest.fn() },
+            negative: { onClick: jest.fn() }
+          }}
+        />
+        <div data-testid="outside">Outside</div>
+      </div>
     );
     const goodBtn = screen.getByRole('button', { name: 'Good response' });
     const badBtn = screen.getByRole('button', { name: 'Bad response' });
@@ -145,9 +142,8 @@ describe('ResponseActions', () => {
       'pf-chatbot__button--response-action-clicked'
     );
     expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    await userEvent.click(
-      screen.getByText("I updated your account with those settings. You're ready to set up your first dashboard!")
-    );
+
+    await userEvent.click(screen.getByTestId('outside'));
     expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
     expect(badBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
   });
@@ -343,27 +339,28 @@ describe('ResponseActions', () => {
 
   // we are testing for the reverse case already above
   it('should not deselect when clicking outside when persistActionSelection is true', async () => {
+    const user = userEvent.setup();
+
     render(
-      <Message
-        name="Bot"
-        role="bot"
-        avatar=""
-        content="Test content"
-        actions={{
-          positive: {},
-          negative: {}
-        }}
-        persistActionSelection
-      />
+      <div>
+        <ResponseActions
+          actions={{
+            positive: { onClick: jest.fn() },
+            negative: { onClick: jest.fn() }
+          }}
+          persistActionSelection
+        />
+        <div data-testid="outside">Outside</div>
+      </div>
     );
     const goodBtn = screen.getByRole('button', { name: 'Good response' });
 
-    await userEvent.click(goodBtn);
+    await user.click(goodBtn);
     expect(screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass(
       'pf-chatbot__button--response-action-clicked'
     );
 
-    await userEvent.click(screen.getByText('Test content'));
+    await user.click(screen.getByTestId('outside'));
 
     expect(screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass(
       'pf-chatbot__button--response-action-clicked'
@@ -371,15 +368,13 @@ describe('ResponseActions', () => {
   });
 
   it('should switch selection to another button when persistActionSelection is true', async () => {
+    const user = userEvent.setup();
+
     render(
-      <Message
-        name="Bot"
-        role="bot"
-        avatar=""
-        content="Test content"
+      <ResponseActions
         actions={{
-          positive: {},
-          negative: {}
+          positive: { onClick: jest.fn() },
+          negative: { onClick: jest.fn() }
         }}
         persistActionSelection
       />
@@ -387,38 +382,37 @@ describe('ResponseActions', () => {
     const goodBtn = screen.getByRole('button', { name: 'Good response' });
     const badBtn = screen.getByRole('button', { name: 'Bad response' });
 
-    await userEvent.click(goodBtn);
+    await user.click(goodBtn);
     expect(goodBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
 
-    await userEvent.click(badBtn);
+    await user.click(badBtn);
     expect(badBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
     expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
   });
 
   it('should toggle off when clicking the same button when persistActionSelection is true', async () => {
+    const user = userEvent.setup();
+
     render(
-      <Message
-        name="Bot"
-        role="bot"
-        avatar=""
-        content="Test content"
+      <ResponseActions
         actions={{
-          positive: {},
-          negative: {}
+          positive: { onClick: jest.fn() },
+          negative: { onClick: jest.fn() }
         }}
         persistActionSelection
       />
     );
     const goodBtn = screen.getByRole('button', { name: 'Good response' });
 
-    await userEvent.click(goodBtn);
+    await user.click(goodBtn);
     expect(goodBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
 
-    await userEvent.click(goodBtn);
+    await user.click(goodBtn);
     expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
   });
 
   it('should work with custom actions when persistActionSelection is true', async () => {
+    const user = userEvent.setup();
     const actions = {
       positive: { 'data-testid': 'positive', onClick: jest.fn() },
       negative: { 'data-testid': 'negative', onClick: jest.fn() },
@@ -433,10 +427,10 @@ describe('ResponseActions', () => {
     render(<ResponseActions actions={actions} persistActionSelection />);
 
     const customBtn = screen.getByTestId('custom');
-    await userEvent.click(customBtn);
+    await user.click(customBtn);
     expect(customBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
 
-    await userEvent.click(customBtn);
+    await user.click(customBtn);
     expect(customBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
   });
 

package/src/ToolCall/ToolCall.test.tsx

@@ -2,6 +2,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import ToolCall from './ToolCall';
+import { expectBoldMarkdownText } from '../test-utils/markdownTestUtils';
 
 describe('ToolCall', () => {
   const defaultProps = {
@@ -233,11 +234,10 @@ describe('ToolCall', () => {
     expect(screen.queryByText('Expandable Content')).not.toBeVisible();
   });
 
-  it('should render titleText as markdown when isTitleMarkdown is true', () => {
+  it('should render titleText as markdown when isTitleMarkdown is true', async () => {
     const titleText = '**Bold title**';
-    const { container } = render(<ToolCall titleText={titleText} isTitleMarkdown />);
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold title')).toBeTruthy();
+    render(<ToolCall titleText={titleText} isTitleMarkdown />);
+    await expectBoldMarkdownText('Bold title');
   });
 
   it('should not render titleText as markdown when isTitleMarkdown is false', () => {
@@ -249,12 +249,9 @@ describe('ToolCall', () => {
   it('should render expandableContent as markdown when isExpandableContentMarkdown is true', async () => {
     const user = userEvent.setup();
     const expandableContent = '**Bold expandable content**';
-    const { container } = render(
-      <ToolCall {...defaultProps} expandableContent={expandableContent} isExpandableContentMarkdown />
-    );
+    render(<ToolCall {...defaultProps} expandableContent={expandableContent} isExpandableContentMarkdown />);
     await user.click(screen.getByRole('button', { name: defaultProps.titleText }));
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold expandable content')).toBeTruthy();
+    await expectBoldMarkdownText('Bold expandable content');
   });
 
   it('should not render expandableContent as markdown when isExpandableContentMarkdown is false', async () => {

package/src/ToolResponse/ToolResponse.test.tsx

@@ -2,6 +2,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import ToolResponse from './ToolResponse';
+import { expectBoldMarkdownText } from '../test-utils/markdownTestUtils';
 
 describe('ToolResponse', () => {
   const defaultProps = {
@@ -150,13 +151,10 @@ describe('ToolResponse', () => {
     expect(screen.getByText(defaultProps.cardBody)).not.toBeVisible();
   });
 
-  it('should render toggleContent as markdown when isToggleContentMarkdown is true', () => {
+  it('should render toggleContent as markdown when isToggleContentMarkdown is true', async () => {
     const toggleContent = '**Bold toggle**';
-    const { container } = render(
-      <ToolResponse {...defaultProps} toggleContent={toggleContent} isToggleContentMarkdown />
-    );
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold toggle')).toBeTruthy();
+    render(<ToolResponse {...defaultProps} toggleContent={toggleContent} isToggleContentMarkdown />);
+    await expectBoldMarkdownText('Bold toggle');
   });
 
   it('should not render toggleContent as markdown when isToggleContentMarkdown is false', () => {
@@ -165,11 +163,10 @@ describe('ToolResponse', () => {
     expect(screen.getByText('**Bold toggle**')).toBeTruthy();
   });
 
-  it('should render subheading as markdown when isSubheadingMarkdown is true', () => {
+  it('should render subheading as markdown when isSubheadingMarkdown is true', async () => {
     const subheading = '**Bold subheading**';
-    const { container } = render(<ToolResponse {...defaultProps} subheading={subheading} isSubheadingMarkdown />);
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold subheading')).toBeTruthy();
+    render(<ToolResponse {...defaultProps} subheading={subheading} isSubheadingMarkdown />);
+    await expectBoldMarkdownText('Bold subheading');
   });
 
   it('should not render subheading as markdown when isSubheadingMarkdown is false', () => {
@@ -178,11 +175,10 @@ describe('ToolResponse', () => {
     expect(screen.getByText('**Bold subheading**')).toBeTruthy();
   });
 
-  it('should render body as markdown when isBodyMarkdown is true', () => {
+  it('should render body as markdown when isBodyMarkdown is true', async () => {
     const body = '**Bold body**';
-    const { container } = render(<ToolResponse {...defaultProps} body={body} isBodyMarkdown />);
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold body')).toBeTruthy();
+    render(<ToolResponse {...defaultProps} body={body} isBodyMarkdown />);
+    await expectBoldMarkdownText('Bold body');
   });
 
   it('should not render body as markdown when isBodyMarkdown is false', () => {
@@ -191,11 +187,10 @@ describe('ToolResponse', () => {
     expect(screen.getByText('**Bold body**')).toBeTruthy();
   });
 
-  it('should render cardTitle as markdown when isCardTitleMarkdown is true', () => {
+  it('should render cardTitle as markdown when isCardTitleMarkdown is true', async () => {
     const cardTitle = '**Bold card title**';
-    const { container } = render(<ToolResponse {...defaultProps} cardTitle={cardTitle} isCardTitleMarkdown />);
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold card title')).toBeTruthy();
+    render(<ToolResponse {...defaultProps} cardTitle={cardTitle} isCardTitleMarkdown />);
+    await expectBoldMarkdownText('Bold card title');
   });
 
   it('should not render cardTitle as markdown when isCardTitleMarkdown is false', () => {
@@ -204,11 +199,10 @@ describe('ToolResponse', () => {
     expect(screen.getByText('**Bold card title**')).toBeTruthy();
   });
 
-  it('should render cardBody as markdown when isCardBodyMarkdown is true', () => {
+  it('should render cardBody as markdown when isCardBodyMarkdown is true', async () => {
     const cardBody = '**Bold card body**';
-    const { container } = render(<ToolResponse {...defaultProps} cardBody={cardBody} isCardBodyMarkdown />);
-    expect(container.querySelector('strong')).toBeTruthy();
-    expect(screen.getByText('Bold card body')).toBeTruthy();
+    render(<ToolResponse {...defaultProps} cardBody={cardBody} isCardBodyMarkdown />);
+    await expectBoldMarkdownText('Bold card body');
   });
 
   it('should not render cardBody as markdown when isCardBodyMarkdown is false', () => {

package/src/index.ts

@@ -1,8 +1,5 @@
 // this file is autogenerated by generate-index.js, modifying it manually will have no effect
 
-export { default as AttachmentEdit } from './AttachmentEdit';
-export * from './AttachmentEdit';
-
 export { default as AttachMenu } from './AttachMenu';
 export * from './AttachMenu';
 
@@ -36,9 +33,6 @@ export * from './ChatbotToggle';
 export { default as ChatbotWelcomePrompt } from './ChatbotWelcomePrompt';
 export * from './ChatbotWelcomePrompt';
 
-export { default as CodeModal } from './CodeModal';
-export * from './CodeModal';
-
 export { default as Compare } from './Compare';
 export * from './Compare';
 
@@ -78,9 +72,6 @@ export * from './MessageDivider';
 export { default as Onboarding } from './Onboarding';
 export * from './Onboarding';
 
-export { default as PreviewAttachment } from './PreviewAttachment';
-export * from './PreviewAttachment';
-
 export { default as ResponseActions } from './ResponseActions';
 export * from './ResponseActions';
 
@@ -104,6 +95,3 @@ export * from './ToolCall';
 
 export { default as ToolResponse } from './ToolResponse';
 export * from './ToolResponse';
-
-export { default as tracking } from './tracking';
-export * from './tracking';

package/src/test-utils/markdownTestUtils.ts

@@ -0,0 +1,21 @@
+import { createElement } from 'react';
+import { render, screen } from '@testing-library/react';
+import MarkdownContent, {
+  preloadMarkdownRenderer,
+  whenMarkdownRendererReady
+} from '../MarkdownContent/MarkdownContent';
+
+/** Preloads and warms the lazy MarkdownRenderer so synchronous getByText assertions work. */
+export async function warmupMarkdownRenderer() {
+  preloadMarkdownRenderer();
+  await whenMarkdownRendererReady();
+  const { unmount } = render(createElement(MarkdownContent, { content: '.' }));
+  await screen.findByText('.', {}, { timeout: 10000 });
+  unmount();
+}
+
+/** Waits for lazy-loaded markdown to render and asserts bold text. */
+export async function expectBoldMarkdownText(text: string) {
+  const element = await screen.findByText(text, {}, { timeout: 10000 });
+  expect(element.closest('strong')).not.toBeNull();
+}

package/tsconfig.json

@@ -69,5 +69,10 @@
     "skipLibCheck": true /* Skip type checking of declaration files. */,
     "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
   },
-  "include": ["./src/*", "./src/**/*", "./cypress/**/*"]
+  "include": ["./src/*", "./src/**/*", "./cypress/**/*"],
+  "exclude": [
+    "**/*.test.tsx",
+    "**/__mocks__/**",
+    "**/test-utils/**"
+  ]
 }

package/dist/cjs/AttachmentEdit/AttachmentEdit.test.d.ts

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

package/dist/cjs/AttachmentEdit/AttachmentEdit.test.js

@@ -1,77 +0,0 @@
-"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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-const AttachmentEdit_1 = __importDefault(require("./AttachmentEdit"));
-describe('AttachmentEdit', () => {
-    it('should open AttachmentEdit modal', () => {
-        const props = {
-            code: 'code',
-            fileName: 'fileName',
-            onCancel: jest.fn(),
-            onSave: jest.fn(),
-            isModalOpen: true,
-            handleModalToggle: jest.fn()
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, Object.assign({}, props)));
-        expect(react_1.screen.getByText('Edit attachment')).toBeTruthy();
-    });
-    it('should call onSave handler when the save button is clicked', () => {
-        const onSaveHandler = jest.fn();
-        const props = {
-            code: 'code',
-            fileName: 'fileName',
-            onCancel: jest.fn(),
-            onSave: onSaveHandler,
-            isModalOpen: true,
-            handleModalToggle: jest.fn()
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, Object.assign({}, props)));
-        // Click on save button
-        react_1.fireEvent.click(react_1.screen.getByText('Save'));
-        expect(onSaveHandler).toHaveBeenCalledWith(expect.any(Object), 'code');
-    });
-    it('should call cancel handler when the cancel button is clicked', () => {
-        const onCancelHandler = jest.fn();
-        const props = {
-            code: 'code',
-            fileName: 'fileName',
-            onCancel: onCancelHandler,
-            onSave: jest.fn(),
-            isModalOpen: true,
-            handleModalToggle: jest.fn()
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, Object.assign({}, props)));
-        // Click on cancel button
-        react_1.fireEvent.click(react_1.screen.getByText('Cancel'));
-        expect(onCancelHandler).toHaveBeenCalled();
-    });
-    it('should render custom button text for footer actions buttons', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onCancel: jest.fn(), onSave: jest.fn(), handleModalToggle: jest.fn(), primaryActionButtonText: "Save", secondaryActionButtonText: "Close" }));
-        expect(react_1.screen.getByText('Save')).toBeInTheDocument();
-        expect(react_1.screen.getByText('Close')).toBeInTheDocument();
-    });
-    it('should render AttachmentEdit with custom classNames', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachmentEdit_1.default, { code: "Hello world", fileName: "greetings.txt", isModalOpen: true, onCancel: jest.fn(), onSave: jest.fn(), handleModalToggle: jest.fn(), primaryActionButtonText: "Save", secondaryActionButtonText: "Close", modalHeaderClassName: "custom-header-class", modalBodyClassName: "custom-body-class", modalFooterClassName: "custom-footer-class" }));
-        const modal = react_1.screen.getByRole('dialog');
-        const modalHeader = (0, react_1.within)(modal).getByRole('banner');
-        expect(modalHeader).toHaveClass('custom-header-class');
-        const modalBody = modal.querySelector('#code-modal-body');
-        expect(modalBody).toHaveClass('custom-body-class');
-        const modalfooter = (0, react_1.within)(modal).getByRole('contentinfo');
-        expect(modalfooter).toHaveClass('custom-footer-class');
-    }));
-});

package/dist/cjs/Chatbot/Chatbot.test.d.ts

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

package/dist/cjs/Chatbot/Chatbot.test.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-require("@testing-library/jest-dom");
-const react_1 = require("@testing-library/react");
-const Chatbot_1 = __importDefault(require("./Chatbot"));
-describe('Chatbot', () => {
-    it('should render Chatbot with default display mode', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { children: "Chatbot Content" }));
-        expect(react_1.screen.getByText('Chatbot Content')).toBeTruthy();
-    });
-    it('should render Chatbot with custom ariaLabel', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { ariaLabel: "Chatbot", children: "Chatbot Content" }));
-        expect(react_1.screen.getByLabelText('Chatbot')).toBeTruthy();
-    });
-    it('should render Chatbot with custom className', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { ariaLabel: "Chatbot", className: "custom-class", children: "Chatbot Content" }));
-        const chatbotElement = container.querySelector('.custom-class');
-        expect(chatbotElement).toBeInTheDocument();
-    });
-    it('should not render Chatbot', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { isVisible: false, children: "Chatbot Content" }));
-        expect(react_1.screen.queryByLabelText('Chatbot')).toBeFalsy();
-    });
-    it('should handle isCompact', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Chatbot_1.default, { "data-testid": "chatbot", isVisible: true, isCompact: true, children: "Chatbot Content" }));
-        expect(react_1.screen.getByTestId('chatbot')).toHaveClass('pf-m-compact');
-    });
-});

package/dist/cjs/ChatbotAlert/ChatbotAlert.test.d.ts

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

package/dist/cjs/ChatbotAlert/ChatbotAlert.test.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const ChatbotAlert_1 = __importDefault(require("./ChatbotAlert"));
-describe('ChatbotAlert', () => {
-    it('should render ChatbotAlert with default variant', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotAlert_1.default, { title: "Chatbot Alert" }));
-        expect(react_1.screen.getByText('Chatbot Alert')).toBeTruthy();
-    });
-    it('should render ChatbotAlert with children', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotAlert_1.default, { title: "Chatbot Alert", children: "Chatbot Alert Content" }));
-        expect(react_1.screen.getByText('Chatbot Alert Content')).toBeTruthy();
-    });
-    it('should call onClose handler when onClose button is clicked', () => {
-        const onCloseHandler = jest.fn();
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotAlert_1.default, { title: "Chatbot Alert", onClose: onCloseHandler, children: "Chatbot Alert Content" }));
-        expect(react_1.screen.getByText('Chatbot Alert')).toBeTruthy();
-        expect(react_1.screen.getByText('Chatbot Alert Content')).toBeTruthy();
-        // click on the close button
-        react_1.fireEvent.click(react_1.screen.getByRole('button'));
-        expect(onCloseHandler).toHaveBeenCalled();
-    });
-});

package/dist/cjs/ChatbotContent/ChatbotContent.test.d.ts

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

package/dist/cjs/ChatbotContent/ChatbotContent.test.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const ChatbotContent_1 = __importDefault(require("./ChatbotContent"));
-describe('ChatbotContent', () => {
-    it('should render ChatbotContent with children', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotContent_1.default, { children: "Chatbot Content" }));
-        expect(react_1.screen.getByText('Chatbot Content')).toBeTruthy();
-    });
-    it('should render ChatbotContent with custom classname', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotContent_1.default, { className: "custom-class", children: "Chatbot Content" }));
-        expect(container.querySelector('.custom-class')).toBeTruthy();
-    });
-    it('should render ChatbotContent with primary class', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotContent_1.default, { isPrimary: true, children: "Chatbot Content" }));
-        expect(container.querySelector('.pf-m-primary')).toBeTruthy();
-    });
-});

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

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

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

@@ -1,75 +0,0 @@
-"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 jsx_runtime_1 = require("react/jsx-runtime");
-require("@testing-library/jest-dom");
-const react_core_1 = require("@patternfly/react-core");
-const react_1 = require("@testing-library/react");
-const ChatbotConversationHistoryDropdown_1 = __importDefault(require("./ChatbotConversationHistoryDropdown"));
-describe('ChatbotConversationHistoryDropdown', () => {
-    const onSelect = jest.fn();
-    const menuItems = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { children: "Rename" }), (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { children: "Delete" })] }));
-    it('should render the dropdown', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, menuClassName: "custom-class" }));
-        expect(react_1.screen.queryByRole('menuitem', { name: /Conversation options/i })).toBeInTheDocument();
-    });
-    it('should display the dropdown menuItems', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems }));
-        const toggle = react_1.screen.queryByRole('menuitem', { name: /Conversation options/i });
-        expect(toggle).toBeInTheDocument();
-        react_1.fireEvent.click(toggle);
-        (0, react_1.waitFor)(() => {
-            expect(react_1.screen.getByText('Rename')).toBeInTheDocument();
-            expect(react_1.screen.getByText('Delete')).toBeInTheDocument();
-        });
-    });
-    it('should invoke onSelect callback when menuitem is clicked', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, onSelect: onSelect }));
-        const toggle = react_1.screen.queryByRole('menuitem', { name: /Conversation options/i });
-        react_1.fireEvent.click(toggle);
-        react_1.fireEvent.click(react_1.screen.getByText('Rename'));
-        expect(onSelect).toHaveBeenCalled();
-    });
-    it('should toggle the dropdown when menuitem is clicked', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, onSelect: onSelect }));
-        const toggle = react_1.screen.queryByRole('menuitem', { name: /Conversation options/i });
-        react_1.fireEvent.click(toggle);
-        react_1.fireEvent.click(react_1.screen.getByText('Delete'));
-        expect(onSelect).toHaveBeenCalled();
-        expect(react_1.screen.queryByText('Delete')).not.toBeInTheDocument();
-    });
-    it('should close the dropdown when user clicks outside', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, onSelect: onSelect }));
-        const toggle = react_1.screen.queryByRole('menuitem', { name: /Conversation options/i });
-        react_1.fireEvent.click(toggle);
-        expect(react_1.screen.queryByText('Delete')).toBeInTheDocument();
-        react_1.fireEvent.click(toggle.parentElement);
-        expect(react_1.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_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, label: "Actions dropdown" }));
-        const toggle = react_1.screen.queryByRole('menuitem', { name: /Actions dropdown/i });
-        (0, react_1.fireEvent)(toggle, new MouseEvent('mouseenter', {
-            bubbles: false,
-            cancelable: false
-        }));
-        yield (0, react_1.waitFor)(() => {
-            expect(react_1.screen.queryByText('Actions dropdown')).toBeInTheDocument();
-        });
-    }));
-    it('should be able to set a custom aria-label', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotConversationHistoryDropdown_1.default, { menuItems: menuItems, "aria-label": "Custom conversation options" }));
-        expect(react_1.screen.queryByRole('menuitem', { name: /Custom conversation options/i })).toBeInTheDocument();
-    });
-});

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

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