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', () => {
		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 search user and navigate', async() => {
			await tapBack();
			await element(by.id('rooms-list-view-directory')).tap();
			await waitFor(element(by.id('directory-view'))).toExist().withTimeout(2000);
			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);
		});

		it('should search user and navigate', async() => {
			await tapBack();
			await element(by.id('rooms-list-view-directory')).tap();
			await waitFor(element(by.id('directory-view'))).toExist().withTimeout(2000);
			await element(by.id('directory-view-dropdown')).tap();
			await element(by.label('Teams')).tap();
			await element(by.label('Search by')).tap();
			await navigateToRoom(data.teams.private.name);
		});
	});
});