/Javascript/React/Mock createRef jest react functional component

Mock createRef jest react functional component

import React, { useRef } from 'react';
import { shallow } from 'enzyme';
import Child2 from './';

jest.mock('react', () => {
  const originReact = jest.requireActual('react');
  const mUseRef = jest.fn();
  return {
    ...originReact,
    useRef: mUseRef,
  };
});

describe('61782695', () => {
  it('should pass', () => {
    const mRef = { current: { offsetWidth: 100 } };
    useRef.mockReturnValueOnce(mRef);
    const wrapper = shallow(<Child2></Child2>);
    expect(wrapper.find('#myDiv').text()).toBe('123');
    expect(wrapper.find('p').text()).toBe('Div width is: 100');
  });

  it('should pass - 2', () => {
    const mRef = { current: { offsetWidth: 300 } };
    useRef.mockReturnValueOnce(mRef);
    const wrapper = shallow(<Child2></Child2>);
    expect(wrapper.find('#myDiv').text()).toBe('ABC');
    expect(wrapper.find('p').text()).toBe('Div width is: 300');
  });

  it('should pass - 3', () => {
    const mRef = {};
    useRef.mockReturnValueOnce(mRef);
    const wrapper = shallow(<Child2></Child2>);
    expect(wrapper.find('#myDiv').text()).toBe('123');
    expect(wrapper.find('p').text()).toBe('Div width is: ');
  });
});

Source: stackoverflow.com

Similar codes

0 vote317 views1 answer
How to get key from a button in react
Javascript React
0 vote301 views3 answers
Image border shadow react native
Javascript React
23 votes308 views3 answers
Copy text to clipboard javascript react
Javascript React
1 vote321 views1 answer
How prevent copy paste input react
Javascript React
1 vote313 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote354 views1 answer
Debug.xcconfig: unable to open file react native
Javascript React
6 votes317 views2 answers
Reactjs .map is not a function
Javascript React
145 votes456 views6 answers
Add bootstrap to react
Javascript React
1 vote335 views2 answers
React native open link in browser
Javascript React
25 votes308 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React