implement user testing

Author: jamesh48

CONTRIBUTING.md

@@ -27,7 +27,7 @@
 - #### 🏃🏽‍♂️Run Project Locally
 
   ```bash
-  npm start
+  npm run dev
   ```
 
 - #### 💡 Make Changes & Pull Requests

README.md

@@ -6,7 +6,7 @@
 <img src="https://img.shields.io/badge/License-MIT-green.svg"/>
 <img src="https://img.shields.io/npm/v/npm.svg?logo=nodedotjs"/>
 
-![JavaScript](https://img.shields.io/badge/javascript-%2320232a.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+![Typescript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
 ![Node.js](https://img.shields.io/badge/Node.js-%2320232a?style=for-the-badge&logo=node.js&logoColor=43853D)
 ![Express.js](https://img.shields.io/badge/express-%2320232a.svg?style=for-the-badge&logo=express&logoColor=%23F7DF1E)
 ![REST API](https://img.shields.io/badge/RestApi-%2320232a.svg?style=for-the-badge&logo=restAPI&logoColor=%23F7DF1E)
@@ -66,6 +66,7 @@ During development, it's recommended to utilize the API locally. To do so, follo
 ## Contributor ✏️
 
 - [@aryanpingle](https://www.github.com/aryanpingle)
+- [@jamesh48](https://www.github.com/jamesh48)
 
 ## Join Server 💬
 

jest.config.ts

@@ -7,6 +7,7 @@ const customJestConfig: Config.InitialOptions = {
   },
   moduleDirectories: ['node_modules', '<rootDir>/'],
   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
+  testMatch: ['<rootDir>/src/__tests__/**/*.spec.ts'],
   testPathIgnorePatterns: ['<rootDir>/iac'],
 };
 

setupTests.ts

@@ -2,7 +2,7 @@
  * @jest-environment node
  */
 
-import { server } from './src/msw';
+import { server } from './src/__tests__/msw';
 
 beforeAll(() => {
   server.listen();

src/Controllers/fetchUserDetails.ts

@@ -8,7 +8,6 @@ const fetchUserDetails = async (
   query: string
 ) => {
   try {
-    console.log(options);
     const response = await fetch('https://leetcode.com/graphql', {
       method: 'POST',
       headers: {

src/FormatUtils/userData.ts

@@ -26,41 +26,35 @@ export const formatBadgesData = (data: UserData) => ({
 });
 
 export const formatContestData = (data: UserData) => ({
-  contestAttend: data.userContestRanking.attendedContestsCount,
-  contestRating: data.userContestRanking.rating,
-  contestGlobalRanking: data.userContestRanking.globalRanking,
-  totalParticipants: data.userContestRanking.totalParticipants,
-  contestTopPercentage: data.userContestRanking.topPercentage,
-  contestBadges: data.userContestRanking.badge,
+  contestAttend: data.userContestRanking?.attendedContestsCount,
+  contestRating: data.userContestRanking?.rating,
+  contestGlobalRanking: data.userContestRanking?.globalRanking,
+  totalParticipants: data.userContestRanking?.totalParticipants,
+  contestTopPercentage: data.userContestRanking?.topPercentage,
+  contestBadges: data.userContestRanking?.badge,
   contestParticipation: data.userContestRankingHistory.filter(
     (obj) => obj.attended === true
   ),
 });
 
-export const formatContestHistoryData = (data: UserData) => {
-  return {
-    count: data.userContestRankingHistory.length,
-    contestHistory: data.userContestRankingHistory,
-  };
-};
+export const formatContestHistoryData = (data: UserData) => ({
+  count: data.userContestRankingHistory.length,
+  contestHistory: data.userContestRankingHistory,
+});
 
-export const formatSolvedProblemsData = (data: UserData) => {
-  return {
-    solvedProblem: data.matchedUser.submitStats.acSubmissionNum[0].count,
-    easySolved: data.matchedUser.submitStats.acSubmissionNum[1].count,
-    mediumSolved: data.matchedUser.submitStats.acSubmissionNum[2].count,
-    hardSolved: data.matchedUser.submitStats.acSubmissionNum[3].count,
-    totalSubmissionNum: data.matchedUser.submitStats.totalSubmissionNum,
-    acSubmissionNum: data.matchedUser.submitStats.acSubmissionNum,
-  };
-};
+export const formatSolvedProblemsData = (data: UserData) => ({
+  solvedProblem: data.matchedUser.submitStats.acSubmissionNum[0].count,
+  easySolved: data.matchedUser.submitStats.acSubmissionNum[1].count,
+  mediumSolved: data.matchedUser.submitStats.acSubmissionNum[2].count,
+  hardSolved: data.matchedUser.submitStats.acSubmissionNum[3].count,
+  totalSubmissionNum: data.matchedUser.submitStats.totalSubmissionNum,
+  acSubmissionNum: data.matchedUser.submitStats.acSubmissionNum,
+});
 
-export const formatSubmissionData = (data: UserData) => {
-  return {
-    count: data.recentSubmissionList.length,
-    submission: data.recentSubmissionList,
-  };
-};
+export const formatSubmissionData = (data: UserData) => ({
+  count: data.recentSubmissionList.length,
+  submission: data.recentSubmissionList,
+});
 
 export const formatAcSubmissionData = (data: UserData) => ({
   count: data.recentAcSubmissionList.length,

src/GQLQueries/contest.ts

@@ -1,5 +1,5 @@
 const query = `#graphql
-query ($username: String!){
+query getUserContestRanking ($username: String!) {
     userContestRanking(username: $username) {
         attendedContestsCount
         rating

src/GQLQueries/recentAcSubmit.ts

@@ -1,5 +1,5 @@
 const query = `#graphql
-query ($username: String!, $limit: Int) {
+query getACSubmissions ($username: String!, $limit: Int) {
     recentAcSubmissionList(username: $username, limit: $limit) {
         title
         titleSlug

src/GQLQueries/recentSubmit.ts

@@ -1,5 +1,5 @@
 const query = `#graphql
-query ($username: String!, $limit: Int) {
+query getRecentSubmissions($username: String!, $limit: Int) {
     recentSubmissionList(username: $username, limit: $limit) {
         title
         titleSlug

src/__tests__/msw/handlers.ts

@@ -0,0 +1,31 @@
+import * as msw from 'msw';
+import {
+  singleUser,
+  singleUserContests,
+  recentSubmissions,
+  recentACSubmissions,
+} from './mockData';
+
+export const handlers = [
+  msw.http.post('https://leetcode.com/graphql', async (ctx) => {
+    const test = await ctx.request.json();
+    const typed = test as { query: string };
+    if (typed.query.indexOf('getUserProfile') !== -1) {
+      return msw.HttpResponse.json(singleUser);
+    }
+
+    if (typed.query.indexOf('getUserContestRanking') !== -1) {
+      return msw.HttpResponse.json(singleUserContests);
+    }
+
+    if (typed.query.indexOf('getRecentSubmissions') !== -1) {
+      return msw.HttpResponse.json(recentSubmissions);
+    }
+
+    if (typed.query.indexOf('getACSubmissions') !== -1) {
+      return msw.HttpResponse.json(recentACSubmissions);
+    }
+
+    return msw.HttpResponse.json({});
+  }),
+];