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>

Function.debouce
HREF =“文件：// //家控制台
Filter.render

Answer 1

我无法发表评论所以不得不添加答案...抱歉Stack Overflow诸神 - 如果OP增加更多细节，我会编辑答案

你能添加一些产生问题的源代码吗？另外，您如何渲染组件并转换为JSON（react-test-renderer或酶）？

如果没有更多信息，很难猜出Function.debouce或。{ Filter.render是，但您是否将href中的<a>设置为本地文件？

使用嵌套组件

1 个答案: