/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 votes223 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote202 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
1 vote231 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
1 vote214 views1 answer
Minimum flatlist size react native
Javascript React
0 vote209 views1 answer
How is react different from normal js
Javascript React
0 vote195 views1 answer
React open on different url instead of localhost
Javascript React
0 vote199 views1 answer
React Rendering Movies
Javascript React
4 votes240 views2 answers
Concurrently node react
Javascript React
1 vote208 views1 answer
Connect metamask with react app
Javascript React
0 vote298 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