upstream-rocketchat/apps/meteor/client/views/admin/engagementDashboard/users/useHourlyChatActivity.spec.ts

import { mockAppRoot } from '@rocket.chat/mock-providers';
import { renderHook, waitFor } from '@testing-library/react';

import { useHourlyChatActivity } from './useHourlyChatActivity';

it('should return utc time', async () => {
	const expectedResult = {
		hours: [
			{ hour: 0, users: 0 },
			{ hour: 2, users: 0 },
			{ hour: 4, users: 0 },
			{ hour: 6, users: 0 },
			{ hour: 8, users: 0 },
			{ hour: 10, users: 0 },
			{ hour: 12, users: 5 },
			{ hour: 14, users: 0 },
			{ hour: 16, users: 0 },
			{ hour: 18, users: 0 },
			{ hour: 20, users: 0 },
			{ hour: 22, users: 0 },
		],
		success: true,
	};
	const { result } = renderHook(() => useHourlyChatActivity({ displacement: 0, utc: true }), {
		wrapper: mockAppRoot()
			.withEndpoint('GET', '/v1/engagement-dashboard/users/chat-busier/hourly-data', () => expectedResult)
			.build(),
	});

	await waitFor(() => expect(result.current.isSuccess).toBe(true));

	if (!result.current.data) {
		throw new Error('Data is undefined');
	}

	expect(result.current.data?.hours).toEqual(expectedResult.hours);
});

// CI is currently running in UTC, so no local time is returned
// TODO: find a way to simulate local time properly in tests
it.skip('should return local time', async () => {
	const receivedData = {
		hours: [
			{ hour: 0, users: 0 },
			{ hour: 2, users: 0 },
			{ hour: 4, users: 0 },
			{ hour: 6, users: 0 },
			{ hour: 8, users: 0 },
			{ hour: 10, users: 0 },
			{ hour: 12, users: 5 },
			{ hour: 14, users: 0 },
			{ hour: 16, users: 0 },
			{ hour: 18, users: 0 },
			{ hour: 20, users: 0 },
			{ hour: 22, users: 0 },
		],
		success: true,
	};

	const expectedResult = {
		hours: [
			{ hour: 0, users: 0 },
			{ hour: 2, users: 0 },
			{ hour: 4, users: 5 },
			{ hour: 6, users: 0 },
			{ hour: 8, users: 0 },
			{ hour: 10, users: 0 },
			{ hour: 12, users: 0 },
			{ hour: 14, users: 0 },
			{ hour: 16, users: 0 },
			{ hour: 18, users: 0 },
			{ hour: 20, users: 0 },
			{ hour: 22, users: 0 },
		],
	};

	const { result } = renderHook(() => useHourlyChatActivity({ displacement: 0, utc: false }), {
		wrapper: mockAppRoot()
			.withEndpoint('GET', '/v1/engagement-dashboard/users/chat-busier/hourly-data', () => receivedData)
			.build(),
	});

	await waitFor(() => expect(result.current.isSuccess).toBe(true));

	if (!result.current.data) {
		throw new Error('Data is undefined');
	}
	expect(result.current.data.hours.sort((a, b) => a.hour - b.hour)).toEqual(expectedResult.hours);
});