Use testid for the expander element

WordPress · Feb 21, 2023 · 4b80291 · 4b80291
1 parent 594638a
commit 4b80291
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/list-view/expander.js b/packages/block-editor/src/components/list-view/expander.js
@@ -19,6 +19,7 @@ export default function ListViewExpander( { onClick } ) {
 			className="block-editor-list-view__expander"
 			onClick={ ( event ) => onClick( event, { forceToggle: true } ) }
 			aria-hidden="true"
+			data-testid="list-view-expander"
 		>
 			<Icon icon={ isRTL() ? chevronLeftSmall : chevronRightSmall } />
 		</span>

diff --git a/test/e2e/specs/editor/various/list-view.spec.js b/test/e2e/specs/editor/various/list-view.spec.js
@@ -295,7 +295,7 @@ test.describe( 'List View', () => {
 		// Collapse the Cover block.
 		await listView
 			.getByRole( 'gridcell', { name: 'Cover link' } )
-			.locator( '.block-editor-list-view__expander[aria-hidden="true"]' )
+			.getByTestId( 'list-view-expander', { includeHidden: true } )
 			// Force the click to bypass the visibility check. The expander is
 			// intentionally aria-hidden. See the implementation for details.
 			.click( { force: true } );