Testing: Simplify the selectors for maintainability and compatibility

himanshupathak95 · Jan 24, 2025 · 3655020 · 3655020
1 parent 327aa3f
commit 3655020
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/test/e2e/specs/editor/various/contrast-checker.spec.js b/test/e2e/specs/editor/various/contrast-checker.spec.js
@@ -22,19 +22,13 @@ test.describe( 'ContrastChecker', () => {
 		} );
 		await paragraph.click();
 
-		await page.click(
-			'button.block-editor-panel-color-gradient-settings__dropdown:has-text("Text")'
-		);
-		await page.click(
-			'button.components-circular-option-picker__option[aria-label="Black"]'
-		);
+		await page.click( '[data-wp-component="FlexItem"]:has-text("Text")' );
+		await page.click( 'button[aria-label="Black"]' );
 
 		await page.click(
-			'button.block-editor-panel-color-gradient-settings__dropdown:has-text("Background")'
-		);
-		await page.click(
-			'button.components-circular-option-picker__option[aria-label="Black"]'
+			'[data-wp-component="FlexItem"]:has-text("Background")'
 		);
+		await page.click( 'button[aria-label="Black"]' );
 
 		const warningElement = page.locator( '.block-editor-contrast-checker' );
 		await expect( warningElement ).toBeVisible();