Merge pull request #789 from Real-Dev-Squad/develop

Dev to Main Sync

Author: iamitprakash

__tests__/requests/requests.test.js

@@ -3,13 +3,14 @@ const {
   pendingRequest,
   requestActionResponse,
   approvedRequest,
+  extensionRequest,
 } = require('../../mock-data/requests');
 const { allUsersData } = require('../../mock-data/users');
 
 const API_BASE_URL = 'https://api.realdevsquad.com';
 const SITE_URL = 'http://localhost:8000';
 
-describe('Tests the request card', () => {
+describe('Tests the request cards', () => {
   let browser;
   let page;
   jest.setTimeout(60000);
@@ -50,6 +51,19 @@ describe('Tests the request card', () => {
           },
           body: JSON.stringify(pendingRequest),
         });
+      } else if (
+        url === `${API_BASE_URL}/requests?dev=true&type=extension&size=12`
+      ) {
+        interceptedRequest.respond({
+          status: 200,
+          contentType: 'application/json',
+          headers: {
+            'Access-Control-Allow-Origin': '*',
+            'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
+            'Access-Control-Allow-Headers': 'Content-Type, Authorization',
+          },
+          body: JSON.stringify(extensionRequest),
+        });
       } else if (
         url === `${API_BASE_URL}/requests/Wl4TTbpSrQDIjs6KLJwD?dev=true`
       ) {
@@ -88,7 +102,7 @@ describe('Tests the request card', () => {
     await browser.close();
   });
 
-  it('should update the card when the accept or reject button is clicked', async () => {
+  it('should update the card when the accept or reject button is clicked for OOO requests', async () => {
     await page.waitForSelector('.request__status');
     const statusButtonText = await page.$eval(
       '.request__status',
@@ -105,4 +119,21 @@ describe('Tests the request card', () => {
     );
     expect(updatedStatusButtonText).toBe('Approved');
   });
+
+  it('should load the extension request when the extension tab is clicked', async () => {
+    await page.click('#extension_tab_link');
+    await page.waitForSelector('.ooo_request__card');
+
+    const cardTitle = await page.$eval(
+      '.request__content p',
+      (el) => el.textContent,
+    );
+    expect(cardTitle).toBe('request message');
+
+    const statusButtonText = await page.$eval(
+      '.request__status',
+      (el) => el.textContent,
+    );
+    expect(statusButtonText).toBe('Approved');
+  });
 });

mock-data/requests/index.js

@@ -8,7 +8,7 @@ const pendingRequest = {
       from: 1712275200000,
       until: 1712448000000,
       type: 'OOO',
-      message: 'Testing purpose',
+      message: 'request message',
       lastModifiedBy: 'V4rqL1aDecNGoa1IxiCu',
       state: 'PENDING',
       updatedAt: 1711482912686,
@@ -28,7 +28,7 @@ const approvedRequest = {
       from: 1712275200000,
       until: 1712448000000,
       type: 'OOO',
-      message: 'Testing purpose',
+      message: 'request message',
       lastModifiedBy: 'V4rqL1aDecNGoa1IxiCu',
       state: 'APPROVED',
       updatedAt: 1711482912686,
@@ -49,4 +49,33 @@ const requestActionResponse = {
   },
 };
 
-module.exports = { pendingRequest, approvedRequest, requestActionResponse };
+const extensionRequest = {
+  message: 'Request fetched successfully',
+  data: [
+    {
+      id: 'TlIWPP8WPcIebsVvwzxa',
+      createdAt: 1714946917634,
+      requestedBy: 'iODXB6ns8jaZB9p0XlBw',
+      requestNumber: 1,
+      newEndsOn: 1709674980000,
+      oldEndsOn: 1703911191.083,
+      assignee: 'sunny',
+      type: 'EXTENSION',
+      title: 'Extension Request',
+      message: 'request message',
+      taskId: 'YofR3z5fxudqrM55iXRI',
+      lastModifiedBy: 'V4rqL1aDecNGoa1IxiCu',
+      state: 'APPROVED',
+      updatedAt: 1715602207156,
+    },
+  ],
+  next: null,
+  prev: null,
+};
+
+module.exports = {
+  pendingRequest,
+  approvedRequest,
+  requestActionResponse,
+  extensionRequest,
+};