使用嵌套組件的Jest快照

我已經爲有很多子組件的組件創建了一個快照測試，該方法的主要原因是警告開發人員在「內部」組件中進行修改會對其他許多父組件進行修改。使用嵌套組件的Jest快照

但是快照文件看起來不對，代碼的很多地方如下所示。這可能是什麼原因？

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

來源

2017-02-09 Robsonsjre

我不能評論又那麼不必添加一個答案...對不起Stack Overflow gods - 如果OP添加更多詳細信息，我將編輯答案

你能添加一些產生該問題的源代碼嗎？你渲染你的組件並轉換爲JSON（react-test-renderer或酶）？

沒有更多的信息，它很難猜測Function.debouce或 Filter.render是的，但你要爲你的<a>到本地文件href？

來源

2017-02-15 00:50:49

使用嵌套組件的Jest快照

回答

相關問題