如何查看或打印Enzyme的shallow wrapper内容？

嘿，我来帮你搞定这个问题！当你用Enzyme的shallow()创建了组件的wrapper之后，有好几种实用的方法可以查看或打印它的内容，下面是最常用的几个：

• 使用debug()方法：这是日常开发里最常用的方式，它会返回一个简化、易读的HTML字符串，清晰展示组件的结构。

  console.log(wrapper.debug());
  

  输出内容会类似这样：<SampleComponent prop1={...}><ChildComponent /></SampleComponent>，非常适合快速预览组件的渲染结果。

• 使用html()方法：如果你需要更完整的HTML细节（包括所有标签属性、样式等），这个方法会返回组件渲染后的完整HTML字符串。

  console.log(wrapper.html());
  

• 使用text()方法：如果只关心组件渲染出来的纯文本内容，这个方法会提取所有子节点的文本并拼接起来，方便快速查看文本输出。

  console.log(wrapper.text());
  

• 直接检查wrapper对象：有时候直接打印wrapper本身也能获取有用信息，比如你可以通过wrapper.props()查看组件接收的props，wrapper.state()查看组件内部的状态：

  console.log(wrapper.props());
  console.log(wrapper.state());
  

这些方法基本能覆盖你查看shallow wrapper内容的所有需求，根据你的场景选对应的方法就好～

内容的提问来源于stack exchange，提问作者Samjunior