/Javascript/React/Mock a function jest react

Mock a function jest react

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

import { randomNameGenerator } from "./utils";

jest.mock('./utils.js', () => ({ 
  randomNameGenerator: jest.fn()
}));

describe('test', () => {
  it('allows Jest method mocking 1', () => {
    randomNameGenerator.mockImplementation(() => "Craig");
    const { getByText } = render(<App />);
    expect(getByText("Craig")).toBeInTheDocument()
  });

  it('allows Jest method mocking 2', () => {
    randomNameGenerator.mockImplementation(() => "Not Craig");
    const { getByText } = render(<App />);
    expect(getByText("Not Craig")).toBeInTheDocument()
  });
});

Source: stackoverflow.com

Similar codes

142 votes801 views6 answers
Create-react-app
Javascript React
0 vote202 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote209 views1 answer
Import ipcRenderer in react
Javascript React
7 votes281 views3 answers
Install node-sass version for react
Javascript React
1 vote216 views1 answer
Npm react dropdown
Javascript React
1 vote197 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
2 votes198 views2 answers
Prevent refresh react
Javascript React
11 votes229 views2 answers
How to refresh the page using react
Javascript React
11 votes216 views3 answers
React native text ellipsis
Javascript React
-2 votes239 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React