Widgets E2E tests: Query by label instead of id

WordPress · Apr 14, 2021 · 968cb98 · 968cb98
1 parent a199fee
commit 968cb98
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/e2e-tests/specs/widgets/adding-widgets.test.js b/packages/e2e-tests/specs/widgets/adding-widgets.test.js
@@ -496,8 +496,13 @@ describe( 'Widgets screen', () => {
 		);
 		await editButton.click();
 
-		// TODO: Should query this with role and label.
-		const titleInput = await legacyWidget.$( '#widget-search-1-title' );
+		const [ titleLabel ] = await legacyWidget.$x(
+			'//label[contains(text(), "Title")]'
+		);
+		const titleInputId = await titleLabel.evaluate( ( node ) =>
+			node.getAttribute( 'for' )
+		);
+		const titleInput = await page.$( `#${ titleInputId }` );
 		await titleInput.type( 'Search Title' );
 
 		// Trigger the toolbar to appear.