feat: Children passed to a mocked component are now rendered as the children of the component.

Ability to render children

Author: prowe

src/happy-path.spec.tsx

@@ -30,6 +30,16 @@ it('should have the prop held', () => {
     expect(getByMockComponent(MockedComponent).props.value).toEqual('val');
 });
 
+it('should render any passed children', () => {
+    render(
+        <div>
+            <MockedComponent><button>Save</button></MockedComponent>
+        </div>
+    );
+
+    expect(screen.getByRole('button', {name: 'Save'})).toBeInTheDocument();
+});
+
 it('should hold the last value on a re-render', () => {
     const {rerender} = render(<TestedComponent value='val' />);
     rerender(<TestedComponent value='new-val' />);

src/setupMockComponent.tsx

@@ -45,7 +45,7 @@ export function setupMockComponent<PropType>(mockedComponent: FC<PropType>, opti
         return React.createElement(type, {
             ref,
             'data-testid': mockElementTestId,
-        });
+        }, props.children);
     };
 
     const comp = mockedComponent as MockedComponent<PropType>;