Merge pull request #273 from newfold-labs/fixn/link-prefetch-test

Fix Link Prefetch Test

Author: arunshenoy99

tests/cypress/integration/performance.cy.js

@@ -62,6 +62,10 @@ describe( 'Performance Page', { testIsolation: true }, () => {
 	} );
 
 	it( 'Mouse down-> without exclude: Verify if "Link Prefetch" is displayed and intercept the network call', () => {
+		cy.exec(
+			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": true, "hasLinkPrefetchHover": true}' --format=json`
+		);
+		cy.reload();
 		performanceLocators.verifyIfLinkPreFetchIsDisplayed();
 		performanceLocators.verifyIfToggleIsEnabled();
 		performanceLocators.interceptCallForMouseDownWithoutExcludeRunTimeURL(
@@ -90,33 +94,32 @@ describe( 'Performance Page', { testIsolation: true }, () => {
 			`npx wp-env run cli wp option update nfd_link_prefetch_settings '{"activeOnDesktop": true, "behavior": "mouseDown"}' --format=json`
 		);
 		cy.exec(
-			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": true, "hasLinkPrefetchHover": false}' --format=json`	
+			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": true, "hasLinkPrefetchHover": false}' --format=json`
 		);
 		cy.reload();
 		performanceLocators.verifyIfLinkPreFetchIsDisplayed();
 		performanceLocators.verifyIfToggleIsEnabled();
-		performanceLocators.linkPrefetchCapabilityCheck('onlyMouseDown');
+		performanceLocators.linkPrefetchCapabilityCheck( 'onlyMouseDown' );
 	} );
 
 	it( 'hasLinkPrefetchHover capability', () => {
 		cy.exec(
-			`npx wp-env run cli wp option update nfd_link_prefetch_settings '{"activeOnDesktop": true, "behavior": "mouseHover"}' --format=json`	
+			`npx wp-env run cli wp option update nfd_link_prefetch_settings '{"activeOnDesktop": true, "behavior": "mouseHover"}' --format=json`
 		);
 		cy.exec(
-			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": true, "hasLinkPrefetchHover": true}' --format=json`	
+			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": true, "hasLinkPrefetchHover": true}' --format=json`
 		);
 		cy.reload();
 		performanceLocators.verifyIfLinkPreFetchIsDisplayed();
 		performanceLocators.verifyIfToggleIsEnabled();
-		performanceLocators.linkPrefetchCapabilityCheck('both');
+		performanceLocators.linkPrefetchCapabilityCheck( 'both' );
 	} );
 
 	it( 'LinkPrefetch Capabilities to false', () => {
 		cy.exec(
-			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": false, "hasLinkPrefetchHover": false}' --format=json`	
+			`npx wp-env run cli wp option update _transient_nfd_site_capabilities '{"hasLinkPrefetchClick": false, "hasLinkPrefetchHover": false}' --format=json`
 		);
 		cy.reload();
 		cy.get( performanceLocators._linkPrefetchText ).should( 'not.exist' );
 	} );
-
 } );

tests/cypress/support/pageObjects/performancePage.js

@@ -4,7 +4,7 @@ class performancePage {
 	// in site-info box
 	_visitSiteButton = '#wp-admin-bar-view-site a';
 	// sample page link on front end of site
-	_samplePageButton = '.wp-block-pages-list__item__link[href*="sample-page"]';
+	_samplePageButton = 'main a';
 	_linkPrefetchText = '[data-cy="link-prefetch-settings"]';
 	_dropDownForLinkPrefetch =
 		'[data-cy="link-prefetch-behavior-desktop"] .nfd-select__button-label';
@@ -27,7 +27,7 @@ class performancePage {
 	}
 
 	getSamplePageButton() {
-		return cy.get( this._samplePageButton ).first();
+		return cy.get( this._samplePageButton ).eq( 1 );
 	}
 
 	getMouseHoverElement() {
@@ -146,22 +146,27 @@ class performancePage {
 	linkPrefetchCapabilityCheck( type ) {
 		this.getDropDownForLinkPrefetch().click();
 		this.getDropDownForLinkPrefetch()
-		.invoke( 'text' )
-		.then( ( buttonLabel ) => {
-			if ( 'onlyMouseDown' === type ) {
-				cy.get('[data-cy="link-prefetch-behavior-desktop"] .nfd-select__options > li')
-				.should('have.length', 1)
-				.invoke('text')
-				.then(itemText => {
-					const trimmedText = itemText.trim();
-					cy.log('Found element text:', trimmedText);
-					expect(trimmedText).to.equal('Prefetch on Mouse Down');
-				});
-			} else {
-				cy.get('[data-cy="link-prefetch-behavior-desktop"] .nfd-select__options > li')
-				.should('have.length', 2);
-			}
-		});
+			.invoke( 'text' )
+			.then( ( buttonLabel ) => {
+				if ( 'onlyMouseDown' === type ) {
+					cy.get(
+						'[data-cy="link-prefetch-behavior-desktop"] .nfd-select__options > li'
+					)
+						.should( 'have.length', 1 )
+						.invoke( 'text' )
+						.then( ( itemText ) => {
+							const trimmedText = itemText.trim();
+							cy.log( 'Found element text:', trimmedText );
+							expect( trimmedText ).to.equal(
+								'Prefetch on Mouse Down'
+							);
+						} );
+				} else {
+					cy.get(
+						'[data-cy="link-prefetch-behavior-desktop"] .nfd-select__options > li'
+					).should( 'have.length', 2 );
+				}
+			} );
 	}
 
 	compareDropdownLabelAndSelectedOption() {