reactjs - 带有嵌套组件的 Jest 快照

Question

我为具有许多子组件的组件创建了一个快照测试，该方法的主要原因是警告开发人员“内部”组件的修改将对许多其他父组件产生影响。

但是快照文件好像不对，很多地方的代码看起来像下面这样。造成这种情况的原因是什么？

Filter.js
<div>
        Function.debounce
      </div>
      <div
        style={
          Object {
            "color": "rgba(255, 255, 255, 0.7)",
            "fontSize": "0.8em",
          }
        }>
        <a
          href="file:///home/<myuser>/console/node_modules/lodash/index.js"
          style={
            Object {
              "color": "rgba(255, 255, 255, 0.7)",
              "textDecoration": "none",
            }
          }>
          /home/<myuser>/console/node_modules/lodash/index.js:7667:15
        </a>
      </div>
    </div>
    <div
      style={
        Object {
          "marginTop": "1em",
        }
      }>
      <div>
        Filter.render
      </div> 

• 函数.debouce
• href="file://home//console
• 过滤器渲染

Answer 1

我还不能发表评论，所以必须添加一个答案...抱歉 Stack Overflow 诸神 - 如果 OP 添加更多详细信息，我将编辑答案

您可以添加一些产生该问题的源代码吗？另外，您如何渲染组件并转换为 JSON(react-test-renderer 或 enzyme )？

如果没有更多信息，很难猜出是什么 Function.debouce或者 Filter.render是，但是您是否设置 href在你的<a>到本地文件？