Rocket.Chat.ReactNative/e2e/helpers/app.ts

import { by, expect, element } from 'detox';

import data from '../data';

export type TTextMatcher = keyof Pick<Detox.ByFacade, 'text' | 'label'>;

const platformTypes = {
	android: {
		// Android types
		alertButtonType: 'android.widget.Button',
		scrollViewType: 'android.widget.ScrollView',
		textInputType: 'android.widget.EditText',
		textMatcher: 'text' as TTextMatcher
	},
	ios: {
		// iOS types
		alertButtonType: '_UIAlertControllerActionView',
		scrollViewType: 'UIScrollView',
		textInputType: '_UIAlertControllerTextField',
		textMatcher: 'label' as TTextMatcher
	}
};

function sleep(ms: number) {
	return new Promise(res => setTimeout(res, ms));
}

async function navigateToWorkspace(server = data.server) {
	await waitFor(element(by.id('new-server-view')))
		.toBeVisible()
		.withTimeout(60000);
	await element(by.id('new-server-view-input')).replaceText(`${server}`);
	await element(by.id('new-server-view-input')).tapReturnKey();
	await waitFor(element(by.id('workspace-view')))
		.toBeVisible()
		.withTimeout(60000);
	await expect(element(by.id('workspace-view'))).toBeVisible();
}

async function navigateToLogin(server?: string) {
	await navigateToWorkspace(server);
	await element(by.id('workspace-view-login')).tap();
	await waitFor(element(by.id('login-view')))
		.toExist()
		.withTimeout(2000);
}

async function navigateToRegister(server?: string) {
	await navigateToWorkspace(server);
	await element(by.id('workspace-view-register')).tap();
	await waitFor(element(by.id('register-view')))
		.toExist()
		.withTimeout(2000);
}

async function login(username: string, password: string) {
	await waitFor(element(by.id('login-view')))
		.toExist()
		.withTimeout(2000);
	await element(by.id('login-view-email')).replaceText(username);
	await element(by.id('login-view-email')).tapReturnKey();
	await element(by.id('login-view-password')).replaceText(password);
	await element(by.id('login-view-password')).tapReturnKey();
	await waitFor(element(by.id('rooms-list-view')))
		.toExist()
		.withTimeout(30000);
}

async function logout() {
	const deviceType = device.getPlatform();
	const { scrollViewType, textMatcher } = platformTypes[deviceType];
	await element(by.id('rooms-list-view-sidebar')).tap();
	await waitFor(element(by.id('sidebar-view')))
		.toBeVisible()
		.withTimeout(2000);
	await waitFor(element(by.id('sidebar-settings')))
		.toBeVisible()
		.withTimeout(2000);
	await element(by.id('sidebar-settings')).tap();
	await waitFor(element(by.id('settings-view')))
		.toBeVisible()
		.withTimeout(2000);
	await element(by.type(scrollViewType)).atIndex(1).scrollTo('bottom');
	await element(by.id('settings-logout')).tap();
	const logoutAlertMessage = 'You will be logged out of this application.';
	await waitFor(element(by[textMatcher](logoutAlertMessage)).atIndex(0))
		.toExist()
		.withTimeout(10000);
	await expect(element(by[textMatcher](logoutAlertMessage)).atIndex(0)).toExist();
	await element(by[textMatcher]('Logout')).atIndex(0).tap();
	await waitFor(element(by.id('new-server-view')))
		.toBeVisible()
		.withTimeout(10000);
	await expect(element(by.id('new-server-view'))).toBeVisible();
}

async function mockMessage(message: string, isThread = false) {
	const deviceType = device.getPlatform();
	const { textMatcher } = platformTypes[deviceType];
	const input = isThread ? 'messagebox-input-thread' : 'messagebox-input';
	await element(by.id(input)).replaceText(`${data.random}${message}`);
	await sleep(300);
	await element(by.id('messagebox-send-message')).tap();
	await waitFor(element(by[textMatcher](`${data.random}${message}`)))
		.toExist()
		.withTimeout(60000);
	await element(by[textMatcher](`${data.random}${message}`))
		.atIndex(0)
		.tap();
}

async function starMessage(message: string) {
	const deviceType = device.getPlatform();
	const { textMatcher } = platformTypes[deviceType];
	const messageLabel = `${data.random}${message}`;
	await element(by[textMatcher](messageLabel)).atIndex(0).longPress();
	await expect(element(by.id('action-sheet'))).toExist();
	await expect(element(by.id('action-sheet-handle'))).toBeVisible();
	await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5);
	await element(by[textMatcher]('Star')).atIndex(0).tap();
	await waitFor(element(by.id('action-sheet')))
		.not.toExist()
		.withTimeout(5000);
}

async function pinMessage(message: string) {
	const deviceType = device.getPlatform();
	const { textMatcher } = platformTypes[deviceType];
	const messageLabel = `${data.random}${message}`;
	await waitFor(element(by[textMatcher](messageLabel)).atIndex(0)).toExist();
	await element(by[textMatcher](messageLabel)).atIndex(0).tap();
	await element(by[textMatcher](messageLabel)).atIndex(0).longPress();
	await expect(element(by.id('action-sheet'))).toExist();
	await expect(element(by.id('action-sheet-handle'))).toBeVisible();
	await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5);
	await element(by[textMatcher]('Pin')).atIndex(0).tap();
	await waitFor(element(by.id('action-sheet')))
		.not.toExist()
		.withTimeout(5000);
}

async function dismissReviewNag() {
	const deviceType = device.getPlatform();
	const { textMatcher } = platformTypes[deviceType];
	await waitFor(element(by[textMatcher]('Are you enjoying this app?')))
		.toExist()
		.withTimeout(60000);
	await element(by[textMatcher]('No')).atIndex(0).tap(); // Tap `no` on ask for review alert
}

async function tapBack() {
	await element(by.id('header-back')).atIndex(0).tap();
}

async function searchRoom(room: string) {
	await waitFor(element(by.id('rooms-list-view')))
		.toBeVisible()
		.withTimeout(30000);
	await tapAndWaitFor(element(by.id('rooms-list-view-search')), element(by.id('rooms-list-view-search-input')), 5000);
	await element(by.id('rooms-list-view-search-input')).typeText(room);
	await sleep(300);
	await waitFor(element(by.id(`rooms-list-view-item-${room}`)))
		.toBeVisible()
		.withTimeout(60000);
}

async function navigateToRoom(room: string) {
	await searchRoom(room);
	await element(by.id(`rooms-list-view-item-${room}`)).tap();
	await checkRoomTitle(room);
}

async function tryTapping(
	theElement: Detox.IndexableNativeElement | Detox.NativeElement,
	timeout: number,
	longtap = false
): Promise<void> {
	try {
		if (longtap) {
			await theElement.tap();
			await theElement.longPress();
		} else {
			await theElement.tap();
		}
	} catch (e) {
		if (timeout <= 0) {
			throw e;
		}
		return tryTapping(theElement, timeout - 100);
	}
}

async function tapAndWaitFor(
	elementToTap: Detox.IndexableNativeElement | Detox.NativeElement,
	elementToWaitFor: Detox.IndexableNativeElement | Detox.NativeElement,
	timeout: number
) {
	try {
		await elementToTap.tap();
		await waitFor(elementToWaitFor).toBeVisible().withTimeout(200);
	} catch (e) {
		if (timeout <= 0) {
			throw e;
		}
		await sleep(100);
		await tapAndWaitFor(elementToTap, elementToWaitFor, timeout - 100);
	}
}

async function checkRoomTitle(room: string) {
	await waitFor(element(by.id(`room-view-title-${room}`)))
		.toBeVisible()
		.withTimeout(60000);
}

const checkServer = async (server: string) => {
	const label = `Connected to ${server}`;
	await element(by.id('rooms-list-view-sidebar')).tap();
	await waitFor(element(by.id('sidebar-view')))
		.toBeVisible()
		.withTimeout(2000);
	await waitFor(element(by.label(label)))
		.toBeVisible()
		.withTimeout(10000);
	await waitFor(element(by.id('sidebar-close-drawer')))
		.toBeVisible()
		.withTimeout(10000);
	await element(by.id('sidebar-close-drawer')).tap();
	await waitFor(element(by.id('sidebar-close-drawer')))
		.not.toBeVisible()
		.withTimeout(10000);
};

export {
	navigateToWorkspace,
	navigateToLogin,
	navigateToRegister,
	login,
	logout,
	mockMessage,
	starMessage,
	pinMessage,
	dismissReviewNag,
	tapBack,
	sleep,
	searchRoom,
	navigateToRoom,
	tryTapping,
	tapAndWaitFor,
	checkRoomTitle,
	checkServer,
	platformTypes
};