const {
	device, expect, element, by, waitFor
} = require('detox');
const data = require('../../data');
const { navigateToLogin, login, tapBack, sleep } = require('../../helpers/app');

const testuser = data.users.regular

async function navigateToRoom(search) {
	await element(by.id('directory-view-search')).replaceText(search);	
	await waitFor(element(by.id(`directory-view-item-${ search }`))).toBeVisible().withTimeout(10000);
	await sleep(300); // app takes some time to animate
	await element(by.id(`directory-view-item-${ search }`)).tap();
	await waitFor(element(by.id('room-view'))).toExist().withTimeout(5000);
	await waitFor(element(by.id(`room-view-title-${ search }`))).toExist().withTimeout(5000);
}

describe('Join room from directory', () => {
	before(async() => {
		await device.launchApp({ permissions: { notifications: 'YES' }, delete: true });
		await navigateToLogin();
		await login(testuser.username, testuser.password);
	});

	describe('Usage', async() => {
		it('should tap directory', async() => {
			await element(by.id('rooms-list-view-directory')).tap();	
			await waitFor(element(by.id('directory-view'))).toExist().withTimeout(2000);
		})

		it('should search public channel and navigate', async() => {
			await navigateToRoom(data.channels.detoxpublic.name);
		})

		it('should back and tap directory', async() => {
			await tapBack();
			await element(by.id('rooms-list-view-directory')).tap();	
		})

		it('should search user and navigate', async() => {
			await element(by.id('directory-view-dropdown')).tap();	
			await element(by.label('Users')).tap();
			await element(by.label('Search by')).tap();	
			await navigateToRoom(data.users.alternate.username);
		})
	});
});