eduvia/workavia-calendar-front
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#708 apply strictier linting rules (#717)

Browse Source 
* #708 apply strictier linting rules and fix simple eslint bugs

* #708 fix eslint errors relate to promise

* #708 fix eslint import/no-extraneous-dependencies

* #708 fix eslint errors of react-hook

* #708 enable eslint check for typescript

---------

Co-authored-by: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>
This commit is contained in:
lethemanh
2026-04-01 22:15:10 +07:00
committed by GitHub
parent 2bff6aae78
commit cadfa70e60
321 changed files with 27452 additions and 27600 deletions
Download Patch File Download Diff File Expand all files Collapse all files
__test__/features/user/LoginCallback.test.tsx
+99 -100
View File
@@ -1,183 +1,182 @@
import { useAppDispatch, useAppSelector } from "@/app/hooks";
import { getCalendarsListAsync } from "@/features/Calendars/services/getCalendarsListAsync";
import { CallbackResume } from "@/features/User/LoginCallback";
import * as oidcAuth from "@/features/User/oidcAuth";
import { useAppDispatch, useAppSelector } from '@/app/hooks'
import { getCalendarsListAsync } from '@/features/Calendars/services/getCalendarsListAsync'
import { CallbackResume } from '@/features/User/LoginCallback'
import * as oidcAuth from '@/features/User/oidcAuth'
import {
getOpenPaasUserDataAsync,
setTokens,
setUserData,
} from "@/features/User/userSlice";
import { render, waitFor } from "@testing-library/react";
import { replace } from "redux-first-history";
import { renderWithProviders } from "../../utils/Renderwithproviders";
import { setAppLoading } from "@/app/loadingSlice";
setUserData
} from '@/features/User/userSlice'
import { render, waitFor } from '@testing-library/react'
import { replace } from 'redux-first-history'
import { renderWithProviders } from '../../utils/Renderwithproviders'
import { setAppLoading } from '@/app/loadingSlice'
// Mocks
jest.mock("@/app/hooks", () => ({
jest.mock('@/app/hooks', () => ({
useAppDispatch: jest.fn(),
useAppSelector: jest.fn(() => ({
user: {
userData: null,
tokens: null,
loading: false,
error: null,
error: null
},
calendars: {
list: {},
pending: false,
error: null,
},
})),
}));
error: null
}
}))
}))
jest.mock("@/features/User/oidcAuth", () => ({
Callback: jest.fn(),
}));
jest.mock('@/features/User/oidcAuth', () => ({
Callback: jest.fn()
}))
jest.mock("@/features/User/userSlice", () => {
jest.mock('@/features/User/userSlice', () => {
const mockGetUser = Object.assign(
jest.fn(() => ({ type: "GET_USER_ID" })),
jest.fn(() => ({ type: 'GET_USER_ID' })),
{
pending: { type: "GET_USER_ID/pending" },
fulfilled: { type: "GET_USER_ID/fulfilled" },
rejected: { type: "GET_USER_ID/rejected" },
pending: { type: 'GET_USER_ID/pending' },
fulfilled: { type: 'GET_USER_ID/fulfilled' },
rejected: { type: 'GET_USER_ID/rejected' }
}
);
)
return {
setUserData: jest.fn((data) => ({ type: "SET_USER", payload: data })),
setTokens: jest.fn((tokens) => ({ type: "SET_TOKENS", payload: tokens })),
getOpenPaasUserDataAsync: mockGetUser,
};
});
setUserData: jest.fn(data => ({ type: 'SET_USER', payload: data })),
setTokens: jest.fn(tokens => ({ type: 'SET_TOKENS', payload: tokens })),
getOpenPaasUserDataAsync: mockGetUser
}
})
jest.mock("@/features/Calendars/services/getCalendarsListAsync", () => {
jest.mock('@/features/Calendars/services/getCalendarsListAsync', () => {
const mockGetCalendars = Object.assign(
jest.fn(() => ({ type: "GET_CALENDARS" })),
jest.fn(() => ({ type: 'GET_CALENDARS' })),
{
pending: { type: "GET_CALENDARS/pending" },
fulfilled: { type: "GET_CALENDARS/fulfilled" },
rejected: { type: "GET_CALENDARS/rejected" },
pending: { type: 'GET_CALENDARS/pending' },
fulfilled: { type: 'GET_CALENDARS/fulfilled' },
rejected: { type: 'GET_CALENDARS/rejected' }
}
);
)
return {
getCalendarsListAsync: mockGetCalendars,
};
});
getCalendarsListAsync: mockGetCalendars
}
})
describe("CallbackResume", () => {
const dispatch = jest.fn();
let mockUserState: any;
let mockCalendarsState: any;
describe('CallbackResume', () => {
const dispatch = jest.fn()
let mockUserState: any
let mockCalendarsState: any
beforeEach(() => {
jest.clearAllMocks();
(useAppDispatch as unknown as jest.Mock).mockReturnValue(dispatch);
jest.clearAllMocks()
;(useAppDispatch as unknown as jest.Mock).mockReturnValue(dispatch)
// Initialize mock states
mockUserState = {
userData: null,
tokens: null,
loading: false,
error: null,
};
error: null
}
mockCalendarsState = {
list: {},
pending: false,
error: null,
};
(useAppSelector as jest.Mock).mockImplementation((selector) => {
error: null
}
;(useAppSelector as jest.Mock).mockImplementation(selector => {
const state = {
user: mockUserState,
calendars: mockCalendarsState,
};
return selector(state);
});
});
calendars: mockCalendarsState
}
return selector(state)
})
})
it("should call Callback and dispatch necessary actions", async () => {
const mockTokenSet = { access_token: "abc" };
const mockUserInfo = { name: "Test User" };
it('should call Callback and dispatch necessary actions', async () => {
const mockTokenSet = { access_token: 'abc' }
const mockUserInfo = { name: 'Test User' }
const mockData = {
tokenSet: mockTokenSet,
userinfo: mockUserInfo,
};
userinfo: mockUserInfo
}
(oidcAuth.Callback as jest.Mock).mockResolvedValue(mockData);
;(oidcAuth.Callback as jest.Mock).mockResolvedValue(mockData)
sessionStorage.setItem(
"redirectState",
JSON.stringify({ code_verifier: "verifier123", state: "state456" })
);
'redirectState',
JSON.stringify({ code_verifier: 'verifier123', state: 'state456' })
)
const { rerender } = render(<CallbackResume />);
const { rerender } = render(<CallbackResume />)
await waitFor(() => {
expect(oidcAuth.Callback).toHaveBeenCalledWith("verifier123", "state456");
});
expect(oidcAuth.Callback).toHaveBeenCalledWith('verifier123', 'state456')
})
await waitFor(() => {
expect(dispatch).toHaveBeenCalledWith(setAppLoading(true));
});
expect(dispatch).toHaveBeenCalledWith(setAppLoading(true))
})
await waitFor(() => {
expect(dispatch).toHaveBeenCalledWith(setUserData(mockUserInfo));
});
expect(dispatch).toHaveBeenCalledWith(setUserData(mockUserInfo))
})
await waitFor(() => {
expect(dispatch).toHaveBeenCalledWith(setTokens(mockTokenSet));
});
expect(dispatch).toHaveBeenCalledWith(setTokens(mockTokenSet))
})
await waitFor(() => {
expect(dispatch).toHaveBeenCalledWith(getOpenPaasUserDataAsync());
});
expect(dispatch).toHaveBeenCalledWith(getOpenPaasUserDataAsync())
})
await waitFor(() => {
expect(dispatch).toHaveBeenCalledWith(getCalendarsListAsync());
});
expect(dispatch).toHaveBeenCalledWith(getCalendarsListAsync())
})
// Simulate async actions completing by updating mock state
mockUserState = {
userData: mockUserInfo,
tokens: mockTokenSet,
loading: false,
error: null,
};
error: null
}
mockCalendarsState = {
list: { calendar1: {} },
pending: false,
error: null,
};
error: null
}
// Re-render to trigger navigation effect
rerender(<CallbackResume />);
rerender(<CallbackResume />)
await waitFor(
() => {
expect(dispatch).toHaveBeenCalledWith(setAppLoading(false));
expect(dispatch).toHaveBeenCalledWith(setAppLoading(false))
},
{ timeout: 3000 }
);
)
await waitFor(
() => {
expect(dispatch).toHaveBeenCalledWith(replace("/calendar"));
expect(dispatch).toHaveBeenCalledWith(replace('/calendar'))
},
{ timeout: 3000 }
);
)
await waitFor(() => {
expect(sessionStorage.getItem("redirectState")).toBe(null);
});
expect(sessionStorage.getItem('redirectState')).toBe(null)
})
await waitFor(() => {
expect(sessionStorage.getItem("tokenSet")).toEqual(
expect(sessionStorage.getItem('tokenSet')).toEqual(
JSON.stringify(mockTokenSet)
);
});
});
)
})
})
it("should handle missing redirectState gracefully", async () => {
sessionStorage.removeItem("redirectState");
renderWithProviders(<CallbackResume />);
it('should handle missing redirectState gracefully', async () => {
sessionStorage.removeItem('redirectState')
renderWithProviders(<CallbackResume />)
await waitFor(() => {
expect(dispatch).toHaveBeenCalledWith(replace("/"));
});
});
});
expect(dispatch).toHaveBeenCalledWith(replace('/'))
})
})
})