Added tests and feature flag

Author: Ishan Veer

__tests__/users/App.test.js

@@ -1,6 +1,8 @@
 const puppeteer = require('puppeteer');
 const { filteredUsersData } = require('../../mock-data/users');
 const { mockUserData } = require('../../mock-data/users/mockdata');
+const { getUsers } = require('../../users/discord/utils/util');
+const { paginateFetchedUsers } = require('../../users/discord/App');
 const API_BASE_URL = 'https://staging-api.realdevsquad.com';
 
 describe('App Component', () => {
@@ -89,4 +91,26 @@ describe('App Component', () => {
     const url = await page.url();
     expect(url).toContain('?tab=verified');
   });
+  it('should fetch and append new users on subsequent pages for both tabs', async () => {
+    // Mock the getUsers function to return full set of user data.
+    jest.spyOn(global, getUsers).mockResolveValue([mockUserData]);
+
+    // test in_discord tab
+    await paginateFetchedUsers('in_discord', 1);
+    expect(usersData['in_discord'].length).toBe(10);
+    expect(currentPage).toBe(1);
+
+    await paginateFetchedUsers('in_discord', 2);
+    expect(usersData['in_discord'].length).toBe(20);
+    expect(currentPage).toBe(2);
+
+    // test verified tab
+    await paginateFetchedUsers('verified', 1);
+    expect(usersData['verified'].length).toBe(10);
+    expect(currentPage).toBe(1);
+
+    await paginateFetchedUsers('verified', 2);
+    expect(usersData['verified'].length).toBe(20);
+    expect(currentPage).toBe(2);
+  });
 });

babel.config.js

@@ -1,5 +1,15 @@
 const plugins = ['istanbul'];
 
 module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+  ],
   plugins: plugins,
 };

jest.config.js

@@ -1,8 +1,16 @@
 const config = {
   preset: 'jest-puppeteer',
+  transform: {
+    '^.+\\.jsx?$': 'babel-jest', // Add transform for ES Modules
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!(module-that-needs-transpiling)/)',
+  ],
   collectCoverage: true,
   collectCoverageFrom: ['src/**/*'],
   reporters: ['default'],
   coverageDirectory: 'coverage',
+  moduleFileExtensions: ['js', 'jsx', 'json', 'node'],
+  testEnvironment: 'node',
 };
 module.exports = config;

package.json

@@ -23,6 +23,9 @@
   "pre-commit": "check",
   "homepage": "https://github.com/Real-Dev-Squad/website-dashboard#readme",
   "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "babel-jest": "^29.7.0",
     "jest": "^29.5.0",
     "jest-puppeteer": "^8.0.6",
     "jest-puppeteer-istanbul": "^0.5.3",