@automattic/data-stores 3.0.1 → 3.1.0-rc.1

package/src/site/reducer.ts

@@ -1,14 +1,17 @@
 import { combineReducers } from '@wordpress/data';
 import {
+	CurrentTheme,
 	NewSiteBlogDetails,
 	NewSiteErrorResponse,
 	SiteDetails,
+	SiteError,
 	Domain,
 	SiteLaunchState,
 	SiteLaunchStatus,
 	SiteSettings,
 	AtomicTransferStatus,
 	LatestAtomicTransferStatus,
+	GlobalStyles,
 } from './types';
 import {
 	AtomicTransferState,
@@ -67,6 +70,17 @@ export const isFetchingSite: Reducer< boolean | undefined, Action > = ( state =
 	return state;
 };
 
+export const fetchingSiteError: Reducer< SiteError | undefined, Action > = ( state, action ) => {
+	switch ( action.type ) {
+		case 'RECEIVE_SITE_FAILED':
+			return {
+				error: action.response.error,
+				message: action.response.message,
+			};
+	}
+	return state;
+};
+
 export const isFetchingSiteDetails: Reducer< boolean | undefined, Action > = (
 	state = false,
 	action
@@ -152,6 +166,33 @@ export const sitesSettings: Reducer< { [ key: number ]: SiteSettings }, Action >
 	return state;
 };
 
+export const siteTheme: Reducer< { [ key: number ]: CurrentTheme }, Action > = (
+	state = {},
+	action
+) => {
+	if ( action.type === 'RECEIVE_SITE_THEME' ) {
+		return { ...state, [ action.siteId ]: action.theme };
+	}
+	return state;
+};
+
+export const sitesGlobalStyles: Reducer< { [ key: number ]: GlobalStyles }, Action > = (
+	state = {},
+	action
+) => {
+	if ( action.type === 'RECEIVE_SITE_GLOBAL_STYLES' ) {
+		return {
+			...state,
+			[ action.siteId ]: {
+				...state?.[ action.siteId ],
+				...action.globalStyles,
+			},
+		};
+	}
+
+	return state;
+};
+
 export const launchStatus: Reducer< { [ key: number ]: SiteLaunchState }, Action > = (
 	state = {},
 	action
@@ -217,6 +258,7 @@ export const atomicTransferStatus: Reducer< { [ key: number ]: AtomicTransferSta
 			[ action.siteId ]: {
 				status: AtomicTransferStatus.IN_PROGRESS,
 				softwareSet: action.softwareSet,
+				transferIntent: action.transferIntent,
 				errorCode: undefined,
 			},
 		};
@@ -227,6 +269,7 @@ export const atomicTransferStatus: Reducer< { [ key: number ]: AtomicTransferSta
 			[ action.siteId ]: {
 				status: AtomicTransferStatus.SUCCESS,
 				softwareSet: action.softwareSet,
+				transferIntent: action.transferIntent,
 				errorCode: undefined,
 			},
 		};
@@ -361,6 +404,22 @@ export const atomicSoftwareInstallStatus: Reducer<
 	return state;
 };
 
+const bundledPluginSlug: Reducer< { [ key: string ]: string | undefined }, Action > = (
+	state = {},
+	action
+) => {
+	if ( action.type === 'SET_BUNDLED_PLUGIN_SLUG' ) {
+		return {
+			...state,
+			[ action.siteSlug ]: action.pluginSlug,
+		};
+	}
+	if ( action.type === 'RESET_SITE_STORE' ) {
+		return {};
+	}
+	return state;
+};
+
 const newSite = combineReducers( {
 	data: newSiteData,
 	error: newSiteError,
@@ -370,15 +429,19 @@ const newSite = combineReducers( {
 const reducer = combineReducers( {
 	isFetchingSiteDetails,
 	newSite,
+	fetchingSiteError,
 	sites,
 	launchStatus,
 	sitesDomains,
 	sitesSettings,
+	siteTheme,
+	sitesGlobalStyles,
 	siteSetupErrors,
 	atomicTransferStatus,
 	latestAtomicTransferStatus,
 	atomicSoftwareStatus,
 	atomicSoftwareInstallStatus,
+	bundledPluginSlug,
 } );
 
 export type State = ReturnType< typeof reducer >;

package/src/site/resolvers.ts

@@ -1,13 +1,19 @@
 // wpcomRequest is a temporary rename while we're working on migrating generators to thunks
 import wpcomRequest from 'wpcom-proxy-request';
-import type { SiteDetails, Domain, SiteSettings, Dispatch } from './types';
+import type {
+	CurrentTheme,
+	SiteDetails,
+	Domain,
+	SiteSettings,
+	Dispatch,
+	NewSiteErrorResponse,
+} from './types';
 
 /**
  * Attempt to find a site based on its id, and if not return undefined.
  * We are currently ignoring error messages and silently failing if we can't find a
  * site. This could be extended in the future by retrieving the `error` and
  * `message` strings returned by the API.
- *
  * @param siteId {number}	The site to look up
  */
 export const getSite =
@@ -18,16 +24,16 @@ export const getSite =
 			const existingSite: SiteDetails | undefined = await wpcomRequest( {
 				path: '/sites/' + encodeURIComponent( siteId ),
 				apiVersion: '1.1',
+				query: 'force=wpcom',
 			} );
 			dispatch.receiveSite( siteId, existingSite );
 		} catch ( err ) {
-			dispatch.receiveSiteFailed( siteId, undefined );
+			dispatch.receiveSiteFailed( siteId, err as NewSiteErrorResponse );
 		}
 	};
 
 /**
  * Get all site domains
- *
  * @param siteId {number} The site id
  */
 export const getSiteDomains =
@@ -42,7 +48,6 @@ export const getSiteDomains =
 
 /**
  * Get all site settings
- *
  * @param siteId {number} The site id
  */
 export const getSiteSettings =
@@ -55,3 +60,18 @@ export const getSiteSettings =
 
 		dispatch.receiveSiteSettings( siteId, result?.settings );
 	};
+
+/**
+ * Get current site theme
+ * @param siteId {number} The site id
+ */
+export const getSiteTheme =
+	( siteId: number ) =>
+	async ( { dispatch }: Dispatch ) => {
+		const theme: CurrentTheme = await wpcomRequest( {
+			path: '/sites/' + encodeURIComponent( siteId ) + '/themes/mine',
+			apiVersion: '1.1',
+		} );
+
+		dispatch.receiveSiteTheme( siteId, theme );
+	};

package/src/site/selectors.ts

@@ -1,12 +1,13 @@
 import { select } from '@wordpress/data';
 import { STORE_KEY } from './constants';
-import { SiteLaunchStatus, SiteOption } from './types';
+import { Domain, SiteLaunchStatus, SiteDetails, SiteOption, SiteSelect } from './types';
 import type { State } from './reducer';
 
 export const getState = ( state: State ) => state;
 export const getNewSite = ( state: State ) => state.newSite.data;
 export const getNewSiteError = ( state: State ) => state.newSite.error;
 export const isFetchingSite = ( state: State ) => state.newSite.isFetching;
+export const getFetchingSiteError = ( state: State ) => state.fetchingSiteError;
 export const isFetchingSiteDetails = ( state: State ) => state.isFetchingSiteDetails;
 export const isNewSite = ( state: State ) => !! state.newSite.data;
 
@@ -14,26 +15,39 @@ export const isNewSite = ( state: State ) => !! state.newSite.data;
  * Get a site matched by id. This selector has a matching
  * resolver that uses the `siteId` parameter to fetch an existing site. If the
  * site cannot be found, invalidate the resolution cache.
- *
  * @param state {State}		state object
  * @param siteId {number}	id of the site to look up
  */
-export const getSite = ( state: State, siteId: number | string ) => {
+export const getSite: ( state: State, siteId: number | string ) => SiteDetails | undefined = (
+	state,
+	siteId
+) => {
 	return (
+		// Try matching numeric site ID
 		state.sites[ siteId ] ||
-		Object.values( state.sites ).find( ( site ) => site && new URL( site.URL ).host === siteId )
+		// Then try matching primary domain
+		Object.values( state.sites ).find(
+			( site ) => site?.URL && new URL( site.URL ).host === siteId
+		) ||
+		// Then try matching second domain
+		Object.values( state.sites ).find(
+			( site ) =>
+				site?.options?.unmapped_url && new URL( site.options.unmapped_url ).host === siteId
+		)
 	);
 };
 
-export const getSiteIdBySlug = ( _: State, slug: string ) => {
-	return select( STORE_KEY ).getSite( slug )?.ID;
+export const getSiteIdBySlug: ( _: State, slug: string ) => number | undefined = ( _, slug ) => {
+	return ( select( STORE_KEY ) as SiteSelect ).getSite( slug )?.ID;
 };
 
-export const getSiteTitle = ( _: State, siteId: number ) =>
-	select( STORE_KEY ).getSite( siteId )?.name;
+export const getSiteTitle: ( _: State, siteId: number ) => string | undefined = ( _, siteId ) =>
+	( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.name;
 
-export const getSiteVerticalId = ( _: State, siteId: number ) =>
-	select( STORE_KEY ).getSite( siteId )?.options?.site_vertical_id;
+export const getSiteVerticalId: ( _: State, siteId: number ) => string | null | undefined = (
+	_,
+	siteId
+) => ( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.options?.site_vertical_id;
 
 // @TODO: Return LaunchStatus instead of a boolean
 export const isSiteLaunched = ( state: State, siteId: number ) => {
@@ -45,12 +59,17 @@ export const isSiteLaunching = ( state: State, siteId: number ) => {
 	return state.launchStatus[ siteId ]?.status === SiteLaunchStatus.IN_PROGRESS;
 };
 
-export const isSiteAtomic = ( state: State, siteId: number | string ) => {
-	return select( STORE_KEY ).getSite( siteId )?.options?.is_wpcom_atomic === true;
+export const isSiteAtomic: ( _: State, siteId: number | string ) => boolean = ( state, siteId ) => {
+	return ( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.options?.is_wpcom_atomic === true;
 };
 
-export const isSiteWPForTeams = ( state: State, siteId: number | string ) => {
-	return select( STORE_KEY ).getSite( siteId )?.options?.is_wpforteams_site === true;
+export const isSiteWPForTeams: ( _: State, siteId: number | string ) => boolean = (
+	state,
+	siteId
+) => {
+	return (
+		( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.options?.is_wpforteams_site === true
+	);
 };
 
 export const getSiteDomains = ( state: State, siteId: number ) => {
@@ -61,6 +80,14 @@ export const getSiteSettings = ( state: State, siteId: number ) => {
 	return state.sitesSettings[ siteId ];
 };
 
+export const getSiteTheme = ( state: State, siteId: number ) => {
+	return state.siteTheme[ siteId ];
+};
+
+export const getSiteGlobalStyles = ( state: State, siteId: number ) => {
+	return state.sitesGlobalStyles[ siteId ];
+};
+
 export const getSiteSetupError = ( state: State ) => {
 	return state.siteSetupErrors;
 };
@@ -73,15 +100,18 @@ export const getSiteOption = ( state: State, siteId: number, optionName: SiteOpt
 	return state.sites[ siteId ]?.options?.[ optionName ];
 };
 
-export const getPrimarySiteDomain = ( _: State, siteId: number ) =>
-	select( STORE_KEY )
+export const getPrimarySiteDomain: ( _: State, siteId: number ) => Domain | undefined = (
+	_,
+	siteId
+) =>
+	( select( STORE_KEY ) as SiteSelect )
 		.getSiteDomains( siteId )
-		?.find( ( domain ) => domain.primary_domain );
+		?.find( ( domain: Domain ) => domain.primary_domain );
 
-export const getSiteSubdomain = ( _: State, siteId: number ) =>
-	select( STORE_KEY )
+export const getSiteSubdomain: ( _: State, siteId: number ) => Domain | undefined = ( _, siteId ) =>
+	( select( STORE_KEY ) as SiteSelect )
 		.getSiteDomains( siteId )
-		?.find( ( domain ) => domain.is_subdomain );
+		?.find( ( domain: Domain ) => domain.is_subdomain );
 
 export const getSiteLatestAtomicTransfer = ( state: State, siteId: number ) => {
 	return state.latestAtomicTransferStatus[ siteId ]?.transfer;
@@ -113,29 +143,24 @@ export const siteHasFeature = (
 	featureKey: string
 ): boolean => {
 	return Boolean(
-		siteId && select( STORE_KEY ).getSite( siteId )?.plan?.features.active.includes( featureKey )
+		siteId &&
+			( select( STORE_KEY ) as SiteSelect )
+				.getSite( siteId )
+				?.plan?.features.active.includes( featureKey )
 	);
 };
 
-export const requiresUpgrade = ( state: State, siteId: number | null ) => {
-	return siteId && ! select( STORE_KEY ).siteHasFeature( siteId, 'woop' );
+// TODO: The `0` here seems wrong and should likely be addressed.
+export const requiresUpgrade: ( state: State, siteId: number | null ) => boolean | 0 | null = (
+	state,
+	siteId
+) => {
+	return siteId && ! ( select( STORE_KEY ) as SiteSelect ).siteHasFeature( siteId, 'woop' );
 };
 
 export function isJetpackSite( state: State, siteId?: number ): boolean {
-	return Boolean( siteId && select( STORE_KEY ).getSite( siteId )?.jetpack );
+	return Boolean( siteId && ( select( STORE_KEY ) as SiteSelect ).getSite( siteId )?.jetpack );
 }
 
-export function isEligibleForProPlan( state: State, siteId?: number ): boolean {
-	if ( ! siteId ) {
-		return false;
-	}
-
-	if (
-		( isJetpackSite( state, siteId ) && ! isSiteAtomic( state, siteId ) ) ||
-		isSiteWPForTeams( state, siteId )
-	) {
-		return false;
-	}
-
-	return true;
-}
+export const getBundledPluginSlug = ( state: State, siteSlug: string ) =>
+	state.bundledPluginSlug[ siteSlug ];

package/src/site/test/actions.ts

@@ -1,7 +1,6 @@
 /**
  * @jest-environment jsdom
  */
-
 import { createActions } from '../actions';
 import {
 	SiteLaunchError,
@@ -24,7 +23,38 @@ const latestAtomicTransferError: LatestAtomicTransferError = {
 	code: 'no_transfer_error',
 };
 
+const siteSlug = 'test.wordpress.com';
+const pluginSlug = 'woocommerce';
+
 describe( 'Site Actions', () => {
+	describe( 'Bundled Plugin Actions', () => {
+		it( 'should return a SET_BUNDLED_PLUGIN_SLUG Action', () => {
+			const { setBundledPluginSlug } = createActions( mockedClientCredentials );
+			const expected = {
+				type: 'SET_BUNDLED_PLUGIN_SLUG',
+				siteSlug,
+				pluginSlug,
+			};
+
+			expect( setBundledPluginSlug( siteSlug, pluginSlug ) ).toEqual( expected );
+		} );
+	} );
+	describe( 'Site Theme Actions', () => {
+		it( 'should return a RECEIVE_SITE_THEME Action', () => {
+			const siteId = 12345;
+			const theme = {
+				id: 'tazza',
+			};
+			const { receiveSiteTheme } = createActions( mockedClientCredentials );
+			const expected = {
+				type: 'RECEIVE_SITE_THEME',
+				siteId,
+				theme,
+			};
+
+			expect( receiveSiteTheme( siteId, theme ) ).toEqual( expected );
+		} );
+	} );
 	describe( 'LAUNCH_SITE Actions', () => {
 		it( 'should return a LAUNCH_SITE_START Action', () => {
 			const { launchSiteStart } = createActions( mockedClientCredentials );
@@ -130,27 +160,31 @@ describe( 'Site Actions', () => {
 		it( 'should return a ATOMIC_TRANSFER_START Action', () => {
 			const { atomicTransferStart } = createActions( mockedClientCredentials );
 			const softwareSet = 'woo-on-plans';
+			const transferIntent = 'migrate';
 
 			const expected = {
 				type: 'ATOMIC_TRANSFER_START',
 				siteId,
 				softwareSet,
+				transferIntent,
 			};
 
-			expect( atomicTransferStart( siteId, softwareSet ) ).toEqual( expected );
+			expect( atomicTransferStart( siteId, softwareSet, transferIntent ) ).toEqual( expected );
 		} );
 
 		it( 'should return a ATOMIC_TRANSFER_SUCCESS Action', () => {
 			const { atomicTransferSuccess } = createActions( mockedClientCredentials );
 			const softwareSet = 'woo-on-plans';
+			const transferIntent = 'migrate';
 
 			const expected = {
 				type: 'ATOMIC_TRANSFER_SUCCESS',
 				siteId,
 				softwareSet,
+				transferIntent,
 			};
 
-			expect( atomicTransferSuccess( siteId, softwareSet ) ).toEqual( expected );
+			expect( atomicTransferSuccess( siteId, softwareSet, transferIntent ) ).toEqual( expected );
 		} );
 
 		it( 'should return a ATOMIC_TRANSFER_FAILURE Action', () => {
@@ -172,14 +206,19 @@ describe( 'Site Actions', () => {
 		it( 'should start an Atomic transfer', () => {
 			const { initiateAtomicTransfer } = createActions( mockedClientCredentials );
 			const softwareSet = 'woo-on-plans';
-			const generator = initiateAtomicTransfer( siteId, softwareSet );
+			const transferIntent = 'migrate';
+			const generator = initiateAtomicTransfer( siteId, softwareSet, transferIntent );
 
 			const mockedApiResponse = {
 				request: {
 					apiNamespace: 'wpcom/v2',
 					method: 'POST',
 					path: `/sites/${ siteId }/atomic/transfers`,
-					body: { software_set: softwareSet },
+					body: {
+						software_set: softwareSet,
+						context: 'woo-on-plans',
+						transfer_intent: transferIntent,
+					},
 				},
 				type: 'WPCOM_REQUEST',
 			};
@@ -189,6 +228,7 @@ describe( 'Site Actions', () => {
 				type: 'ATOMIC_TRANSFER_START',
 				siteId,
 				softwareSet,
+				transferIntent,
 			} );
 
 			// Second iteration: WP_COM_REQUEST is fired
@@ -199,19 +239,25 @@ describe( 'Site Actions', () => {
 				type: 'ATOMIC_TRANSFER_SUCCESS',
 				siteId,
 				softwareSet,
+				transferIntent,
 			} );
 		} );
 		it( 'should fail to transfer a site to Atomic', () => {
 			const { initiateAtomicTransfer } = createActions( mockedClientCredentials );
 			const softwareSet = 'woo-on-plans';
-			const generator = initiateAtomicTransfer( siteId, softwareSet );
+			const transferIntent = 'migrate';
+			const generator = initiateAtomicTransfer( siteId, softwareSet, transferIntent );
 
 			const mockedApiResponse = {
 				request: {
 					apiNamespace: 'wpcom/v2',
 					method: 'POST',
 					path: `/sites/${ siteId }/atomic/transfers`,
-					body: { software_set: softwareSet },
+					body: {
+						software_set: softwareSet,
+						context: 'woo-on-plans',
+						transfer_intent: transferIntent,
+					},
 				},
 				type: 'WPCOM_REQUEST',
 			};
@@ -221,6 +267,7 @@ describe( 'Site Actions', () => {
 				type: 'ATOMIC_TRANSFER_START',
 				siteId,
 				softwareSet,
+				transferIntent,
 			} );
 
 			// Second iteration: WP_COM_REQUEST is fired
@@ -376,4 +423,122 @@ describe( 'Site Actions', () => {
 			} );
 		} );
 	} );
+
+	describe( 'Design Actions', () => {
+		const mockedRecipe = { stylesheet: 'pub/zoologist' };
+		const mockedGlobalStylesId = 1;
+		const mockedDesign = {
+			title: 'Zoologist',
+			slug: 'zoologist',
+			template: 'zoologist',
+			theme: 'zoologist',
+			categories: [ { slug: 'featured', name: 'Featured' } ],
+			features: [],
+			recipe: mockedRecipe,
+		};
+		const mockedStyleVariation = {
+			title: 'Default',
+			slug: 'default',
+			settings: {
+				color: {
+					palette: {
+						theme: [],
+					},
+				},
+			},
+			styles: {
+				color: {},
+			},
+		};
+
+		const createMockedThemeSwitchApiRequest = ( payload ) => ( {
+			type: 'WPCOM_REQUEST',
+			request: {
+				path: `/sites/${ siteSlug }/themes/mine?_locale=user`,
+				apiVersion: '1.1',
+				body: payload,
+				method: 'POST',
+			},
+		} );
+
+		const createMockedGetGlobalStylesApiRequest = ( stylesheet ) => ( {
+			type: 'WPCOM_REQUEST',
+			request: {
+				path: `/sites/${ siteSlug }/global-styles/themes/${ stylesheet }/variations`,
+				apiNamespace: 'wp/v2',
+				method: 'GET',
+			},
+		} );
+
+		const createMockedSetGlobalStylesApiRequest = ( globalStylesId, payload ) => ( {
+			type: 'WPCOM_REQUEST',
+			request: {
+				path: `/sites/${ siteSlug }/global-styles/${ globalStylesId }`,
+				apiNamespace: 'wp/v2',
+				body: payload,
+				method: 'POST',
+			},
+		} );
+
+		const createMockedThemeSetupApiRequest = () => ( {
+			type: 'WPCOM_REQUEST',
+			request: {
+				path: `/sites/${ siteSlug }/theme-setup/?_locale=user`,
+				apiNamespace: 'wpcom/v2',
+				method: 'POST',
+			},
+		} );
+
+		it( 'should call global styles API to set the styles if the design has style variation', () => {
+			const { setDesignOnSite } = createActions( mockedClientCredentials );
+			const generator = setDesignOnSite( siteSlug, mockedDesign, {
+				styleVariation: mockedStyleVariation,
+			} );
+
+			// 1st iteration: WP_COM_REQUEST to /sites/${ siteSlug }/themes/mine is fired
+			expect( generator.next().value ).toEqual(
+				createMockedThemeSwitchApiRequest( {
+					theme: 'zoologist',
+				} )
+			);
+
+			// 2nd iteration: WP_COM_REQUEST to /sites/${ siteSlug }/global-styles/themes/${ stylesheet }/variations is fired
+			expect(
+				generator.next( {
+					stylesheet: mockedDesign.recipe.stylesheet,
+					global_styles_id: mockedGlobalStylesId,
+				} as any ).value
+			).toEqual( createMockedGetGlobalStylesApiRequest( mockedDesign.recipe.stylesheet ) );
+
+			// 3rd iteration: WP_COM_REQUEST to /sites/${ siteSlug }/global-styles/${ globalStylesId } is fired
+			expect( generator.next( [ mockedStyleVariation ] as any ).value ).toEqual(
+				createMockedSetGlobalStylesApiRequest( mockedGlobalStylesId, {
+					id: mockedGlobalStylesId,
+					settings: mockedStyleVariation.settings,
+					styles: mockedStyleVariation.styles,
+				} )
+			);
+		} );
+
+		it( 'should call theme-setup api', () => {
+			const { setDesignOnSite } = createActions( mockedClientCredentials );
+			const generator = setDesignOnSite( siteSlug, {
+				...mockedDesign,
+				slug: 'arbutus',
+			} );
+
+			// First iteration: WP_COM_REQUEST to /sites/${ siteSlug }/themes/mine is fired
+			expect( generator.next().value ).toEqual(
+				createMockedThemeSwitchApiRequest( {
+					theme: 'arbutus',
+				} )
+			);
+
+			// Second iteration: WP_COM_REQUEST to /sites/${ siteSlug }/theme-setup is fired
+			expect( generator.next().value ).toEqual( createMockedThemeSetupApiRequest() );
+
+			// Second iteration: Complete the cycle
+			expect( generator.next().done ).toEqual( true );
+		} );
+	} );
 } );

package/src/site/test/reducer.ts

@@ -7,8 +7,9 @@
  */
 
 import { createActions } from '../actions';
-import { sites, launchStatus, siteSetupErrors } from '../reducer';
+import { sites, siteTheme, launchStatus, siteSetupErrors } from '../reducer';
 import {
+	CurrentTheme,
 	SiteLaunchError,
 	SiteLaunchState,
 	SiteLaunchStatus,
@@ -173,3 +174,20 @@ describe( 'Site', () => {
 		} );
 	} );
 } );
+
+describe( 'Site Theme', () => {
+	const siteThemeResponse: CurrentTheme = {
+		id: 'tazza',
+	};
+
+	it( 'returns site data keyed by id', () => {
+		const state = siteTheme( undefined, {
+			type: 'RECEIVE_SITE_THEME',
+			siteId: 12345,
+			theme: siteThemeResponse,
+		} );
+		expect( state ).toEqual( {
+			12345: siteThemeResponse,
+		} );
+	} );
+} );