test

PalisadoesFoundation · Oct 5, 2023 · bb05601 · bb05601
1 parent 590552e
commit bb05601
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 10 deletions.
diff --git a/src/components/OrgPostCard/OrgPostCard.test.tsx b/src/components/OrgPostCard/OrgPostCard.test.tsx
@@ -7,9 +7,9 @@ import {
   waitFor,
 } from '@testing-library/react';
 import { MockedProvider } from '@apollo/react-testing';
+import OrgPostCard from './OrgPostCard';
 import { I18nextProvider } from 'react-i18next';
 import userEvent from '@testing-library/user-event';
-import OrgPostCard from './OrgPostCard';
 import 'jest-localstorage-mock';
 import {
   DELETE_POST_MUTATION,
@@ -19,6 +19,7 @@ import {
 import i18nForTest from 'utils/i18nForTest';
 import { StaticMockLink } from 'utils/StaticMockLink';
 import convertToBase64 from 'utils/convertToBase64';
+import { BrowserRouter } from 'react-router-dom';
 const MOCKS = [
   {
     request: {
@@ -28,7 +29,7 @@ const MOCKS = [
     result: {
       data: {
         removePost: {
-          _id: '1',
+          _id: '123',
         },
       },
     },
@@ -99,7 +100,10 @@ describe('Testing Organization Post Card', () => {
       error: jest.fn(),
     },
   }));
-
+  jest.mock('react', () => ({
+    ...jest.requireActual('react'),
+    useRef: jest.fn(),
+  }));
   global.alert = jest.fn();
 
   test('renders with default props', () => {
@@ -201,9 +205,11 @@ describe('Testing Organization Post Card', () => {
   test('Testing post delete functionality', async () => {
     render(
       <MockedProvider addTypename={false} link={link}>
-        <I18nextProvider i18n={i18nForTest}>
-          <OrgPostCard {...props} />
-        </I18nextProvider>
+        <BrowserRouter>
+          <I18nextProvider i18n={i18nForTest}>
+            <OrgPostCard {...props} />
+          </I18nextProvider>
+        </BrowserRouter>
       </MockedProvider>
     );
 

diff --git a/src/components/OrgPostCard/OrgPostCard.tsx b/src/components/OrgPostCard/OrgPostCard.tsx
@@ -31,7 +31,10 @@ interface InterfaceOrgPostCardProps {
   pinned: boolean;
 }
 
-function orgPostCard(props: InterfaceOrgPostCardProps): JSX.Element {
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export default function OrgPostCard(
+  props: InterfaceOrgPostCardProps
+): JSX.Element {
   const [postformState, setPostFormState] = useState({
     posttitle: '',
     postinfo: '',
@@ -241,6 +244,7 @@ function orgPostCard(props: InterfaceOrgPostCardProps): JSX.Element {
           {props.postVideo && (
             <Card
               className={styles.card}
+              data-testid="cardVid"
               onMouseEnter={handleVideoPlay}
               onMouseLeave={handleVideoPause}
             >
@@ -623,5 +627,3 @@ function orgPostCard(props: InterfaceOrgPostCardProps): JSX.Element {
     </>
   );
 }
-
-export default orgPostCard;
diff --git a/src/screens/OrgPost/OrgPost.tsx b/src/screens/OrgPost/OrgPost.tsx
@@ -186,7 +186,6 @@ function orgPost(): JSX.Element {
     if (a.pinned) {
       return -1;
     }
-
     return 1;
   });
   return (