vn-verdnaturachat/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'));