diff --git a/services/app-web/src/components/SectionHeader/SectionHeader.test.tsx b/services/app-web/src/components/SectionHeader/SectionHeader.test.tsx index 05c77dfb6b..84f04e36e3 100644 --- a/services/app-web/src/components/SectionHeader/SectionHeader.test.tsx +++ b/services/app-web/src/components/SectionHeader/SectionHeader.test.tsx @@ -41,7 +41,6 @@ describe('SectionHeader', () => { screen.getByRole('link', { name: 'Edit Page 2' }) ).toHaveAttribute('href', '/some-edit-path') }) - it('respects the hideBorder prop', () => { renderWithProviders( @@ -52,12 +51,4 @@ describe('SectionHeader', () => { .closest('div') ).not.toHaveClass('summarySectionHeaderBorder') }) - - it('does not render invisible zero-width space character in accesible name', () => { - renderWithProviders() - - expect( - screen.getByRole('heading', { name: 'THIS-IS-123-456-67-RATE' }) - ).toHaveAccessibleName('THIS-IS-123-456-67-RATE') - }) }) diff --git a/services/app-web/src/components/SectionHeader/SectionHeader.tsx b/services/app-web/src/components/SectionHeader/SectionHeader.tsx index 4dba3bc3d7..819ae1cb3c 100644 --- a/services/app-web/src/components/SectionHeader/SectionHeader.tsx +++ b/services/app-web/src/components/SectionHeader/SectionHeader.tsx @@ -12,24 +12,6 @@ export type SectionHeaderProps = { headerId?: string hideBorder?: boolean } -/* - Handle word breaks with complex strings by adding zero-wdith space character after each hyphen - @param {header} section title, submission name or rate name depending on page - - This is for use with rate names which combine letters, numbers, hypens. - CSS break-word and overflow-wrap do not work as expected here. -*/ -const headerWithReasonableBreaks = (header: string): React.ReactElement => { - const characters = header.split('') - - return ( - <> - {characters.map((char) => { - return char === '-' ? <>{char}​ : char - })} - - ) -} export const SectionHeader = ({ header, @@ -48,13 +30,7 @@ export const SectionHeader = ({ return (
-

- {headerWithReasonableBreaks(header)} -

+

{header}

{subHeaderComponent}