import { getElementByText, waitForElementByText } from '../utils/actions';
import { BasePage } from './BasePage';

export class WcHomescreen extends BasePage {
	url = 'wp-admin/admin.php?page=wc-admin';

	async isDisplayed() {
		// Wait for Benefits section to appear
		await waitForElementByText( 'h1', 'Home' );
	}

	async possiblyDismissWelcomeModal() {
		// Wait for Benefits section to appear
		const modal = await getElementByText(
			'h2',
			'Welcome to your WooCommerce store’s online HQ!'
		);

		if ( modal ) {
			await this.clickButtonWithText( 'Next' );
			await this.clickButtonWithText( 'Next' );
			await this.click( '.components-guide__finish-button' );
		}
	}

	async getTaskList() {
		await page.waitForSelector(
			'.woocommerce-task-card .woocommerce-task-list__item-title'
		);
		await waitForElementByText( 'p', 'Finish setup' );
		const list = await this.page.$$eval(
			'.woocommerce-task-card .woocommerce-task-list__item-title',
			( items ) => items.map( ( item ) => item.textContent )
		);
		return list.map( ( item: string | null ) => {
			const match = item?.match( /(.+)[0-9] minute/ );
			if ( match && match.length > 1 ) {
				return match[ 1 ];
			}
			return item;
		} );
	}

	async clickOnTaskList( taskTitle: string ) {
		const item = await waitForElementByText( 'div', taskTitle );

		if ( ! item ) {
			throw new Error(
				`Could not find task list item with title: ${ taskTitle }`
			);
		} else {
			await item.click();
			await waitForElementByText( 'h1', taskTitle );
		}
	}
}