Rocket.Chat.ReactNative/app/presentation/UnreadBadge/getUnreadStyle.test.js

/* eslint-disable no-undef */
import { themes } from '../../constants/colors';
import { getUnreadStyle } from './getUnreadStyle';

const testsForTheme = (theme) => {
	const getUnreadStyleUtil = ({ ...props }) => getUnreadStyle({ theme, ...props });

	test('render empty', () => {
		expect(getUnreadStyleUtil({})).toEqual({});
	});

	test('render unread', () => {
		expect(getUnreadStyleUtil({
			unread: 1
		})).toEqual({
			backgroundColor: themes[theme].unreadColor,
			color: themes[theme].buttonText
		});
	});

	test('render thread unread', () => {
		expect(getUnreadStyleUtil({
			tunread: [1]
		})).toEqual({
			backgroundColor: themes[theme].tunreadColor,
			color: themes[theme].buttonText
		});
	});

	test('render user mention', () => {
		expect(getUnreadStyleUtil({
			unread: 1,
			userMentions: 1
		})).toEqual({
			backgroundColor: themes[theme].mentionMeColor,
			color: themes[theme].buttonText
		});
	});

	test('render group mention', () => {
		expect(getUnreadStyleUtil({
			unread: 1,
			groupMentions: 1
		})).toEqual({
			backgroundColor: themes[theme].mentionGroupColor,
			color: themes[theme].buttonText
		});
	});

	test('mentions priority', () => {
		expect(getUnreadStyleUtil({
			unread: 1,
			userMentions: 1,
			groupMentions: 1,
			tunread: [1]
		})).toEqual({
			backgroundColor: themes[theme].mentionMeColor,
			color: themes[theme].buttonText
		});
		expect(getUnreadStyleUtil({
			unread: 1,
			groupMentions: 1,
			tunread: [1]
		})).toEqual({
			backgroundColor: themes[theme].mentionGroupColor,
			color: themes[theme].buttonText
		});
		expect(getUnreadStyleUtil({
			unread: 1,
			tunread: [1]
		})).toEqual({
			backgroundColor: themes[theme].tunreadColor,
			color: themes[theme].buttonText
		});
	});
};

describe('getUnreadStyle light theme', () => testsForTheme('light'));
describe('getUnreadStyle dark theme', () => testsForTheme('dark'));
describe('getUnreadStyle black theme', () => testsForTheme('black'));