import { expect } from 'detox';

import { TTextMatcher, navigateToLogin, login, mockMessage, tapBack, searchRoom, platformTypes } from '../../helpers/app';
import data from '../../data';

const channel = data.groups.private.name;

const navigateToRoom = async () => {
	await searchRoom(channel);
	await element(by.id(`rooms-list-view-item-${channel}`)).tap();
	await waitFor(element(by.id('room-view')))
		.toBeVisible()
		.withTimeout(5000);
};

describe('Discussion', () => {
	let textMatcher: TTextMatcher;
	before(async () => {
		await device.launchApp({ permissions: { notifications: 'YES' }, newInstance: true, delete: true });
		({ textMatcher } = platformTypes[device.getPlatform()]);
		await navigateToLogin();
		await login(data.users.regular.username, data.users.regular.password);
	});

	it('should create discussion from NewMessageView', async () => {
		const discussionName = `${data.random} Discussion NewMessageView`;
		await waitFor(element(by.id('rooms-list-view-create-channel')))
			.toExist()
			.withTimeout(2000);
		await element(by.id('rooms-list-view-create-channel')).tap();
		await waitFor(element(by.id('new-message-view')))
			.toExist()
			.withTimeout(2000);
		await element(by[textMatcher]('Discussion')).atIndex(0).tap();
		await waitFor(element(by.id('create-discussion-view')))
			.toExist()
			.withTimeout(60000);
		await expect(element(by.id('create-discussion-view'))).toExist();
		await element(by[textMatcher]('Select a Channel...')).tap();
		await element(by.id('multi-select-search')).replaceText(`${channel}`);
		await waitFor(element(by.id(`multi-select-item-${channel}`)))
			.toExist()
			.withTimeout(10000);
		await element(by.id(`multi-select-item-${channel}`)).tap();
		await element(by.id('multi-select-discussion-name')).replaceText(discussionName);
		await waitFor(element(by.id('create-discussion-submit')))
			.toExist()
			.withTimeout(10000);
		await element(by.id('create-discussion-submit')).tap();
		await waitFor(element(by.id('room-view')))
			.toExist()
			.withTimeout(10000);
		await waitFor(element(by.id(`room-view-title-${discussionName}`)))
			.toExist()
			.withTimeout(5000);
		await tapBack();
		await waitFor(element(by.id(`rooms-list-view-item-${discussionName}`)))
			.toExist()
			.withTimeout(5000);
	});

	it('should create discussion from action button', async () => {
		const discussionName = `${data.random} Discussion Action Button`;
		await navigateToRoom();
		await element(by.id('messagebox-actions')).tap();
		await waitFor(element(by.id('action-sheet')))
			.toExist()
			.withTimeout(2000);
		await element(by[textMatcher]('Create Discussion')).atIndex(0).tap();
		await waitFor(element(by.id('create-discussion-view')))
			.toExist()
			.withTimeout(2000);
		await element(by.id('multi-select-discussion-name')).replaceText(discussionName);
		await waitFor(element(by.id('create-discussion-submit')))
			.toExist()
			.withTimeout(10000);
		await element(by.id('create-discussion-submit')).tap();
		await waitFor(element(by.id('room-view')))
			.toExist()
			.withTimeout(10000);
		await waitFor(element(by.id(`room-view-title-${discussionName}`)))
			.toExist()
			.withTimeout(5000);
	});

	describe('Create Discussion from action sheet', () => {
		it('should send a message', async () => {
			await waitFor(element(by.id('messagebox')))
				.toBeVisible()
				.withTimeout(60000);
			await mockMessage('message');
		});

		it('should create discussion', async () => {
			const discussionName = `${data.random}message`;
			await element(by[textMatcher](discussionName)).atIndex(0).longPress();
			await waitFor(element(by.id('action-sheet')))
				.toExist()
				.withTimeout(2000);
			await element(by[textMatcher]('Start a Discussion')).atIndex(0).tap();
			await waitFor(element(by.id('create-discussion-view')))
				.toExist()
				.withTimeout(2000);
			await element(by.id('create-discussion-submit')).tap();
			await waitFor(element(by.id('room-view')))
				.toExist()
				.withTimeout(10000);
			await waitFor(element(by.id(`room-view-title-${discussionName}`)))
				.toExist()
				.withTimeout(5000);
		});
	});

	describe('Check RoomActionsView render', () => {
		it('should navigate to RoomActionsView', async () => {
			await waitFor(element(by.id('room-header')))
				.toBeVisible()
				.withTimeout(5000);
			await element(by.id('room-header')).tap();
			await waitFor(element(by.id('room-actions-view')))
				.toBeVisible()
				.withTimeout(5000);
		});

		it('should have room actions screen', async () => {
			await expect(element(by.id('room-actions-view'))).toBeVisible();
		});

		it('should have info', async () => {
			await expect(element(by.id('room-actions-info'))).toBeVisible();
		});

		it('should have members', async () => {
			await expect(element(by.id('room-actions-members'))).toBeVisible();
		});

		it('should have files', async () => {
			await expect(element(by.id('room-actions-files'))).toBeVisible();
		});

		it('should have mentions', async () => {
			await expect(element(by.id('room-actions-mentioned'))).toBeVisible();
		});

		it('should have starred', async () => {
			await element(by.id('room-actions-scrollview')).swipe('up', 'slow', 0.5);
			await expect(element(by.id('room-actions-starred'))).toBeVisible();
		});

		it('should have share', async () => {
			await element(by.id('room-actions-scrollview')).swipe('up');
			await expect(element(by.id('room-actions-share'))).toBeVisible();
		});

		it('should have pinned', async () => {
			await expect(element(by.id('room-actions-pinned'))).toBeVisible();
		});

		it('should not have notifications', async () => {
			await expect(element(by.id('room-actions-notifications'))).toBeVisible();
		});

		it('should not have leave channel', async () => {
			await expect(element(by.id('room-actions-leave-channel'))).toBeVisible();
		});

		it('should navigate to RoomActionView', async () => {
			await element(by.id('room-actions-scrollview')).swipe('down');
			await expect(element(by.id('room-actions-info'))).toBeVisible();
			await element(by.id('room-actions-info')).tap();
			await waitFor(element(by.id('room-info-view')))
				.toExist()
				.withTimeout(60000);
			await expect(element(by.id('room-info-view'))).toExist();
		});

		it('should have edit button', async () => {
			await expect(element(by.id('room-info-view-edit-button'))).toBeVisible();
		});
	});

	describe('Open Discussion from DiscussionsView', () => {
		const discussionName = `${data.random}message`;
		it('should go back to main room', async () => {
			await tapBack();
			await waitFor(element(by.id('room-actions-view')))
				.toBeVisible()
				.withTimeout(5000);
			await tapBack();
			await waitFor(element(by.id(`room-view-title-${discussionName}`)))
				.toExist()
				.withTimeout(5000);
			await tapBack();
			await navigateToRoom();
		});

		it('should navigate to DiscussionsView', async () => {
			await waitFor(element(by.id(`room-view-title-${channel}`)))
				.toExist()
				.withTimeout(5000);
			await waitFor(element(by.id('room-header')))
				.toBeVisible()
				.withTimeout(5000);
			await element(by.id('room-header')).tap();
			await waitFor(element(by.id('room-actions-discussions')))
				.toBeVisible()
				.withTimeout(5000);
			await element(by.id('room-actions-discussions')).tap();
			await waitFor(element(by.id('discussions-view')))
				.toBeVisible()
				.withTimeout(5000);
		});

		it('should navigate to discussion', async () => {
			const discussionName = `${data.random} Discussion NewMessageView`;
			await waitFor(element(by.label(discussionName)).atIndex(0))
				.toExist()
				.withTimeout(5000);
			await element(by.label(discussionName)).atIndex(0).tap();
			await waitFor(element(by.id(`room-view-title-${discussionName}`)))
				.toExist()
				.withTimeout(5000);
		});
	});
});