ENhance waiting

SAS/TMSS/frontend/tmss_webapp/src/routes/Project/list.test.js

-import React from 'react';
-// import ReactDOM,  {unmountComponentAtNode} from 'react-dom';
 import { BrowserRouter as Router } from 'react-router-dom';
-// import { act } from 'react-dom/test-utils';
-import { cleanup, render, fireEvent} from '@testing-library/react';
+import { cleanup, render, fireEvent,waitFor,act} from '@testing-library/react';
 import mockConsole from "jest-mock-console";
 import ProjectList from './list';
 import ProjectServiceMock from '../../__mocks__/project.service.data';
@@ -10,9 +7,8 @@ import ProjectService from '../../services/project.service';
 import 'regenerator-runtime/runtime'
 import AuthUtil from '../../utils/auth.util';
 import SUServiceMock from '../../__mocks__/scheduleunit.service.data';
-
-let container = null;
-let authSpy, projectListSpy, clusterSpy, fileSystemSpy, projectArchiveLocationSpy, projectStateSpy, rolesSpy, friendsSpy, resourceTypeSpy;
+import AuthServiceMock from '../../__mocks__/auth.service.data';
+let  authSpy,projectListSpy, clusterSpy, fileSystemSpy, projectArchiveLocationSpy, projectStateSpy, rolesSpy, friendsSpy, resourceTypeSpy;
 let restoreConsole;
 
 beforeEach(() =>{
@@ -57,9 +53,6 @@ const setMockSpy = (() => {
     })
     resourceTypeSpy = jest.spyOn(ProjectService, 'getResources');
     resourceTypeSpy.mockImplementation(() => {
-        let resourceType = {
-            result: ProjectServiceMock.resources
-        }
         return Promise.resolve(ProjectServiceMock.resourceType)
     })
     rolesSpy = jest.spyOn(ProjectService, 'getMyRoles');
@@ -79,8 +72,11 @@ const clearMockSpy = (() => {
 });
 
 it('render project list data in table without permission to add new project, project loading status and filter', async () => {
-    const content = render(<Router><ProjectList location={{pathname: "/project"}} /> </Router>);
-    await new Promise((r) => setTimeout(r, 500));
+    let  content;
+    await act(async () => {
+             content = render(<Router><ProjectList location={{pathname: "/project"}} /> </Router>);
+    });
+    
     // Checks page title
     const titleElement = content.queryByText("Project - List");
     expect(titleElement).toBeInTheDocument() ;
@@ -91,7 +87,8 @@ it('render project list data in table without permission to add new project, pro
     expect(addAction).toBeInTheDocument();
     // Checks if view table component loaded/rendered
     const tableElement = content.queryByTestId('viewtable');
-    expect(tableElement).toBeInTheDocument();
+    await waitFor (()=> expect(tableElement).toBeInTheDocument());
+
     // Checks if all mock data listed in the table with header
     expect(content.queryAllByRole('row').length).toBe(5);
    
@@ -113,4 +110,5 @@ it('render project list data in table without permission to add new project, pro
     expect(content.getByText('low')).toBeInTheDocument();
     expect(content.getByText('normal')).toBeInTheDocument();
 });
+
  
\ No newline at end of file