E2E tests: update selectors for pricing page (broken connection tests) (#26464)

Author: adimoldovan

tools/e2e-commons/pages/wpcom/pick-a-plan.js

@@ -1,19 +1,13 @@
 import WpPage from '../wp-page.js';
-import logger from '../../logger.cjs';
 
 export default class PickAPlanPage extends WpPage {
 	constructor( page ) {
 		super( page, {
-			expectedSelectors: [ 'div[data-e2e-product-slug="jetpack_complete"]' ],
+			expectedSelectors: [ 'div.jetpack-product-store' ],
 			explicitWaitMS: 40000,
 		} );
 	}
 
-	async waitForPage() {
-		await super.waitForPage();
-		await this.waitForElementToBeHidden( '.display-price__price-placeholder' );
-	}
-
 	async select( product = 'free' ) {
 		switch ( product ) {
 			case 'complete':
@@ -25,10 +19,7 @@ export default class PickAPlanPage extends WpPage {
 	}
 
 	async selectFreePlan() {
-		const freePlanButton = '[data-e2e-product-slug="free"] a';
-		const href = await this.page.getAttribute( freePlanButton, 'href' );
-		logger.debug( `Free plan button href: ${ href }` );
-		await this.waitForTimeout( 500 );
+		const freePlanButton = '.jetpack-product-store__jetpack-free a';
 		return await this.click( freePlanButton );
 	}