@patternfly/chatbot 6.3.0-prerelease.10 → 6.3.0-prerelease.12

package/dist/esm/MessageBar/AttachButton.test.js

@@ -15,11 +15,11 @@ import { AttachButton } from './AttachButton';
 describe('Attach button', () => {
     it('should render button correctly', () => {
         render(React.createElement(AttachButton, null));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
     });
     it('should handle isDisabled prop', () => {
         render(React.createElement(AttachButton, { isDisabled: true }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeDisabled();
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeDisabled();
     });
     it('should handle spread props, including aria-label', () => {
         render(React.createElement(AttachButton, { "aria-label": "test" }));
@@ -28,22 +28,22 @@ describe('Attach button', () => {
     it('should handle onClick', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(AttachButton, { onClick: spy }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(screen.getByRole('tooltip', { name: 'Attach' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle className prop', () => {
         render(React.createElement(AttachButton, { className: "test" }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toHaveClass('test');
+        expect(screen.getByRole('button', { name: 'Attach' })).toHaveClass('test');
     });
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(AttachButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(AttachButton, { tooltipProps: { id: 'test' } }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(screen.getByRole('tooltip', { name: 'Attach' })).toHaveAttribute('id', 'test');
     }));
     // Based on this because I had no idea how to do this and was looking around: https://stackoverflow.com/a/75562651
@@ -51,7 +51,7 @@ describe('Attach button', () => {
     it('should handle onAttachAccepted prop', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(AttachButton, { onAttachAccepted: spy, inputTestId: "input" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         const file = new File(['test'], 'test.json');
         const input = screen.getByTestId('input');
         yield userEvent.upload(input, file);

package/dist/esm/MessageBar/MessageBar.test.js

@@ -48,9 +48,9 @@ describe('Message bar', () => {
     });
     it('should render correctly', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
-        expect(screen.queryByRole('button', { name: 'Send button' })).toBeFalsy();
-        expect(screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
+        expect(screen.queryByRole('button', { name: 'Send' })).toBeFalsy();
+        expect(screen.queryByRole('button', { name: 'Use microphone' })).toBeFalsy();
         expect(screen.getByRole('textbox', { name: /Send a message.../i })).toBeTruthy();
     });
     it('can send via enter key', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -84,15 +84,15 @@ describe('Message bar', () => {
         const input = screen.getByRole('textbox', { name: /Send a message.../i });
         yield userEvent.type(input, 'Hello world');
         expect(input).toHaveTextContent('Hello world');
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeTruthy();
     }));
     it('can disable send button shown when text is input', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, isSendButtonDisabled: true }));
         const input = screen.getByRole('textbox', { name: /Send a message.../i });
         yield userEvent.type(input, 'Hello world');
         expect(input).toHaveTextContent('Hello world');
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeDisabled();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeDisabled();
     }));
     it('can click send button', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
@@ -100,24 +100,24 @@ describe('Message bar', () => {
         const input = screen.getByRole('textbox', { name: /Send a message.../i });
         yield userEvent.type(input, 'Hello world');
         expect(input).toHaveTextContent('Hello world');
-        const sendButton = screen.getByRole('button', { name: 'Send button' });
+        const sendButton = screen.getByRole('button', { name: 'Send' });
         expect(sendButton).toBeTruthy();
         yield userEvent.click(sendButton);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('can always show send button', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, alwayShowSendButton: true }));
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeEnabled();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeEnabled();
     });
     it('can disable send button if always showing', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, alwayShowSendButton: true, isSendButtonDisabled: true }));
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeDisabled();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeDisabled();
     });
     it('can handle buttonProps tooltipContent  appropriately for send', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, alwayShowSendButton: true, buttonProps: { send: { tooltipContent: 'Test' } } }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Send button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Send' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('can handle buttonProps props appropriately for send', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -158,30 +158,30 @@ describe('Message bar', () => {
         expect(screen.queryByRole('menuitem', { name: /Logs/i })).toBeFalsy();
         expect(screen.queryByRole('menuitem', { name: /YAML - Status/i })).toBeFalsy();
         expect(screen.queryByRole('menuitem', { name: /YAML - All contents/i })).toBeFalsy();
-        const attachButton = screen.getByRole('button', { name: 'Attach button' });
+        const attachButton = screen.getByRole('button', { name: 'Attach' });
         yield userEvent.click(attachButton);
         expect(attachToggleClickSpy).toHaveBeenCalledTimes(1);
     }));
     it('can hide attach button', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasAttachButton: false }));
-        expect(screen.queryByRole('button', { name: 'Attach button' })).toBeFalsy();
+        expect(screen.queryByRole('button', { name: 'Attach' })).toBeFalsy();
     });
     // Based on this because I had no idea how to do this and was looking around: https://stackoverflow.com/a/75562651
     // See also https://developer.mozilla.org/en-US/docs/Web/API/File/File for what that file variable is doing
     it('can handle handleAttach', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasAttachButton: true, handleAttach: spy, buttonProps: { attach: { inputTestId: 'input' } } }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         const file = new File(['test'], 'test.json');
         const input = screen.getByTestId('input');
         yield userEvent.upload(input, file);
         expect(input.files).toHaveLength(1);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
-    it('can handle buttonProps tooltipContent  appropriately for attach', () => __awaiter(void 0, void 0, void 0, function* () {
+    it('can handle buttonProps tooltipContent appropriately for attach', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasAttachButton: true, buttonProps: { attach: { tooltipContent: 'Test' } } }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('can handle buttonProps props appropriately for attach', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -192,17 +192,17 @@ describe('Message bar', () => {
     // --------------------------------------------------------------------------
     it('can show stop button', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasStopButton: true, handleStopButton: jest.fn }));
-        expect(screen.getByRole('button', { name: 'Stop button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Stop' })).toBeTruthy();
     });
     it('can call handleStopButton', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasStopButton: true, handleStopButton: spy }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Stop button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Stop' }));
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('can handle buttonProps tooltipContent appropriately for stop', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasStopButton: true, handleStopButton: jest.fn, buttonProps: { stop: { tooltipContent: 'Test' } } }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Stop button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Stop' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('can handle buttonProps props appropriately for stop', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -213,27 +213,27 @@ describe('Message bar', () => {
     // --------------------------------------------------------------------------
     it('can hide microphone button when window.SpeechRecognition is not there', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true }));
-        expect(screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
+        expect(screen.queryByRole('button', { name: 'Use microphone' })).toBeFalsy();
     });
     it('can show microphone button', () => {
         mockSpeechRecognition();
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true }));
-        expect(screen.getByRole('button', { name: 'Microphone button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Use microphone' })).toBeTruthy();
     });
     it('can handle buttonProps appropriately for microphone', () => __awaiter(void 0, void 0, void 0, function* () {
         mockSpeechRecognition();
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true, buttonProps: {
                 microphone: { tooltipContent: { active: 'Currently listening', inactive: 'Not currently listening' } }
             } }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Microphone button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Use microphone' }));
         expect(screen.getByRole('tooltip', { name: 'Currently listening' })).toBeTruthy();
-        yield userEvent.click(screen.getByRole('button', { name: 'Microphone button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Stop listening' }));
         expect(screen.getByRole('tooltip', { name: 'Not currently listening' })).toBeTruthy();
     }));
     it('can customize the listening placeholder', () => __awaiter(void 0, void 0, void 0, function* () {
         mockSpeechRecognition();
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true, listeningText: "I am listening" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Microphone button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Use microphone' }));
         const input = screen.getByRole('textbox', { name: /I am listening/i });
         expect(input).toBeTruthy();
     }));
@@ -244,9 +244,9 @@ describe('Message bar', () => {
     }));
     it('can be controlled', () => {
         render(React.createElement(MessageBar, { onSendMessage: jest.fn, value: "test" }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(screen.queryByRole('button', { name: 'Use microphone' })).toBeFalsy();
         expect(screen.getByRole('textbox', { name: /Send a message.../i })).toBeTruthy();
         expect(screen.getByRole('textbox', { name: /Send a message.../i })).toHaveValue('test');
     });

package/dist/esm/MessageBar/MicrophoneButton.js

@@ -63,7 +63,7 @@ export const MicrophoneButton = (_a) => {
         return null;
     }
     return (React.createElement(Tooltip, Object.assign({ aria: "none", "aria-live": "polite", id: "pf-chatbot__tooltip--use-microphone", content: isListening ? tooltipContent.active : tooltipContent.inactive, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0 }, tooltipProps),
-        React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--microphone ${isListening ? 'pf-chatbot__button--microphone--active' : ''} ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Microphone button', onClick: isListening ? stopListening : startListening, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+        React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--microphone ${isListening ? 'pf-chatbot__button--microphone--active' : ''} ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || (isListening ? 'Stop listening' : 'Use microphone'), "aria-pressed": isListening, onClick: isListening ? stopListening : startListening, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                 React.createElement(MicrophoneIcon, null)), size: isCompact ? 'sm' : undefined }, props))));
 };
 export default MicrophoneButton;

package/dist/esm/MessageBar/SendButton.js

@@ -21,7 +21,7 @@ export const SendButton = (_a) => {
     return (React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
         // prevents VO announcements of both aria label and tooltip
         aria: "none" }, tooltipProps),
-        React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send button', onClick: onClick, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+        React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send', onClick: onClick, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                 React.createElement(PaperPlaneIcon, null)), size: isCompact ? 'sm' : undefined }, props))));
 };
 export default SendButton;

package/dist/esm/MessageBar/SendButton.test.js

@@ -19,23 +19,23 @@ const renderSend = (props) => {
 describe('Send button', () => {
     it('should render button correctly', () => {
         renderSend();
-        expect(screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Send' })).toBeTruthy();
     });
     it('should handle onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(SendButton, { onClick: spy }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Send button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Send' }));
         expect(screen.getByRole('tooltip', { name: 'Send' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(SendButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Send button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Send' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle className prop', () => {
         renderSend({ className: 'test' });
-        expect(screen.getByRole('button', { name: 'Send button' })).toHaveClass('test');
+        expect(screen.getByRole('button', { name: 'Send' })).toHaveClass('test');
     });
     it('should handle spread props, including aria-label', () => {
         renderSend({ 'aria-label': 'test' });
@@ -43,7 +43,7 @@ describe('Send button', () => {
     });
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         renderSend({ tooltipProps: { id: 'test' } });
-        yield userEvent.click(screen.getByRole('button', { name: 'Send button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Send' }));
         expect(screen.getByRole('tooltip', { name: 'Send' })).toHaveAttribute('id', 'test');
     }));
     it('should handle isCompact', () => {

package/dist/esm/MessageBar/StopButton.js

@@ -20,7 +20,7 @@ export const StopButton = (_a) => {
     return (React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--stop", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
         // prevents VO announcements of both aria label and tooltip
         aria: "none" }, tooltipProps),
-        React.createElement(Button, Object.assign({ className: `pf-chatbot__button--stop ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop button', onClick: onClick, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+        React.createElement(Button, Object.assign({ className: `pf-chatbot__button--stop ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop', onClick: onClick, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                 React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
                     React.createElement("path", { d: "M0.5 3C0.5 1.62109 1.62109 0.5 3 0.5H13C14.3789 0.5 15.5 1.62109 15.5 3V13C15.5 14.3789 14.3789 15.5 13 15.5H3C1.62109 15.5 0.5 14.3789 0.5 13V3Z", fill: "currentColor" }))), size: isCompact ? 'sm' : undefined }, props))));
 };

package/dist/esm/MessageBar/StopButton.test.js

@@ -19,23 +19,23 @@ const renderStop = (props) => {
 describe('Stop button', () => {
     it('should render button correctly', () => {
         renderStop();
-        expect(screen.getByRole('button', { name: 'Stop button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Stop' })).toBeTruthy();
     });
     it('should handle onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(StopButton, { onClick: spy }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Stop button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Stop' }));
         expect(screen.getByRole('tooltip', { name: 'Stop' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(StopButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Stop button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Stop' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle className prop', () => {
         renderStop({ className: 'test' });
-        expect(screen.getByRole('button', { name: 'Stop button' })).toHaveClass('test');
+        expect(screen.getByRole('button', { name: 'Stop' })).toHaveClass('test');
     });
     it('should handle spread props, including aria-label', () => {
         renderStop({ 'aria-label': 'test' });
@@ -43,7 +43,7 @@ describe('Stop button', () => {
     });
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         renderStop({ tooltipProps: { id: 'test' } });
-        yield userEvent.click(screen.getByRole('button', { name: 'Stop button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Stop' }));
         expect(screen.getByRole('tooltip', { name: 'Stop' })).toHaveAttribute('id', 'test');
     }));
     it('should handle isCompact', () => {

package/dist/esm/MessageBox/JumpButton.js

@@ -7,6 +7,6 @@ import { Button, Tooltip, Icon } from '@patternfly/react-core';
 import { ArrowUpIcon } from '@patternfly/react-icons/dist/esm/icons/arrow-up-icon';
 import { ArrowDownIcon } from '@patternfly/react-icons/dist/esm/icons/arrow-down-icon';
 const JumpButton = ({ position, isHidden, onClick }) => isHidden ? null : (React.createElement(Tooltip, { id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" },
-    React.createElement(Button, { variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Jump ${position} button`, onClick: onClick },
+    React.createElement(Button, { variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Jump ${position}`, onClick: onClick },
         React.createElement(Icon, { iconSize: "lg", isInline: true }, position === 'top' ? React.createElement(ArrowUpIcon, null) : React.createElement(ArrowDownIcon, null)))));
 export default JumpButton;

package/dist/esm/MessageBox/JumpButton.test.js

@@ -15,20 +15,20 @@ import userEvent from '@testing-library/user-event';
 describe('JumpButton', () => {
     it('should render top button correctly', () => {
         render(React.createElement(JumpButton, { position: "top", onClick: jest.fn() }));
-        expect(screen.getByRole('button', { name: /Jump top button/i })).toBeTruthy();
+        expect(screen.getByRole('button', { name: /Jump top/i })).toBeTruthy();
     });
     it('should render bottom button correctly', () => {
         render(React.createElement(JumpButton, { position: "bottom", onClick: jest.fn() }));
-        expect(screen.getByRole('button', { name: /Jump bottom button/i })).toBeTruthy();
+        expect(screen.getByRole('button', { name: /Jump bottom/i })).toBeTruthy();
     });
     it('should call onClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(JumpButton, { position: "bottom", onClick: spy }));
-        yield userEvent.click(screen.getByRole('button', { name: /Jump bottom button/i }));
+        yield userEvent.click(screen.getByRole('button', { name: /Jump bottom/i }));
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should be hidden if isHidden prop is used', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(JumpButton, { position: "bottom", onClick: jest.fn(), isHidden: true }));
-        expect(screen.queryByRole('button', { name: /Jump bottom button/i })).toBeFalsy();
+        expect(screen.queryByRole('button', { name: /Jump bottom/i })).toBeFalsy();
     }));
 });

package/dist/esm/MessageBox/MessageBox.test.js

@@ -35,7 +35,7 @@ describe('MessageBox', () => {
         Object.defineProperty(region, 'scrollTop', { configurable: true, value: 0 });
         region.dispatchEvent(new Event('scroll'));
         yield waitFor(() => {
-            userEvent.click(screen.getByRole('button', { name: /Jump bottom button/i }));
+            userEvent.click(screen.getByRole('button', { name: /Jump bottom/i }));
             expect(spy).toHaveBeenCalled();
         });
     }));
@@ -53,7 +53,7 @@ describe('MessageBox', () => {
         });
         region.dispatchEvent(new Event('scroll'));
         yield waitFor(() => {
-            userEvent.click(screen.getByRole('button', { name: /Jump top button/i }));
+            userEvent.click(screen.getByRole('button', { name: /Jump top/i }));
             expect(spy).toHaveBeenCalled();
         });
     }));

package/dist/esm/ResponseActions/ResponseActionButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TooltipProps } from '@patternfly/react-core';
-export interface ResponseActionButtonProps {
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface ResponseActionButtonProps extends ButtonProps {
     /** Aria-label for the button. Defaults to the value of the tooltipContent if none provided */
     ariaLabel?: string;
     /** Aria-label for the button, shown when the button is clicked. Defaults to the value of ariaLabel or tooltipContent if not provided. */

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

@@ -26,9 +26,12 @@ export interface ActionProps extends Omit<ButtonProps, 'ref'> {
     /** Id for content controlled by the button, such as the feedback form */
     'aria-controls'?: string;
 }
+type ExtendedActionProps = ActionProps & {
+    [key: string]: any;
+};
 export interface ResponseActionProps {
     /** Props for message actions, such as feedback (positive or negative), copy button, share, and listen */
-    actions: Record<string, ActionProps | undefined> & {
+    actions: Record<string, ExtendedActionProps | undefined> & {
         positive?: ActionProps;
         negative?: ActionProps;
         copy?: ActionProps;

package/dist/esm/ResponseActions/ResponseActions.js

@@ -33,14 +33,14 @@ export const ResponseActions = ({ actions }) => {
         onClick && onClick(e);
     };
     return (React.createElement("div", { ref: responseActions, className: "pf-chatbot__response-actions" },
-        positive && (React.createElement(ResponseActionButton, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', clickedAriaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_c = positive.tooltipContent) !== null && _c !== void 0 ? _c : 'Good response', clickedTooltipContent: (_d = positive.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', tooltipProps: positive.tooltipProps, icon: React.createElement(OutlinedThumbsUpIcon, null), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] })),
-        negative && (React.createElement(ResponseActionButton, { ariaLabel: (_e = negative.ariaLabel) !== null && _e !== void 0 ? _e : 'Bad response', clickedAriaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_g = negative.tooltipContent) !== null && _g !== void 0 ? _g : 'Bad response', clickedTooltipContent: (_h = negative.clickedTooltipContent) !== null && _h !== void 0 ? _h : 'Response recorded', tooltipProps: negative.tooltipProps, icon: React.createElement(OutlinedThumbsDownIcon, null), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] })),
-        copy && (React.createElement(ResponseActionButton, { ariaLabel: (_j = copy.ariaLabel) !== null && _j !== void 0 ? _j : 'Copy', clickedAriaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_l = copy.tooltipContent) !== null && _l !== void 0 ? _l : 'Copy', clickedTooltipContent: (_m = copy.clickedTooltipContent) !== null && _m !== void 0 ? _m : 'Copied', tooltipProps: copy.tooltipProps, icon: React.createElement(OutlinedCopyIcon, null), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] })),
-        share && (React.createElement(ResponseActionButton, { ariaLabel: (_o = share.ariaLabel) !== null && _o !== void 0 ? _o : 'Share', clickedAriaLabel: (_p = share.ariaLabel) !== null && _p !== void 0 ? _p : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_q = share.tooltipContent) !== null && _q !== void 0 ? _q : 'Share', clickedTooltipContent: (_r = share.clickedTooltipContent) !== null && _r !== void 0 ? _r : 'Shared', tooltipProps: share.tooltipProps, icon: React.createElement(ExternalLinkAltIcon, null), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] })),
-        listen && (React.createElement(ResponseActionButton, { ariaLabel: (_s = listen.ariaLabel) !== null && _s !== void 0 ? _s : 'Listen', clickedAriaLabel: (_t = listen.ariaLabel) !== null && _t !== void 0 ? _t : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_u = listen.tooltipContent) !== null && _u !== void 0 ? _u : 'Listen', clickedTooltipContent: (_v = listen.clickedTooltipContent) !== null && _v !== void 0 ? _v : 'Listening', tooltipProps: listen.tooltipProps, icon: React.createElement(VolumeUpIcon, null), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] })),
+        positive && (React.createElement(ResponseActionButton, Object.assign({}, positive, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', clickedAriaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_c = positive.tooltipContent) !== null && _c !== void 0 ? _c : 'Good response', clickedTooltipContent: (_d = positive.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', tooltipProps: positive.tooltipProps, icon: React.createElement(OutlinedThumbsUpIcon, null), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] }))),
+        negative && (React.createElement(ResponseActionButton, Object.assign({}, negative, { ariaLabel: (_e = negative.ariaLabel) !== null && _e !== void 0 ? _e : 'Bad response', clickedAriaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_g = negative.tooltipContent) !== null && _g !== void 0 ? _g : 'Bad response', clickedTooltipContent: (_h = negative.clickedTooltipContent) !== null && _h !== void 0 ? _h : 'Response recorded', tooltipProps: negative.tooltipProps, icon: React.createElement(OutlinedThumbsDownIcon, null), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] }))),
+        copy && (React.createElement(ResponseActionButton, Object.assign({}, copy, { ariaLabel: (_j = copy.ariaLabel) !== null && _j !== void 0 ? _j : 'Copy', clickedAriaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_l = copy.tooltipContent) !== null && _l !== void 0 ? _l : 'Copy', clickedTooltipContent: (_m = copy.clickedTooltipContent) !== null && _m !== void 0 ? _m : 'Copied', tooltipProps: copy.tooltipProps, icon: React.createElement(OutlinedCopyIcon, null), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] }))),
+        share && (React.createElement(ResponseActionButton, Object.assign({}, share, { ariaLabel: (_o = share.ariaLabel) !== null && _o !== void 0 ? _o : 'Share', clickedAriaLabel: (_p = share.ariaLabel) !== null && _p !== void 0 ? _p : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_q = share.tooltipContent) !== null && _q !== void 0 ? _q : 'Share', clickedTooltipContent: (_r = share.clickedTooltipContent) !== null && _r !== void 0 ? _r : 'Shared', tooltipProps: share.tooltipProps, icon: React.createElement(ExternalLinkAltIcon, null), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] }))),
+        listen && (React.createElement(ResponseActionButton, Object.assign({}, listen, { ariaLabel: (_s = listen.ariaLabel) !== null && _s !== void 0 ? _s : 'Listen', clickedAriaLabel: (_t = listen.ariaLabel) !== null && _t !== void 0 ? _t : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_u = listen.tooltipContent) !== null && _u !== void 0 ? _u : 'Listen', clickedTooltipContent: (_v = listen.clickedTooltipContent) !== null && _v !== void 0 ? _v : 'Listening', tooltipProps: listen.tooltipProps, icon: React.createElement(VolumeUpIcon, null), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] }))),
         Object.keys(additionalActions).map((action) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            return (React.createElement(ResponseActionButton, { key: action, ariaLabel: (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.ariaLabel, clickedAriaLabel: (_b = additionalActions[action]) === null || _b === void 0 ? void 0 : _b.clickedAriaLabel, onClick: (e) => { var _a; return handleClick(e, action, (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.onClick); }, className: (_c = additionalActions[action]) === null || _c === void 0 ? void 0 : _c.className, isDisabled: (_d = additionalActions[action]) === null || _d === void 0 ? void 0 : _d.isDisabled, tooltipContent: (_e = additionalActions[action]) === null || _e === void 0 ? void 0 : _e.tooltipContent, tooltipProps: (_f = additionalActions[action]) === null || _f === void 0 ? void 0 : _f.tooltipProps, clickedTooltipContent: (_g = additionalActions[action]) === null || _g === void 0 ? void 0 : _g.clickedTooltipContent, icon: (_h = additionalActions[action]) === null || _h === void 0 ? void 0 : _h.icon, isClicked: activeButton === action, ref: (_j = additionalActions[action]) === null || _j === void 0 ? void 0 : _j.ref, "aria-expanded": (_k = additionalActions[action]) === null || _k === void 0 ? void 0 : _k['aria-expanded'], "aria-controls": (_l = additionalActions[action]) === null || _l === void 0 ? void 0 : _l['aria-controls'] }));
+            return (React.createElement(ResponseActionButton, Object.assign({}, additionalActions[action], { key: action, ariaLabel: (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.ariaLabel, clickedAriaLabel: (_b = additionalActions[action]) === null || _b === void 0 ? void 0 : _b.clickedAriaLabel, onClick: (e) => { var _a; return handleClick(e, action, (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.onClick); }, className: (_c = additionalActions[action]) === null || _c === void 0 ? void 0 : _c.className, isDisabled: (_d = additionalActions[action]) === null || _d === void 0 ? void 0 : _d.isDisabled, tooltipContent: (_e = additionalActions[action]) === null || _e === void 0 ? void 0 : _e.tooltipContent, tooltipProps: (_f = additionalActions[action]) === null || _f === void 0 ? void 0 : _f.tooltipProps, clickedTooltipContent: (_g = additionalActions[action]) === null || _g === void 0 ? void 0 : _g.clickedTooltipContent, icon: (_h = additionalActions[action]) === null || _h === void 0 ? void 0 : _h.icon, isClicked: activeButton === action, ref: (_j = additionalActions[action]) === null || _j === void 0 ? void 0 : _j.ref, "aria-expanded": (_k = additionalActions[action]) === null || _k === void 0 ? void 0 : _k['aria-expanded'], "aria-controls": (_l = additionalActions[action]) === null || _l === void 0 ? void 0 : _l['aria-controls'] })));
         })));
 };
 export default ResponseActions;

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

@@ -47,6 +47,13 @@ const CUSTOM_ACTIONS = [
         }
     }
 ];
+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: 'share', label: 'Share', dataTestId: 'share' },
+    { type: 'listen', label: 'Listen', dataTestId: 'listen' }
+];
 describe('ResponseActions', () => {
     afterEach(() => {
         jest.clearAllMocks();
@@ -156,6 +163,12 @@ describe('ResponseActions', () => {
             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(React.createElement(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];
@@ -165,10 +178,12 @@ describe('ResponseActions', () => {
                         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
+                        icon: action[key].icon,
+                        'data-testid': action[key]
                     }
                 } }));
             expect(screen.getByRole('button', { name: key })).toBeTruthy();
+            expect(screen.getByTestId(action[key])).toBeTruthy();
         });
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/chatbot",
-  "version": "6.3.0-prerelease.10",
+  "version": "6.3.0-prerelease.12",
   "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",

package/src/Message/CodeBlockMessage/CodeBlockMessage.tsx

@@ -56,7 +56,7 @@ const CodeBlockMessage = ({
         {language && <div className="pf-chatbot__message-code-block-language">{language}</div>}
         <Button
           ref={buttonRef}
-          aria-label={ariaLabel ?? 'Copy code button'}
+          aria-label={ariaLabel ?? 'Copy code'}
           variant="plain"
           className="pf-chatbot__button--copy"
           onClick={(event) => handleCopy(event, children)}

package/src/Message/Message.test.tsx

@@ -485,7 +485,7 @@ describe('Message', () => {
   it('should render code correctly', () => {
     render(<Message avatar="./img" role="user" name="User" content={CODE_MESSAGE} />);
     expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
-    expect(screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
     expect(screen.getByText(/yaml/)).toBeTruthy();
     expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
     expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
@@ -503,8 +503,8 @@ describe('Message', () => {
     // need explicit setup since RTL stubs clipboard if you do this
     const user = userEvent.setup();
     render(<Message avatar="./img" role="user" name="User" content={CODE_MESSAGE} />);
-    expect(screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
-    await user.click(screen.getByRole('button', { name: 'Copy code button' }));
+    expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
+    await user.click(screen.getByRole('button', { name: 'Copy code' }));
     const clipboardText = await navigator.clipboard.readText();
     expect(clipboardText.trim()).toEqual(CODE.trim());
   });

package/src/MessageBar/AttachButton.test.tsx

@@ -7,11 +7,11 @@ import { AttachButton } from './AttachButton';
 describe('Attach button', () => {
   it('should render button correctly', () => {
     render(<AttachButton />);
-    expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
   });
   it('should handle isDisabled prop', () => {
     render(<AttachButton isDisabled />);
-    expect(screen.getByRole('button', { name: 'Attach button' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Attach' })).toBeDisabled();
   });
   it('should handle spread props, including aria-label', () => {
     render(<AttachButton aria-label="test" />);
@@ -20,22 +20,22 @@ describe('Attach button', () => {
   it('should handle onClick', async () => {
     const spy = jest.fn();
     render(<AttachButton onClick={spy} />);
-    await userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+    await userEvent.click(screen.getByRole('button', { name: 'Attach' }));
     expect(screen.getByRole('tooltip', { name: 'Attach' })).toBeTruthy();
     expect(spy).toHaveBeenCalledTimes(1);
   });
   it('should handle className prop', () => {
     render(<AttachButton className="test" />);
-    expect(screen.getByRole('button', { name: 'Attach button' })).toHaveClass('test');
+    expect(screen.getByRole('button', { name: 'Attach' })).toHaveClass('test');
   });
   it('should handle custom tooltip correctly', async () => {
     render(<AttachButton onClick={jest.fn} tooltipContent="Test" />);
-    await userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+    await userEvent.click(screen.getByRole('button', { name: 'Attach' }));
     expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
   });
   it('should handle tooltipProps prop', async () => {
     render(<AttachButton tooltipProps={{ id: 'test' }} />);
-    await userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+    await userEvent.click(screen.getByRole('button', { name: 'Attach' }));
     expect(screen.getByRole('tooltip', { name: 'Attach' })).toHaveAttribute('id', 'test');
   });
   // Based on this because I had no idea how to do this and was looking around: https://stackoverflow.com/a/75562651
@@ -43,7 +43,7 @@ describe('Attach button', () => {
   it('should handle onAttachAccepted prop', async () => {
     const spy = jest.fn();
     render(<AttachButton onAttachAccepted={spy} inputTestId="input" />);
-    await userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+    await userEvent.click(screen.getByRole('button', { name: 'Attach' }));
     const file = new File(['test'], 'test.json');
     const input = screen.getByTestId('input') as HTMLInputElement;
     await userEvent.upload(input, file);

package/src/MessageBar/AttachButton.tsx

@@ -65,7 +65,7 @@ const AttachButtonBase: React.FunctionComponent<AttachButtonProps> = ({
           variant="plain"
           ref={innerRef}
           className={`pf-chatbot__button--attach ${isCompact ? 'pf-m-compact' : ''} ${className ?? ''}`}
-          aria-label={props['aria-label'] || 'Attach button'}
+          aria-label={props['aria-label'] || 'Attach'}
           isDisabled={isDisabled}
           onClick={onClick ?? open}
           icon={