Как сделать мок функционального компонента React?

Question

[GNG999]

Реакт спа приложение

//ReturnToRework

const ReturnToRework:FC<{}>=()=>{
    return <div>
        <UnitFake  />
    </div>
}

export default ReturnToRework

//UnitFake

const UnitFake=(body:any)=>{
    return <div>test modal content

    </div>
}
export default UnitFake

делаю тест

import React from 'react'
import {render} from '@testing-library/react';
import ReturnToRework from '../index';
import BasicModal from '../../../common/components/modal/ConsiliumModal';

jest.mock('../../../components/unit_fake', () => {
    return {
        __esModule: true,
         default: jest.fn().mockImplementation(() => <div>test modal content</div>),

    }
});

describe('MyComponReturnToReworkent', () => {
    it('renders ReturnToRework close', async () => {
        const r = render(<ReturnToRework/>);
    });
});

в тесте выходит ошибка
Error: mockConstructor(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

at reconcileChildFibers (/Users/nuruddin/apps/consilium/client/node_modules/react-dom/cjs/react-dom.development.js:14169:23)
at reconcileChildren (/Users/nuruddin/apps/consilium/client/node_modules/react-dom/cjs/react-dom.development.js:16990:28)
at mountIndeterminateComponent (/Users/nuruddin/apps/consilium/client/node_modules/react-dom/cjs/react-dom.development.js:17890:5)
at beginWork (/Users/nuruddin/apps

Comments

[Василий Банников]

а зачем мокать компоненты?

[WbICHA]

А зачем в jest.fn оборачивать?