React 测试库包装组件

Question

我似乎遇到了一个问题，我有一个组件，里面有一个围绕 jsx 的模板包装器，这个模板包装器是带有选项卡的标题等它看起来像这样：

 const Component =() => { return ( <TemplateWrapper> all the components jsx content </TemplateWrapper> ) }

当我呈现组件时，我得到的只是 TemplateWrapper 内容，没有我想测试的页面 jsx 内容。 因此，如果有人可以提供帮助，我如何呈现页面内容而不仅仅是 TemplateWrapper 组件内容？ 感谢您的帮助

我试图模拟 TemplateWrapper，但这似乎不起作用，

jest.mock(/TemplateWrapper, () => ({TemplateWrapper: jest.fn()}))

我还尝试使用 beforeAll 来执行模拟包装器。