numb_86 https://blog.hatena.ne.jp/numb_86/ 30歳からのプログラミング https://numb86-tech.hatenablog.com/ React Jest 前回はクリックイベントのテストを行った。 今回は、DOMが正しくレンダリングされているかのテストを行う。 正確には、DOMではなくて、仮想DOMであり、コンポーネントと言ったほうがいいのだと思う。 テストの対象となるコード まずは、テストの対象となるコードをdom.jsとして書く。 // dom.js import React from 'react'; const Profile = props=>{ const {data} = props; return( <div> 名前：{data.name}<br /> 年齢：{data.age} </div> ); }; export { Pro… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnumb86-tech.hatenablog.com%2Fentry%2F2016%2F10%2F31%2F171417" title="JestでReactのテストをする(3)　仮想DOMのテスト - 30歳からのプログラミング" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-10-31 17:14:17 rich https://numb86-tech.hatenablog.com/entry/2016/10/31/171417 1.0 100%