diff --git a/packages/block-editor/src/components/link-control/test/index.js b/packages/block-editor/src/components/link-control/test/index.js index dc8291fc9a1933..bd97fec4ba0073 100644 --- a/packages/block-editor/src/components/link-control/test/index.js +++ b/packages/block-editor/src/components/link-control/test/index.js @@ -373,7 +373,9 @@ describe( 'Basic rendering', () => { /> ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); const isPreviewError = linkPreview.classList.contains( 'is-error' ); expect( isPreviewError ).toBe( true ); @@ -834,7 +836,9 @@ describe( 'Manual link entry', () => { render( ); - let linkPreview = screen.getByLabelText( 'Manage link' ); + let linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); expect( linkPreview ).toBeInTheDocument(); @@ -868,7 +872,9 @@ describe( 'Manual link entry', () => { // Cancel the editing process. await user.click( cancelButton ); - linkPreview = screen.getByLabelText( 'Manage link' ); + linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); expect( linkPreview ).toBeInTheDocument(); @@ -1076,7 +1082,9 @@ describe( 'Default search suggestions', () => { // Click the "Edit/Change" button and check initial suggestions are not // shown. - const currentLinkUI = screen.getByLabelText( 'Manage link' ); + const currentLinkUI = screen.getByRole( 'group', { + name: 'Manage link', + } ); const currentLinkBtn = within( currentLinkUI ).getByRole( 'button', { name: 'Edit link', } ); @@ -1230,7 +1238,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => { // Check for loading indicator. const loadingIndicator = screen.getByText( 'Creating…' ); - const currentLinkLabel = screen.queryByLabelText( 'Manage link' ); + const currentLinkLabel = screen.queryByRole( 'group', { + name: 'Manage link', + } ); expect( currentLinkLabel ).not.toBeInTheDocument(); expect( loadingIndicator ).toBeVisible(); @@ -1241,7 +1251,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => { // Resolve the `createSuggestion` promise. resolver(); - const currentLink = await screen.findByLabelText( 'Manage link' ); + const currentLink = await screen.findByRole( 'group', { + name: 'Manage link', + } ); expect( currentLink ).toHaveTextContent( entityNameText ); expect( currentLink ).toHaveTextContent( '/?p=123' ); @@ -1289,7 +1301,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => { await user.click( createButton ); - const currentLink = screen.getByLabelText( 'Manage link' ); + const currentLink = screen.getByRole( 'group', { + name: 'Manage link', + } ); expect( currentLink ).toHaveTextContent( 'Some new page to create' ); expect( currentLink ).toHaveTextContent( '/?p=123' ); @@ -1348,7 +1362,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => { triggerEnter( searchInput ); expect( - await screen.findByLabelText( 'Manage link' ) + await screen.findByRole( 'group', { + name: 'Manage link', + } ) ).toHaveTextContent( entityNameText ); } ); @@ -1527,7 +1543,9 @@ describe( 'Selecting links', () => { render( ); - const currentLink = screen.getByLabelText( 'Manage link' ); + const currentLink = screen.getByRole( 'group', { + name: 'Manage link', + } ); const currentLinkAnchor = screen.getByRole( 'link', { name: `${ selectedLink.title } (opens in a new tab)`, } ); @@ -1557,7 +1575,9 @@ describe( 'Selecting links', () => { render( ); // Required in order to select the button below. - let currentLinkUI = screen.getByLabelText( 'Manage link' ); + let currentLinkUI = screen.getByRole( 'group', { + name: 'Manage link', + } ); const currentLinkBtn = within( currentLinkUI ).getByRole( 'button', { name: 'Edit link', } ); @@ -1568,7 +1588,9 @@ describe( 'Selecting links', () => { const searchInput = screen.getByRole( 'combobox', { name: 'Search or type URL', } ); - currentLinkUI = screen.queryByLabelText( 'Manage link' ); + currentLinkUI = screen.queryByRole( 'group', { + name: 'Manage link', + } ); // We should be back to showing the search input. expect( searchInput ).toBeVisible(); @@ -1731,7 +1753,9 @@ describe( 'Selecting links', () => { triggerEnter( searchInput ); // Check that the suggestion selected via is now shown as selected. - const currentLink = screen.getByLabelText( 'Manage link' ); + const currentLink = screen.getByRole( 'group', { + name: 'Manage link', + } ); const currentLinkAnchor = screen.getByRole( 'link', { name: `${ selectedLink.title } (opens in a new tab)`, } ); @@ -2124,7 +2148,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); const isRichLinkPreview = linkPreview.classList.contains( 'is-rich' ); @@ -2145,7 +2171,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); await waitFor( () => expect( linkPreview ).toHaveClass( 'is-rich' ) ); } ); @@ -2162,7 +2190,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); await waitFor( () => expect( linkPreview ).toHaveClass( 'is-rich' ) ); @@ -2194,7 +2224,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); await waitFor( () => expect( linkPreview ).toHaveClass( 'is-rich' ) ); @@ -2218,7 +2250,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); await waitFor( () => expect( linkPreview ).toHaveClass( 'is-rich' ) ); @@ -2253,7 +2287,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); await waitFor( () => expect( linkPreview ).toHaveClass( 'is-rich' ) @@ -2278,7 +2314,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); expect( linkPreview ).toHaveClass( 'is-fetching' ); @@ -2297,7 +2335,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); expect( linkPreview ).toHaveClass( 'is-fetching' ); expect( linkPreview ).not.toHaveClass( 'is-rich' ); @@ -2310,7 +2350,9 @@ describe( 'Rich link previews', () => { render( ); - const linkPreview = screen.getByLabelText( 'Manage link' ); + const linkPreview = screen.getByRole( 'group', { + name: 'Manage link', + } ); expect( linkPreview ).toHaveClass( 'is-fetching' );