const assert = require( 'assert' ),
	Api = require( 'wdio-mediawiki/Api' ),
	ArticlePageWithOverlay = require( '../support/pages/article_page_with_overlay' ),
	{ ArticlePage, UserLoginPage, api } = require( '../support/world.js' );

const waitForPropagation = ( timeMs ) => {
	// wait 2 seconds so the change can propogate.
	const d = new Date();
	browser.waitUntil( () => new Date() - d > timeMs );
};

const login = () => {
	return api.loginGetEditToken( {
		username: browser.options.username,
		password: browser.options.password,
		apiUrl: `${browser.options.baseUrl}/api.php`
	} );
};

const createPages = ( pages ) => {
	const summary = 'edit by selenium test';
	return login().then( () =>
		api.batch(
			pages.map( ( page ) => [ 'create' ].concat( page ).concat( [ summary ] ) )
		)
	);
};

const createPage = ( title, wikitext ) => {
	return login().then( () => Api.edit( title, wikitext ) );
};

const iAmUsingTheMobileSite = () => {
	ArticlePage.setMobileMode();
};

const iAmInBetaMode = () => {
	ArticlePage.setBetaMode();
};

const iAmOnPage = ( article ) => {
	ArticlePage.open( article );
	// Make sure the article opened and JS loaded.
	ArticlePage.waitUntilResourceLoaderModuleReady( 'skins.minerva.scripts' );
};

const iAmLoggedIn = () => {
	UserLoginPage.open();
	UserLoginPage.loginAdmin();
	assert.strictEqual( ArticlePage.is_authenticated_element.isExisting(), true );
};

const iAmLoggedIntoTheMobileWebsite = () => {
	iAmUsingTheMobileSite();
	iAmLoggedIn();
};

const pageExists = ( title ) => {
	return createPage( title, 'Page created by Selenium browser test.' ).then( () => {
		const d = new Date();
		// wait 2 seconds so the change can propogate.
		browser.waitUntil( () => new Date() - d > 2000 );
	} );
};

const iAmOnAPageThatDoesNotExist = () => {
	return iAmOnPage( `NewPage ${new Date()}` );
};

const iShouldSeeAToastNotification = () => {
	ArticlePage.notification_element.waitForVisible();
};

const iShouldSeeAToastNotificationWithMessage = ( msg ) => {
	iShouldSeeAToastNotification();
	const notificationBody = ArticlePage.notification_element.element( '.mw-notification-content' );
	assert.strictEqual( notificationBody.getText().indexOf( msg ) > -1, true );
};

const iClickTheBrowserBackButton = () => {
	browser.back();
};

const iClickTheOverlayCloseButton = () => {
	waitForPropagation( 2000 );
	ArticlePageWithOverlay.overlay_close_element.click();
};

const iSeeAnOverlay = () => {
	ArticlePageWithOverlay.overlay_element.waitForVisible();
	assert.strictEqual( ArticlePageWithOverlay.overlay_element.isVisible(), true );
};

const iDoNotSeeAnOverlay = () => {
	waitForPropagation( 5000 );
	browser.waitUntil( () => !ArticlePageWithOverlay.overlay_element.isVisible() );
	assert.strictEqual( ArticlePageWithOverlay.overlay_element.isVisible(), false );
};

const iAmUsingMobileScreenResolution = () => {
	browser.setViewportSize( { width: 320, height: 480 }, true );
};

module.exports = {
	waitForPropagation,
	iAmUsingMobileScreenResolution,
	iSeeAnOverlay, iDoNotSeeAnOverlay,
	iClickTheOverlayCloseButton,
	iClickTheBrowserBackButton,
	createPage, createPages,
	pageExists, iAmOnAPageThatDoesNotExist, iShouldSeeAToastNotification,
	iShouldSeeAToastNotificationWithMessage,
	iAmLoggedIntoTheMobileWebsite,
	iAmUsingTheMobileSite,
	iAmLoggedIn, iAmOnPage, iAmInBetaMode
};