Reactガイドを読んでいくその288

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

テストのレシピ集

複数のレンダラ

レアケースだが、複数のレンダラを使うコンポーネントへテストをしないといけない場合がある。
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();

今日はここまで。