diff --git a/app/(admin)/admin/leagues/page.test.tsx b/app/(admin)/admin/leagues/page.test.tsx
index 3b772ad9..3bf0ee57 100644
--- a/app/(admin)/admin/leagues/page.test.tsx
+++ b/app/(admin)/admin/leagues/page.test.tsx
@@ -1,17 +1,43 @@
import { render, screen, waitFor } from '@testing-library/react';
import AdminLeagues from './page';
+import { getUserLeagues } from '@/utils/utils';
+import { getAllLeagueEntries } from '@/api/apiFunctions';
jest.mock('@/store/dataStore', () => ({
- useDataStore: jest.fn().mockReturnValue({
- user: { leagues: ['league1', 'league2'] },
- }),
+ useDataStore: jest.fn(() => ({
+ user: {
+ documentId: '123',
+ id: '1234',
+ email: 'test@test.com',
+ leagues: ['league1', 'league2'],
+ },
+ })),
+}));
+
+jest.mock('@/utils/utils', () => ({
+ getUserLeagues: jest.fn(() => Promise.resolve([])),
+ cn: jest.fn(),
+}));
+
+jest.mock('@/api/apiFunctions', () => ({
+ getAllLeagueEntries: jest.fn(),
}));
describe('AdminLeagues', () => {
+ render();
+
+ const mockGetUserLeagues = getUserLeagues as jest.Mock;
+ const mockGetAllLeagueEntries = getAllLeagueEntries as jest.Mock;
+
beforeEach(() => {
- render();
- })
+ jest.clearAllMocks();
+ });
+
it('should render the League data table component', async () => {
+ mockGetAllLeagueEntries.mockResolvedValue([]);
+
+ mockGetUserLeagues.mockResolvedValue([]);
+
await waitFor(() => {
const leagueTable = screen.getByTestId('data-table');
expect(leagueTable).toBeInTheDocument();