import { by, expect, element } from 'detox'; import data from '../data'; import random from './random'; export type TTextMatcher = keyof Pick; 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(); } /** * @deprecated use mockRandomMessage */ 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 mockRandomMessage(messageEnd: string, isThread = false) { const message = `${random(10)}${messageEnd}`; const deviceType = device.getPlatform(); const { textMatcher } = platformTypes[deviceType]; const input = isThread ? 'messagebox-input-thread' : 'messagebox-input'; await element(by.id(input)).replaceText(message); await sleep(300); await element(by.id('messagebox-send-message')).tap(); await waitFor(element(by[textMatcher](message))) .toExist() .withTimeout(60000); await element(by[textMatcher](message)).atIndex(0).tap(); return message; } 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(); await sleep(300); // Wait for animation to finish } 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, longPress = false ): Promise { try { if (longPress) { 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, longPress = false ) { try { if (longPress) { elementToTap.longPress(); } else { await elementToTap.tap(); } await waitFor(elementToWaitFor).toBeVisible().withTimeout(1000); } 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); }; // Useful to get rid of `Too many requests` alert on register async function expectValidRegisterOrRetry(platform: keyof typeof platformTypes, retries = 3) { if (retries === 0) { throw new Error('Too many retries'); } try { await waitFor(element(by.id('rooms-list-view'))) .toBeVisible() .withTimeout(60000); } catch (error) { /** * We can't use regex to properly match by label, so we assume [error-too-many-requests] is visible. * We don't need to wait for another 60 seconds, because we already did above, so we just try again. * */ await element(by[platformTypes[platform].textMatcher]('OK').and(by.type(platformTypes[platform].alertButtonType))).tap(); await element(by.id('register-view-submit')).tap(); await expectValidRegisterOrRetry(platform, retries - 1); } } export { navigateToWorkspace, navigateToLogin, navigateToRegister, login, logout, mockMessage, mockRandomMessage, dismissReviewNag, tapBack, sleep, searchRoom, navigateToRoom, tryTapping, tapAndWaitFor, checkRoomTitle, checkServer, platformTypes, expectValidRegisterOrRetry };