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

package/dist/esm/ResponseActions/ResponseActions.test.js

@@ -1,450 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import ResponseActions 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', () => ({
-    RhUiLikeIcon: () => _jsx("div", { children: "RhUiLikeIcon" }),
-    RhUiLikeFillIcon: () => _jsx("div", { children: "RhUiLikeFillIcon" }),
-    RhUiDislikeIcon: () => _jsx("div", { children: "RhUiDislikeIcon" }),
-    RhUiDislikeFillIcon: () => _jsx("div", { children: "RhUiDislikeFillIcon" }),
-    RhUiCopyIcon: () => _jsx("div", { children: "RhUiCopyIcon" }),
-    RhUiCopyFillIcon: () => _jsx("div", { children: "RhUiCopyFillIcon" }),
-    RhUiEditIcon: () => _jsx("div", { children: "RhUiEditIcon" }),
-    RhUiEditFillIcon: () => _jsx("div", { children: "RhUiEditFillIcon" }),
-    RhUiVolumeUpIcon: () => _jsx("div", { children: "RhUiVolumeUpIcon" }),
-    RhUiVolumeUpFillIcon: () => _jsx("div", { children: "RhUiVolumeUpFillIcon" }),
-    RhUiExportIcon: () => _jsx("div", { children: "RhUiExportIcon" }),
-    RhUiExportFillIcon: () => _jsx("div", { children: "RhUiExportFillIcon" }),
-    RhMicronsInformationFillIcon: () => _jsx("div", { children: "RhMicronsInformationFillIcon" }),
-    RhUiRedoIcon: () => _jsx("div", { children: "RhUiRedoIcon" })
-}));
-const ALL_ACTIONS = [
-    { type: 'positive', label: 'Good response', clickedLabel: 'Good response recorded' },
-    { type: 'negative', label: 'Bad response', clickedLabel: 'Bad response recorded' },
-    { type: 'copy', label: 'Copy', clickedLabel: 'Copied' },
-    { type: 'edit', label: 'Edit', clickedLabel: 'Editing' },
-    { type: 'share', label: 'Share', clickedLabel: 'Shared' },
-    { type: 'listen', label: 'Listen', clickedLabel: 'Listening' }
-];
-const CUSTOM_ACTIONS = [
-    {
-        regenerate: {
-            ariaLabel: 'Regenerate',
-            clickedAriaLabel: 'Regenerated',
-            onClick: jest.fn(),
-            tooltipContent: 'Regenerate',
-            clickedTooltipContent: 'Regenerated',
-            icon: _jsx(RhUiRedoIcon, {})
-        },
-        download: {
-            ariaLabel: 'Download',
-            clickedAriaLabel: 'Downloaded',
-            onClick: jest.fn(),
-            tooltipContent: 'Download',
-            clickedTooltipContent: 'Downloaded',
-            icon: _jsx(RhUiExportIcon, {})
-        },
-        info: {
-            ariaLabel: 'Info',
-            onClick: jest.fn(),
-            tooltipContent: 'Info',
-            icon: _jsx(RhMicronsInformationFillIcon, {})
-        }
-    }
-];
-const ALL_ACTIONS_DATA_TEST = [
-    { type: 'positive', label: 'Good response', dataTestId: 'positive' },
-    { type: 'negative', label: 'Bad response', dataTestId: 'negative' },
-    { type: 'copy', label: 'Copy', dataTestId: 'copy' },
-    { type: 'edit', label: 'Edit', dataTestId: 'edit' },
-    { type: 'share', label: 'Share', dataTestId: 'share' },
-    { type: 'download', label: 'Download', dataTestId: 'download' },
-    { type: 'listen', label: 'Listen', dataTestId: 'listen' }
-];
-describe('ResponseActions', () => {
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    it('should handle click within group of buttons correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(ResponseActions, { actions: {
-                positive: { onClick: jest.fn() },
-                negative: { onClick: jest.fn() },
-                copy: { onClick: jest.fn() },
-                edit: { onClick: jest.fn() },
-                share: { onClick: jest.fn() },
-                download: { onClick: jest.fn() },
-                listen: { onClick: jest.fn() }
-            } }));
-        const goodBtn = screen.getByRole('button', { name: 'Good response' });
-        const badBtn = screen.getByRole('button', { name: 'Bad response' });
-        const copyBtn = screen.getByRole('button', { name: 'Copy' });
-        const editBtn = screen.getByRole('button', { name: 'Edit' });
-        const shareBtn = screen.getByRole('button', { name: 'Share' });
-        const downloadBtn = screen.getByRole('button', { name: 'Download' });
-        const listenBtn = screen.getByRole('button', { name: 'Listen' });
-        const buttons = [goodBtn, badBtn, copyBtn, editBtn, shareBtn, downloadBtn, listenBtn];
-        buttons.forEach((button) => {
-            expect(button).toBeTruthy();
-        });
-        yield userEvent.click(goodBtn);
-        expect(screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
-        let unclickedButtons = buttons.filter((button) => button !== goodBtn);
-        unclickedButtons.forEach((button) => {
-            expect(button).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        });
-        yield userEvent.click(badBtn);
-        expect(screen.getByRole('button', { name: 'Bad response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
-        unclickedButtons = buttons.filter((button) => button !== badBtn);
-        unclickedButtons.forEach((button) => {
-            expect(button).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        });
-    }));
-    it('should handle click outside of group of buttons correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        // using message just so we have something outside the group that's rendered
-        render(_jsx(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: {}
-            } }));
-        const goodBtn = screen.getByRole('button', { name: 'Good response' });
-        const badBtn = screen.getByRole('button', { name: 'Bad response' });
-        expect(goodBtn).toBeTruthy();
-        expect(badBtn).toBeTruthy();
-        yield userEvent.click(goodBtn);
-        expect(screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(badBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.click(badBtn);
-        expect(screen.getByRole('button', { name: 'Bad response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.click(screen.getByText("I updated your account with those settings. You're ready to set up your first dashboard!"));
-        expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(badBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should handle isClicked prop within group of buttons correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(ResponseActions, { actions: {
-                positive: { 'data-testid': 'positive-btn', onClick: jest.fn(), isClicked: true },
-                negative: { 'data-testid': 'negative-btn', onClick: jest.fn() }
-            } }));
-        expect(screen.getByTestId('positive-btn')).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(screen.getByTestId('negative-btn')).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should set "listen" button as active if its `isClicked` is true', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(ResponseActions, { actions: {
-                positive: { 'data-testid': 'positive-btn', onClick: jest.fn(), isClicked: false },
-                negative: { 'data-testid': 'negative-btn', onClick: jest.fn(), isClicked: false },
-                listen: { 'data-testid': 'listen-btn', onClick: jest.fn(), isClicked: true }
-            } }));
-        expect(screen.getByTestId('listen-btn')).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(screen.getByTestId('positive-btn')).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(screen.getByTestId('negative-btn')).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should prioritize "positive" when both "positive" and "negative" are set to clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(ResponseActions, { actions: {
-                positive: { 'data-testid': 'positive-btn', onClick: jest.fn(), isClicked: true },
-                negative: { 'data-testid': 'negative-btn', onClick: jest.fn(), isClicked: true }
-            } }));
-        // Positive button should take precendence
-        expect(screen.getByTestId('positive-btn')).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(screen.getByTestId('negative-btn')).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should set an additional action button as active if it is initially clicked and no predefined are clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        const [additionalActions] = CUSTOM_ACTIONS;
-        const customActions = Object.assign({ positive: { 'data-testid': 'positive', onClick: jest.fn(), isClicked: false }, negative: { 'data-testid': 'negative', onClick: jest.fn(), isClicked: false } }, Object.keys(additionalActions).reduce((acc, actionKey) => {
-            acc[actionKey] = Object.assign(Object.assign({}, additionalActions[actionKey]), { 'data-testid': actionKey, isClicked: actionKey === 'regenerate' });
-            return acc;
-        }, {}));
-        render(_jsx(ResponseActions, { actions: customActions }));
-        Object.keys(customActions).forEach((actionKey) => {
-            if (actionKey === 'regenerate') {
-                expect(screen.getByTestId(actionKey)).toHaveClass('pf-chatbot__button--response-action-clicked');
-            }
-            else {
-                // Other actions should not have clicked class
-                expect(screen.getByTestId(actionKey)).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-            }
-        });
-    }));
-    it('should activate the clicked button and deactivate any previously active button', () => __awaiter(void 0, void 0, void 0, function* () {
-        const actions = {
-            positive: { 'data-testid': 'positive', onClick: jest.fn(), isClicked: false },
-            negative: { 'data-testid': 'negative', onClick: jest.fn(), isClicked: true }
-        };
-        render(_jsx(ResponseActions, { actions: actions }));
-        const negativeBtn = screen.getByTestId('negative');
-        const positiveBtn = screen.getByTestId('positive');
-        // negative button is initially clicked
-        expect(negativeBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(positiveBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.click(positiveBtn);
-        // positive button should now have the clicked class
-        expect(positiveBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
-        expect(negativeBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should render buttons correctly', () => {
-        ALL_ACTIONS.forEach(({ type, label }) => {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn() } } }));
-            expect(screen.getByRole('button', { name: label })).toBeTruthy();
-        });
-    });
-    it('should be able to call onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        for (const { type, label } of ALL_ACTIONS) {
-            const spy = jest.fn();
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: spy } } }));
-            yield userEvent.click(screen.getByRole('button', { name: label }));
-            expect(spy).toHaveBeenCalledTimes(1);
-        }
-    }));
-    it('should swap clicked and non-clicked aria labels on click', () => __awaiter(void 0, void 0, void 0, function* () {
-        for (const { type, label, clickedLabel } of ALL_ACTIONS) {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn() } } }));
-            expect(screen.getByRole('button', { name: label })).toBeTruthy();
-            yield userEvent.click(screen.getByRole('button', { name: label }));
-            expect(screen.getByRole('button', { name: clickedLabel })).toBeTruthy();
-        }
-    }));
-    it('should swap clicked and non-clicked tooltips on click', () => __awaiter(void 0, void 0, void 0, function* () {
-        for (const { type, label, clickedLabel } of ALL_ACTIONS) {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn() } } }));
-            expect(screen.getByRole('button', { name: label })).toBeTruthy();
-            yield userEvent.click(screen.getByRole('button', { name: label }));
-            expect(screen.getByRole('tooltip', { name: clickedLabel })).toBeTruthy();
-        }
-    }));
-    it('should be able to change aria labels', () => {
-        const actions = [
-            { type: 'positive', ariaLabel: 'Thumbs up' },
-            { type: 'negative', ariaLabel: 'Thumbs down' },
-            { type: 'copy', ariaLabel: 'Copy the message' },
-            { type: 'edit', ariaLabel: 'Edit this message' },
-            { type: 'share', ariaLabel: 'Share it with friends' },
-            { type: 'download', ariaLabel: 'Download your cool message' },
-            { type: 'listen', ariaLabel: 'Listen up' }
-        ];
-        actions.forEach(({ type, ariaLabel }) => {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn(), ariaLabel } } }));
-            expect(screen.getByRole('button', { name: ariaLabel })).toBeTruthy();
-        });
-    });
-    it('should be able to disable buttons', () => {
-        ALL_ACTIONS.forEach(({ type, label }) => {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn(), isDisabled: true } } }));
-            expect(screen.getByRole('button', { name: label })).toBeDisabled();
-        });
-    });
-    it('should be able to add class to buttons', () => {
-        ALL_ACTIONS.forEach(({ type, label }) => {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn(), className: 'test' } } }));
-            expect(screen.getByRole('button', { name: label })).toHaveClass('test');
-        });
-    });
-    it('should be able to add custom attributes to buttons', () => {
-        ALL_ACTIONS_DATA_TEST.forEach(({ type, dataTestId }) => {
-            render(_jsx(ResponseActions, { actions: { [type]: { onClick: jest.fn(), 'data-testid': dataTestId } } }));
-            expect(screen.getByTestId(dataTestId)).toBeTruthy();
-        });
-    });
-    it('should be able to add custom actions', () => {
-        CUSTOM_ACTIONS.forEach((action) => {
-            const key = Object.keys(action)[0];
-            render(_jsx(ResponseActions, { actions: {
-                    [key]: {
-                        tooltipContent: action[key].tooltipContent,
-                        onClick: action[key].onClick,
-                        // doing this just because it's easier to test without a regex for the button name
-                        ariaLabel: action[key].ariaLabel.toLowerCase(),
-                        icon: action[key].icon,
-                        'data-testid': action[key]
-                    }
-                } }));
-            expect(screen.getByRole('button', { name: key })).toBeTruthy();
-            expect(screen.getByTestId(action[key])).toBeTruthy();
-        });
-    });
-    // we are testing for the reverse case already above
-    it('should not deselect when clicking outside when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(Message, { name: "Bot", role: "bot", avatar: "", content: "Test content", actions: {
-                positive: {},
-                negative: {}
-            }, persistActionSelection: true }));
-        const goodBtn = screen.getByRole('button', { name: 'Good response' });
-        yield userEvent.click(goodBtn);
-        expect(screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.click(screen.getByText('Test content'));
-        expect(screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should switch selection to another button when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(Message, { name: "Bot", role: "bot", avatar: "", content: "Test content", actions: {
-                positive: {},
-                negative: {}
-            }, persistActionSelection: true }));
-        const goodBtn = screen.getByRole('button', { name: 'Good response' });
-        const badBtn = screen.getByRole('button', { name: 'Bad response' });
-        yield userEvent.click(goodBtn);
-        expect(goodBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.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', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(Message, { name: "Bot", role: "bot", avatar: "", content: "Test content", actions: {
-                positive: {},
-                negative: {}
-            }, persistActionSelection: true }));
-        const goodBtn = screen.getByRole('button', { name: 'Good response' });
-        yield userEvent.click(goodBtn);
-        expect(goodBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.click(goodBtn);
-        expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should work with custom actions when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
-        const actions = {
-            positive: { 'data-testid': 'positive', onClick: jest.fn() },
-            negative: { 'data-testid': 'negative', onClick: jest.fn() },
-            custom: {
-                'data-testid': 'custom',
-                onClick: jest.fn(),
-                ariaLabel: 'Custom',
-                tooltipContent: 'Custom action',
-                icon: _jsx(RhUiExportIcon, {})
-            }
-        };
-        render(_jsx(ResponseActions, { actions: actions, persistActionSelection: true }));
-        const customBtn = screen.getByTestId('custom');
-        yield userEvent.click(customBtn);
-        expect(customBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield userEvent.click(customBtn);
-        expect(customBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-    }));
-    it('should apply pf-m-visible-interaction class when showActionsOnInteraction is true', () => {
-        render(_jsx(ResponseActions, { "data-testid": "test-id", actions: {
-                positive: { onClick: jest.fn() },
-                negative: { onClick: jest.fn() }
-            }, showActionsOnInteraction: true }));
-        expect(screen.getByTestId('test-id')).toHaveClass('pf-m-visible-interaction');
-    });
-    it('should not apply pf-m-visible-interaction class when showActionsOnInteraction is false', () => {
-        render(_jsx(ResponseActions, { "data-testid": "test-id", actions: {
-                positive: { onClick: jest.fn() },
-                negative: { onClick: jest.fn() }
-            }, showActionsOnInteraction: false }));
-        expect(screen.getByTestId('test-id')).not.toHaveClass('pf-m-visible-interaction');
-    });
-    it('should not apply pf-m-visible-interaction class by default', () => {
-        render(_jsx(ResponseActions, { "data-testid": "test-id", actions: {
-                positive: { onClick: jest.fn() },
-                negative: { onClick: jest.fn() }
-            } }));
-        expect(screen.getByTestId('test-id')).not.toHaveClass('pf-m-visible-interaction');
-    });
-    it('should render with custom className', () => {
-        render(_jsx(ResponseActions, { "data-testid": "test-id", actions: {
-                positive: { onClick: jest.fn() },
-                negative: { onClick: jest.fn() }
-            }, className: "custom-class" }));
-        expect(screen.getByTestId('test-id')).toHaveClass('custom-class');
-    });
-    describe('icon swapping with useFilledIconsOnClick', () => {
-        it('should render outline icons by default', () => {
-            render(_jsx(ResponseActions, { actions: {
-                    positive: { onClick: jest.fn() },
-                    negative: { onClick: jest.fn() }
-                } }));
-            expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
-            expect(screen.getByText('RhUiDislikeIcon')).toBeInTheDocument();
-            expect(screen.queryByText('RhUiLikeFillIcon')).not.toBeInTheDocument();
-            expect(screen.queryByText('RhUiDislikeFillIcon')).not.toBeInTheDocument();
-        });
-        describe('positive actions', () => {
-            it('should not swap positive icon when clicked and useFilledIconsOnClick is false', () => __awaiter(void 0, void 0, void 0, function* () {
-                const user = userEvent.setup();
-                render(_jsx(ResponseActions, { actions: {
-                        positive: { onClick: jest.fn() }
-                    }, useFilledIconsOnClick: false }));
-                yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
-                expect(screen.queryByText('RhUiLikeFillIcon')).not.toBeInTheDocument();
-            }));
-            it('should swap positive icon from outline to filled when clicked with useFilledIconsOnClick', () => __awaiter(void 0, void 0, void 0, function* () {
-                const user = userEvent.setup();
-                render(_jsx(ResponseActions, { actions: {
-                        positive: { onClick: jest.fn() }
-                    }, useFilledIconsOnClick: true }));
-                yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
-                expect(screen.queryByText('RhUiLikeIcon')).not.toBeInTheDocument();
-            }));
-            it('should revert positive icon to outline icon when clicking outside', () => __awaiter(void 0, void 0, void 0, function* () {
-                const user = userEvent.setup();
-                render(_jsxs("div", { children: [_jsx(ResponseActions, { actions: {
-                                positive: { onClick: jest.fn() }
-                            }, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
-                yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
-                yield user.click(screen.getByTestId('outside'));
-                expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
-            }));
-            it('should not revert positive icon to outline icon when clicking outside if persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
-                const user = userEvent.setup();
-                render(_jsxs("div", { children: [_jsx(ResponseActions, { actions: {
-                                positive: { onClick: jest.fn() }
-                            }, persistActionSelection: true, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
-                yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
-                yield user.click(screen.getByTestId('outside'));
-                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
-            }));
-            describe('negative actions', () => {
-                it('should not swap negative icon when clicked and useFilledIconsOnClick is false', () => __awaiter(void 0, void 0, void 0, function* () {
-                    const user = userEvent.setup();
-                    render(_jsx(ResponseActions, { actions: {
-                            negative: { onClick: jest.fn() }
-                        }, useFilledIconsOnClick: false }));
-                    yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('RhUiDislikeIcon')).toBeInTheDocument();
-                    expect(screen.queryByText('RhUiDislikeFillIcon')).not.toBeInTheDocument();
-                }));
-                it('should swap negative icon from outline to filled when clicked with useFilledIconsOnClick', () => __awaiter(void 0, void 0, void 0, function* () {
-                    const user = userEvent.setup();
-                    render(_jsx(ResponseActions, { actions: {
-                            negative: { onClick: jest.fn() }
-                        }, useFilledIconsOnClick: true }));
-                    yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
-                    expect(screen.queryByText('RhUiDislikeIcon')).not.toBeInTheDocument();
-                }));
-                it('should revert negative icon to outline when clicking outside', () => __awaiter(void 0, void 0, void 0, function* () {
-                    const user = userEvent.setup();
-                    render(_jsxs("div", { children: [_jsx(ResponseActions, { actions: {
-                                    negative: { onClick: jest.fn() }
-                                }, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
-                    yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
-                    yield user.click(screen.getByTestId('outside'));
-                    expect(screen.getByText('RhUiDislikeIcon')).toBeInTheDocument();
-                }));
-                it('should not revert negative icon to outline icon when clicking outside if persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
-                    const user = userEvent.setup();
-                    render(_jsxs("div", { children: [_jsx(ResponseActions, { actions: {
-                                    negative: { onClick: jest.fn() }
-                                }, persistActionSelection: true, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
-                    yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
-                    yield user.click(screen.getByTestId('outside'));
-                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
-                }));
-            });
-        });
-    });
-});

package/dist/esm/ResponseActions/ResponseActionsGroups.test.d.ts

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

package/dist/esm/ResponseActions/ResponseActionsGroups.test.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import ResponseActionsGroups from './ResponseActionsGroups';
-test('Renders with children', () => {
-    render(_jsx(ResponseActionsGroups, { children: "Test content" }));
-    expect(screen.getByText('Test content')).toBeInTheDocument();
-});
-test('Renders with pf-chatbot__response-actions-groups class by default', () => {
-    render(_jsx(ResponseActionsGroups, { children: "Test content" }));
-    expect(screen.getByText('Test content')).toHaveClass('pf-chatbot__response-actions-groups', { exact: true });
-});
-test('Renders with custom className', () => {
-    render(_jsx(ResponseActionsGroups, { className: "custom-class", children: "Test content" }));
-    expect(screen.getByText('Test content')).toHaveClass('custom-class');
-});
-test('Spreads additional props', () => {
-    render(_jsx(ResponseActionsGroups, { id: "test-id", children: "Test content" }));
-    expect(screen.getByText('Test content')).toHaveAttribute('id', 'test-id');
-});

package/dist/esm/Settings/SettingsForm.test.d.ts

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

package/dist/esm/Settings/SettingsForm.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@patternfly/react-core';
-import { render, screen } from '@testing-library/react';
-import { SettingsForm } from './SettingsForm';
-import '@testing-library/jest-dom';
-describe('SettingsForm', () => {
-    it('should render settingsForm with custom classname', () => {
-        const { container } = render(_jsx(SettingsForm, { className: "custom-settings" }));
-        expect(container.querySelector('.custom-settings')).toBeTruthy();
-    });
-    it('should render settingsForm with fields', () => {
-        const fields = [
-            {
-                id: 'archived-chat',
-                label: 'Archive chat',
-                field: (_jsx(Button, { id: "archived-chat", variant: "secondary", children: "Archive chat" }))
-            }
-        ];
-        render(_jsx(SettingsForm, { fields: fields }));
-        expect(screen.getByRole('button', { name: 'Archive chat' })).toBeTruthy();
-    });
-    it('should render settingsForm with isCompact', () => {
-        const fields = [
-            {
-                id: 'archived-chat',
-                label: 'Archive chat',
-                field: (_jsx(Button, { id: "archived-chat", variant: "secondary", children: "Archive chat" }))
-            }
-        ];
-        render(_jsx(SettingsForm, { "data-testid": "settings-form", fields: fields, isCompact: true }));
-        expect(screen.getByTestId('settings-form')).toHaveClass('pf-m-compact');
-    });
-});

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

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

package/dist/esm/SourcesCard/SourcesCard.test.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import SourcesCard from './SourcesCard';
-describe('SourcesCard', () => {
-    it('should render sources correctly if one source is passed in', () => {
-        render(_jsx(SourcesCard, { sources: [{ title: 'How to make an apple pie', link: '' }] }));
-        expect(screen.getByText('1 source')).toBeTruthy();
-        expect(screen.getByText('How to make an apple pie')).toBeTruthy();
-    });
-    it('should render sources correctly when there is more than one', () => {
-        render(_jsx(SourcesCard, { sources: [
-                { title: 'How to make an apple pie', link: '' },
-                { title: 'How to make cookies', link: '' }
-            ] }));
-        expect(screen.getByText('2 sources')).toBeTruthy();
-        expect(screen.getByText('How to make an apple pie')).toBeTruthy();
-        expect(screen.getByText('1/2')).toBeTruthy();
-        screen.getByRole('button', { name: /Go to previous page/i });
-        screen.getByRole('button', { name: /Go to next page/i });
-    });
-    it('should render with wrap layout when layout is set to wrap', () => {
-        render(_jsx(SourcesCard, { layout: "wrap", sources: [
-                { title: 'How to make an apple pie', link: '' },
-                { title: 'How to make cookies', link: '' },
-                { title: 'How to make a sandwich', link: '' }
-            ] }));
-        expect(screen.getByText('How to make an apple pie')).toBeVisible();
-        expect(screen.getByText('How to make cookies')).toBeVisible();
-        expect(screen.getByText('How to make a sandwich')).toBeVisible();
-        expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
-        expect(screen.queryByText('1/3')).not.toBeInTheDocument();
-    });
-});

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

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