Merge pull request #253 from newfold-labs/enhance/PRESS7-471-Integrate-Cypress-LinkPrefetch-with-Capabilities

LinkPrefetch - Add tests for Capabilities

Author: arunshenoy99

tests/cypress/integration/performance.cy.js

@@ -84,4 +84,39 @@ describe( 'Performance Page', { testIsolation: true }, () => {
 			data.requestCount
 		);
 	} );
+
+	it( 'hasLinkPrefetchClick capability', () => {
+		cy.exec(
+			`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`	
+		);
+		cy.reload();
+		performanceLocators.verifyIfLinkPreFetchIsDisplayed();
+		performanceLocators.verifyIfToggleIsEnabled();
+		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`	
+		);
+		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.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`	
+		);
+		cy.reload();
+		cy.get( performanceLocators._linkPrefetchText ).should( 'not.exist' );
+	} );
+
 } );

tests/cypress/support/pageObjects/performancePage.js

@@ -106,6 +106,27 @@ class performancePage {
 		this.getDesktopToggle().should( 'have.attr', 'aria-checked', 'true' );
 	}
 
+	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);
+			}
+		});
+	}
+
 	compareDropdownLabelAndSelectedOption() {
 		// Get the text from the dropdown button label
 		this.getDropDownForLinkPrefetch()