Reactガイドを読んでいくその288
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
テストのレシピ集
複数のレンダラ
レアケースだが、複数のレンダラを使うコンポーネントへテストをしないといけない場合がある。
react-test-rendererを使っているがその子のコンポーネントでReactDOM.renderが使われているなど。
そういった場合はact()で更新をラップすることで、対応することができる。
import { act as domAct } from "react-dom/test-utils"; import { act as testAct, create } from "react-test-renderer"; // ... let root; domAct(() => { testAct(() => { root = create(<App />); }); }); expect(root).toMatchSnapshot();
今日はここまで。