[TEST] E2E for Jump to Message

app/containers/Loading.js

@@ -103,7 +103,7 @@ export default class Loading extends React.PureComponent {
 				transparent
 				onRequestClose={() => {}}
 			>
-				<View style={styles.container}>
+				<View style={styles.container} testID='loading'>
 					<Animated.Image
 						source={require('../static/images/logo.png')}
 						style={[styles.image, {

app/views/RoomView/List/NavBottomFAB.js

@@ -52,7 +52,7 @@ const NavBottomFAB = ({ y, onPress, isThread }) => {
 		bottom += SEND_TO_CHANNEL_HEIGHT;
 	}
 	return (
-		<Animated.View style={[styles.container, { bottom }]}>
+		<Animated.View style={[styles.container, { bottom }]} testID='nav-jump-to-bottom'>
 			<Touch
 				onPress={handleOnPress}
 				theme={theme}

app/views/SidebarView/index.js

@@ -154,7 +154,7 @@ class Sidebar extends Component {
 					text={I18n.t('Admin_Panel')}
 					left={<CustomIcon name='settings' size={20} color={themes[theme].titleText} />}
 					onPress={() => this.sidebarNavigate(routeName)}
-					testID='sidebar-settings'
+					testID='sidebar-admin'
 					current={this.currentItemKey === routeName}
 				/>
 			</>

e2e/tests/room/09-jumptomessage.spec.js

@@ -0,0 +1,154 @@
+const {
+	device, expect, element, by, waitFor
+} = require('detox');
+const data = require('../../data');
+const { navigateToLogin, mockMessage, tapBack, login, sleep, searchRoom } = require('../../helpers/app');
+
+async function navigateToRoom(roomName) {
+	await searchRoom(`${ roomName }`);
+	await element(by.id(`rooms-list-view-item-${ roomName }`)).tap();
+	await waitFor(element(by.id('room-view'))).toBeVisible().withTimeout(5000);
+}
+
+async function clearCache() {
+	await waitFor(element(by.id('room-view'))).toBeVisible().withTimeout(5000);
+	await tapBack();
+	await waitFor(element(by.id('rooms-list-view'))).toBeVisible().withTimeout(10000);
+	await element(by.id('rooms-list-view-sidebar')).tap();
+	await waitFor(element(by.id('sidebar-view'))).toBeVisible().withTimeout(2000);
+	await element(by.id('sidebar-settings')).tap();
+	await waitFor(element(by.id('settings-view'))).toBeVisible().withTimeout(2000);
+	await element(by.id('settings-view-clear-cache')).tap();
+	await waitFor(element(by.text('This will clear all your offline data.'))).toExist().withTimeout(2000);
+	await element(by.label('Clear').and(by.type('_UIAlertControllerActionView'))).tap(); 
+	await waitFor(element(by.id('rooms-list-view'))).toBeVisible().withTimeout(5000);
+	await waitFor(element(by.id(`rooms-list-view-item-jumping`))).toExist().withTimeout(10000);
+}
+
+async function waitForLoading() {
+	await waitFor(element(by.id('loading'))).toBeVisible().withTimeout(5000);
+	await waitFor(element(by.id('loading'))).toBeNotVisible().withTimeout(5000);
+}
+
+describe('Room', () => {
+	before(async() => {
+		await device.launchApp({ permissions: { notifications: 'YES' }, delete: true });
+		await navigateToLogin();
+		await login(data.adminUser, data.adminPassword);
+	});
+
+	it('should jump to an old message and load its surroundings', async() => {
+		await navigateToRoom('jumping');
+		await waitFor(element(by.label('Quote first message'))).toExist().withTimeout(5000);
+		await element(by.label('1')).atIndex(0).tap();
+		await waitForLoading();
+		await expect(element(by.label('1')).atIndex(0)).toExist();
+		await expect(element(by.label('2'))).toExist();
+	});
+
+	it('should tap FAB and scroll to bottom', async() => {
+		await waitFor(element(by.id('nav-jump-to-bottom'))).toExist().withTimeout(5000);
+		await element(by.id('nav-jump-to-bottom')).tap();
+		await waitFor(element(by.label('Quote first message'))).toExist().withTimeout(5000);
+		await clearCache();
+	})
+
+	it('should load messages on scroll', async() => {
+		await navigateToRoom('jumping');
+		await waitFor(element(by.id('room-view-messages'))).toExist().withTimeout(5000);
+		await waitFor(element(by.label('300'))).toExist().withTimeout(5000);
+		let found = false;
+		while (!found) {
+			await element(by.id('room-view-messages')).atIndex(0).scroll(500, 'up');
+			try {
+				await expect(element(by.label('249'))).toExist();
+				found = true;
+			} catch {
+			}
+		}
+		await clearCache();
+	});
+
+	it('should search for old message and load its surroundings', async() => {
+		await navigateToRoom('jumping');
+		await element(by.id('room-view-search')).tap();
+		await waitFor(element(by.id('search-messages-view'))).toExist().withTimeout(5000);
+		await element(by.id('search-message-view-input')).typeText('30\n');
+		await waitFor(element(by.label('30')).atIndex(0)).toExist().withTimeout(5000);
+		await element(by.label('30')).atIndex(0).tap();
+		await waitForLoading();
+		await expect(element(by.label('30'))).toExist();
+		await expect(element(by.label('31'))).toExist();
+		await expect(element(by.label('32'))).toExist();
+	})
+
+	it('should load newer and older messages', async() => {
+		await element(by.id('room-view-messages')).atIndex(0).swipe('down', 'fast', 0.8);
+		await waitFor(element(by.label('5'))).toExist().withTimeout(5000);
+		await waitFor(element(by.label('Load Older'))).toExist().withTimeout(5000);
+		await element(by.label('Load Older')).atIndex(0).tap();
+		await waitFor(element(by.label('4'))).toExist().withTimeout(5000);
+		await element(by.id('room-view-messages')).atIndex(0).swipe('down', 'fast', 0.5);
+		await waitFor(element(by.label('1'))).toExist().withTimeout(5000);
+		await element(by.id('room-view-messages')).atIndex(0).swipe('up', 'fast', 0.5);
+		await waitFor(element(by.label('25'))).toExist().withTimeout(5000);
+		await element(by.id('room-view-messages')).atIndex(0).swipe('up', 'fast', 0.5);
+		await waitFor(element(by.label('50'))).toExist().withTimeout(5000);
+		await element(by.id('room-view-messages')).atIndex(0).swipe('up', 'slow', 0.5);
+		await waitFor(element(by.label('Load Newer'))).toExist().withTimeout(5000);
+		await element(by.label('Load Newer')).atIndex(0).tap();
+		await waitFor(element(by.label('104'))).toExist().withTimeout(5000);
+		await waitFor(element(by.label('Load Newer'))).toExist().withTimeout(5000);
+		await element(by.label('Load Newer')).atIndex(0).tap();
+		await waitFor(element(by.label('154'))).toExist().withTimeout(5000);
+		await waitFor(element(by.label('Load Newer'))).toExist().withTimeout(5000);
+		await element(by.label('Load Newer')).atIndex(0).tap();
+		await waitFor(element(by.label('Load Newer'))).toNotExist().withTimeout(5000);
+		await expect(element(by.label('Load More'))).toNotExist();
+		await expect(element(by.label('201'))).toExist();
+		await expect(element(by.label('202'))).toExist();
+		await tapBack();
+	});
+});
+
+const expectThreadMessages = async(message) => {
+	await waitFor(element(by.id('room-view-title-jumping-thread'))).toExist().withTimeout(5000);
+	await expect(element(by.label(message))).toExist();
+}
+
+describe('Threads', async() => {
+	it('should navigate to a thread from another room', async() => {
+		await navigateToRoom('jumping');
+		await waitFor(element(by.label('Go to jumping-thread\'s thread')).atIndex(0)).toExist().withTimeout(5000);
+		await element(by.label('Go to jumping-thread\'s thread')).atIndex(0).tap();
+		await waitForLoading();
+		await expectThreadMessages('Go to jumping-thread\'s thread');
+		await tapBack();
+	});
+
+	it('should tap on thread message from main room', async() => {
+		await waitFor(element(by.label('thread message sent to main room')).atIndex(0)).toExist().withTimeout(5000);
+		await element(by.label('thread message sent to main room')).atIndex(0).tap();
+		await expectThreadMessages('thread message sent to main room');
+		await tapBack();
+	});
+
+	it('should tap on quote', async() => {
+		await waitFor(element(by.label('quoted'))).toExist().withTimeout(5000);
+		await element(by.label('quoted')).atIndex(0).tap();
+		await expectThreadMessages('quoted');
+		await tapBack();
+	});
+
+	it('should jump from search message', async() => {
+		await waitFor(element(by.id('room-view-title-jumping-thread'))).toExist().withTimeout(5000);
+		await element(by.id('room-view-search')).atIndex(0).tap();
+		await waitFor(element(by.id('search-messages-view'))).toExist().withTimeout(5000);
+		await element(by.id('search-message-view-input')).typeText('to be searched\n');
+		await waitFor(element(by.label('to be searched'))).toExist().withTimeout(5000);
+		await element(by.label('to be searched')).atIndex(1).tap();
+		await expectThreadMessages('to be searched');
+	});
+
+	//TODO: Threads pagination
+});