/Javascript/React/How to test useEffect in react testing library

How to test useEffect in react testing library

import { List } from './';
import React from 'react';
import '@testing-library/jest-dom/extend-expect';
import { render, waitForElement } from '@testing-library/react';

describe('59892259', () => {
  let originFetch;
  beforeEach(() => {
    originFetch = (global as any).fetch;
  });
  afterEach(() => {
    (global as any).fetch = originFetch;
  });
  it('should pass', async () => {
    const fakeResponse = { title: 'example text' };
    const mRes = { json: jest.fn().mockResolvedValueOnce(fakeResponse) };
    const mockedFetch = jest.fn().mockResolvedValueOnce(mRes as any);
    (global as any).fetch = mockedFetch;
    const { getByTestId } = render(<List></List>);
    const div = await waitForElement(() => getByTestId('test'));
    expect(div).toHaveTextContent('example text');
    expect(mockedFetch).toBeCalledTimes(1);
    expect(mRes.json).toBeCalledTimes(1);
  });
});

Source: stackoverflow.com

Similar codes

0 vote148 views2 answers
How to give data from react native to webview
Javascript React
0 vote158 views1 answer
Import ipcRenderer in react
Javascript React
-2 votes139 views2 answers
How to play around with backend node js and frontend react
Javascript React
15 votes166 views3 answers
Create react app and tailwind
Javascript React
64 votes178 views6 answers
React js router
Javascript React
2 votes154 views2 answers
Past value from parent in reactjs
Javascript React
1 vote138 views2 answers
React select disable option
Javascript React
3 votes137 views2 answers
React focus
Javascript React
0 vote447 views1 answer
React navigation 4
Javascript React
18 votes152 views6 answers
Add svg in react
Javascript React