Add PageSpeed details link URL selector

assets/js/modules/pagespeed-insights/datastore/service.js

@@ -21,6 +21,13 @@
  */
 import { addQueryArgs } from '@wordpress/url';
 
+/**
+ * Internal dependencies
+ */
+import { createRegistrySelector } from 'googlesitekit-data';
+import { CORE_SITE } from '@/js/googlesitekit/datastore/site/constants';
+import { MODULES_PAGESPEED_INSIGHTS } from './constants';
+
 export const selectors = {
 	/**
 	 * Gets a URL to the service.
@@ -47,6 +54,24 @@ export const selectors = {
 			utm_source: 'sitekit',
 		} );
 	},
+
+	/**
+	 * Gets the details link URL for the module.
+	 *
+	 * @since n.e.x.t
+	 *
+	 * @return {string} Details link URL.
+	 */
+	getDetailsLinkURL: createRegistrySelector( ( select ) => () => {
+		const siteURL = select( CORE_SITE ).getReferenceSiteURL();
+
+		return select( MODULES_PAGESPEED_INSIGHTS ).getServiceURL( {
+			path: 'report',
+			query: {
+				url: siteURL,
+			},
+		} );
+	} ),
 };
 
 const store = {

assets/js/modules/pagespeed-insights/datastore/service.test.js

@@ -20,6 +20,7 @@
  *
  * Internal dependencies
  */
+import { CORE_SITE } from '@/js/googlesitekit/datastore/site/constants';
 import { CORE_USER } from '@/js/googlesitekit/datastore/user/constants';
 import { createTestRegistry } from '@tests/js/utils';
 import { MODULES_PAGESPEED_INSIGHTS } from './constants';
@@ -97,5 +98,24 @@ describe( 'module/pagespeed-insights service store', () => {
 				} );
 			} );
 		} );
+
+		describe( 'getDetailsLinkURL', () => {
+			it( 'returns the PageSpeed report URL for the reference site', () => {
+				const referenceSiteURL = 'https://example.com/test-page/';
+				registry.dispatch( CORE_SITE ).receiveSiteInfo( {
+					referenceSiteURL,
+				} );
+
+				const detailsLinkURL = registry
+					.select( MODULES_PAGESPEED_INSIGHTS )
+					.getDetailsLinkURL();
+
+				expect( new URL( detailsLinkURL ).pathname ).toBe( '/report' );
+				expect( detailsLinkURL ).toMatchQueryParameters( {
+					url: referenceSiteURL,
+					utm_source: 'sitekit',
+				} );
+			} );
+		} );
 	} );
 } );