upstream-rocketchat/apps/meteor/tests/e2e/omnichannel/omnichannel-appearance.spec.ts

import { IS_EE } from '../config/constants';
import { Users } from '../fixtures/userStates';
import { OmnichannelLivechatAppearance } from '../page-objects/omnichannel';
import { test, expect } from '../utils/test';

test.use({ storageState: Users.admin.state });

test.describe.serial('OC - Livechat Appearance - EE', () => {
	let poLivechatAppearance: OmnichannelLivechatAppearance;
	test.skip(!IS_EE, 'Enterprise Only');

	test.beforeEach(async ({ page }) => {
		poLivechatAppearance = new OmnichannelLivechatAppearance(page);
		await poLivechatAppearance.goto();
	});

	test.afterAll(async ({ api }) => {
		const res = await Promise.all([
			api.post('/settings/Livechat_hide_system_messages', { value: ['uj', 'ul', 'livechat-close'] }),
			api.post('/settings/Livechat_background', { value: '' }),
		]);

		if (res.some((r) => r.status() !== 200)) {
			throw new Error('Failed to reset settings');
		}
	});

	test('OC - Livechat Appearance - Hide system messages', async ({ page }) => {
		await test.step('expect to have default values', async () => {
			await poLivechatAppearance.inputHideSystemMessages.click();
			await expect(poLivechatAppearance.findHideSystemMessageOption('uj')).toHaveAttribute('aria-selected', 'true');
			await expect(poLivechatAppearance.findHideSystemMessageOption('ul')).toHaveAttribute('aria-selected', 'true');
			await expect(poLivechatAppearance.findHideSystemMessageOption('livechat-close')).toHaveAttribute('aria-selected', 'true');
			await poLivechatAppearance.inputHideSystemMessages.click();
		});

		await test.step('expect to change values', async () => {
			await poLivechatAppearance.inputHideSystemMessages.click();
			await poLivechatAppearance.findHideSystemMessageOption('livechat_transfer_history').click();
			await poLivechatAppearance.findHideSystemMessageOption('livechat-close').click();
			await poLivechatAppearance.btnSaveChanges.click();
		});

		await test.step('expect to have saved changes', async () => {
			await page.reload();
			await poLivechatAppearance.inputHideSystemMessages.click();
			await expect(poLivechatAppearance.findHideSystemMessageOption('uj')).toHaveAttribute('aria-selected', 'true');
			await expect(poLivechatAppearance.findHideSystemMessageOption('ul')).toHaveAttribute('aria-selected', 'true');
			await expect(poLivechatAppearance.findHideSystemMessageOption('livechat_transfer_history')).toHaveAttribute('aria-selected', 'true');
			await expect(poLivechatAppearance.findHideSystemMessageOption('livechat-close')).toHaveAttribute('aria-selected', 'false');
		});
	});

	test('OC - Livechat Appearance - Change Livechat background', async ({ page }) => {
		await test.step('expect to have default value', async () => {
			await expect(await poLivechatAppearance.inputLivechatBackground).toHaveValue('');
		});

		await test.step('expect to change value', async () => {
			await poLivechatAppearance.inputLivechatBackground.fill('rgb(186, 1, 85)');
			await poLivechatAppearance.btnSaveChanges.click();
		});

		await test.step('expect to have saved changes', async () => {
			await page.reload();
			await expect(poLivechatAppearance.inputLivechatBackground).toHaveValue('rgb(186, 1, 85)');
		});
	});
});

test.describe('OC - Livechat Appearance - CE', () => {
	let poLivechatAppearance: OmnichannelLivechatAppearance;

	test.beforeEach(async ({ page }) => {
		poLivechatAppearance = new OmnichannelLivechatAppearance(page);
		await poLivechatAppearance.goto();
	});

	test.afterAll(async ({ api }) => {
		const res = await api.post('/settings/Livechat_title', { value: 'Rocket.Chat' });

		if (res.status() !== 200) {
			throw new Error('Failed to reset settings');
		}
	});

	test('OC - Livechat Appearance - Change Livechat Title', async ({ page }) => {
		await test.step('expect to have default value', async () => {
			await expect(poLivechatAppearance.inputLivechatTitle).toHaveValue('Rocket.Chat');
		});

		await test.step('expect to change value', async () => {
			await poLivechatAppearance.inputLivechatTitle.fill('Test Title');
			await poLivechatAppearance.btnSaveChanges.click();
		});

		await test.step('expect to have saved changes', async () => {
			await page.reload();
			await expect(poLivechatAppearance.inputLivechatTitle).toHaveValue('Test Title');
		});
	});
});