/**
 * WordPress dependencies
 */
import { addQueryArgs } from '@wordpress/url';

/**
 * Internal dependencies
 */
import type { Admin } from './';

export interface SiteEditorQueryParams {
	postId: string | number;
	postType: string;
}

const CANVAS_SELECTOR = 'iframe[title="Editor canvas"i]';

/**
 * Visits the Site Editor main page
 *
 * By default, it also skips the welcome guide. The option can be disabled if need be.
 *
 * @param {Admin}                 this
 * @param {SiteEditorQueryParams} query            Query params to be serialized as query portion of URL.
 * @param {boolean}               skipWelcomeGuide Whether to skip the welcome guide as part of the navigation.
 */
export async function visitSiteEditor(
	this: Admin,
	query: SiteEditorQueryParams,
	skipWelcomeGuide = true
) {
	const path = addQueryArgs( '', {
		...query,
	} ).slice( 1 );

	await this.visitAdminPage( 'site-editor.php', path );
	await this.page.waitForSelector( CANVAS_SELECTOR );

	if ( skipWelcomeGuide ) {
		await this.page.evaluate( () => {
			// TODO, type `window.wp`.
			// @ts-ignore
			window.wp.data
				.dispatch( 'core/preferences' )
				.set( 'core/edit-site', 'welcomeGuide', false );

			// @ts-ignore
			window.wp.data
				.dispatch( 'core/preferences' )
				.toggle( 'core/edit-site', 'welcomeGuideStyles', false );
		} );
	}
}