/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

2 votes412 views1 answer
React concatenate string and component
Javascript React
0 vote328 views1 answer
React native npm run start port
Javascript React
0 vote341 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
1 vote370 views2 answers
Reset form input react
Javascript React
0 vote473 views1 answer
Change theme in react-toastify
Javascript React
0 vote355 views1 answer
Top bar in react js
Javascript React
4 votes385 views1 answer
How to add oAuth google signin in react native app
Javascript React
1 vote346 views1 answer
Parent to child react state
Javascript React
32 votes358 views1 answer
Install react router in react app
Javascript React
0 vote341 views1 answer
React should write method in a functional component or outside functional component
Javascript React