/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 vote147 views1 answer
React native scrollview in modal
Javascript React
1 vote99 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
2 votes175 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote140 views3 answers
React js require pasword to have special charaacter
Javascript React
1 vote145 views2 answers
How to not use relative imports in react js
Javascript React
0 vote140 views1 answer
React native center text vertically full screen
Javascript React
0 vote164 views1 answer
React sticky hook
Javascript React
2 votes131 views1 answer
Best react native ui library
Javascript React
29 votes143 views3 answers
Creating react app using npx
Javascript React
0 vote141 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React