diff --git a/packages/components/src/tooltip/test/index.tsx b/packages/components/src/tooltip/test/index.tsx
index 3679b597b2cb1..753f97be0ac3f 100644
--- a/packages/components/src/tooltip/test/index.tsx
+++ b/packages/components/src/tooltip/test/index.tsx
@@ -64,36 +64,6 @@ describe( 'Tooltip', () => {
expectTooltipToBeHidden();
} );
- it( 'should associate the tooltip text with its anchor via the accessible description when visible', async () => {
- render( );
-
- // The anchor can not be found by querying for its description,
- // since that is present only when the tooltip is visible
- expect(
- screen.queryByRole( 'button', { description: 'tooltip text' } )
- ).not.toBeInTheDocument();
-
- // Hover the anchor. The tooltip shows and its text is used to describe
- // the tooltip anchor
- await hover(
- screen.getByRole( 'button', {
- name: 'Tooltip anchor',
- } )
- );
- expect(
- await screen.findByRole( 'button', {
- description: 'tooltip text',
- } )
- ).toBeInTheDocument();
-
- // Hover outside of the anchor, tooltip should hide
- await hoverOutside();
- await waitExpectTooltipToHide();
- expect(
- screen.queryByRole( 'button', { description: 'tooltip text' } )
- ).not.toBeInTheDocument();
- } );
-
it( 'should not leak Tooltip props to the tooltip anchor', () => {
render(
@@ -489,9 +459,7 @@ describe( 'Tooltip', () => {
screen.queryByRole( 'tooltip', { name: 'Inner tooltip' } )
).not.toBeInTheDocument();
expect(
- screen.getByRole( 'button', {
- description: 'Outer tooltip',
- } )
+ screen.getByRole( 'tooltip', { name: 'Outer tooltip' } )
).toBeVisible();
// Hover outside of the anchor, tooltip should hide
@@ -516,82 +484,4 @@ describe( 'Tooltip', () => {
).not.toHaveClass( 'components-tooltip' );
} );
} );
-
- describe( 'aria-describedby', () => {
- it( "should not override the anchor's aria-describedby attribute if specified", async () => {
- render(
- <>
-
-
-
- { /* eslint-disable-next-line no-restricted-syntax */ }
- Tooltip description
-
- >
- );
-
- expect(
- screen.getByRole( 'button', { name: 'Tooltip anchor' } )
- ).toHaveAccessibleDescription( 'Tooltip description' );
-
- // Focus the anchor, tooltip should show
- await press.Tab();
- expect(
- screen.getByRole( 'button', { name: 'Tooltip anchor' } )
- ).toHaveFocus();
- await waitExpectTooltipToShow();
-
- // The anchors should retain its previous accessible description,
- // since the tooltip shouldn't override it.
- expect(
- screen.getByRole( 'button', { name: 'Tooltip anchor' } )
- ).toHaveAccessibleDescription( 'Tooltip description' );
-
- // Focus the other button, tooltip should hide
- await press.Tab();
- expect(
- screen.getByRole( 'button', { name: 'focus trap outside' } )
- ).toHaveFocus();
- await waitExpectTooltipToHide();
- } );
-
- it( "should not add the aria-describedby attribute to the anchor if the tooltip text matches the anchor's aria-label", async () => {
- render(
- <>
-
-
-
-
- >
- );
-
- expect(
- screen.getByRole( 'button', { name: props.text } )
- ).not.toHaveAccessibleDescription();
-
- // Focus the anchor, tooltip should show
- await press.Tab();
- expect(
- screen.getByRole( 'button', { name: props.text } )
- ).toHaveFocus();
- await waitExpectTooltipToShow();
-
- // The anchor shouldn't have an aria-describedby prop
- // because its aria-label matches the tooltip text.
- expect(
- screen.getByRole( 'button', { name: props.text } )
- ).not.toHaveAccessibleDescription();
-
- // Focus the other button, tooltip should hide
- await press.Tab();
- expect(
- screen.getByRole( 'button', { name: 'focus trap outside' } )
- ).toHaveFocus();
- await waitExpectTooltipToHide();
- } );
- } );
} );