From 0f6c5ea78993d2570eca2bbdcc1b19b7da7c1b7f Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Fri, 21 Mar 2025 13:26:26 -0400 Subject: [PATCH] fix(HelperTextItem): allowed removal of SR text element --- .../src/components/HelperText/HelperTextItem.tsx | 3 ++- .../HelperText/__tests__/HelperTextItem.test.tsx | 12 ++++++++++++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/packages/react-core/src/components/HelperText/HelperTextItem.tsx b/packages/react-core/src/components/HelperText/HelperTextItem.tsx index 5595c0dd3b6..dfc05278293 100644 --- a/packages/react-core/src/components/HelperText/HelperTextItem.tsx +++ b/packages/react-core/src/components/HelperText/HelperTextItem.tsx @@ -56,6 +56,7 @@ export const HelperTextItem: React.FunctionComponent = ({ const Component = component as any; const isNotDefaultVariant = variant !== 'default'; const defaultIcon = isNotDefaultVariant && defaultVariantIcons[variant]; + const shouldRenderSRText = isNotDefaultVariant && screenReaderText && screenReaderText !== ''; return ( = ({ {children} - {isNotDefaultVariant && : {screenReaderText};} + {shouldRenderSRText && : {screenReaderText};} ); diff --git a/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx b/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx index 0213ffbbd9f..f6a3af0e33f 100644 --- a/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx +++ b/packages/react-core/src/components/HelperText/__tests__/HelperTextItem.test.tsx @@ -53,6 +53,18 @@ Object.values(['indeterminate', 'warning', 'success', 'error']).forEach((variant ); expect(screen.getByText(`: ${variant} status;`)).toBeInTheDocument(); }); + + test('Renders without screenreader text when screenReaderText is empty string', () => { + render( + + text + + ); + expect(screen.queryByText(`: ${variant} status;`)).not.toBeInTheDocument(); + }); }); test('Renders custom screen reader text', () => {