5

このドキュメントから: https://reactjs.org/docs/hooks-faq.html#how-to-test-components-that-use-hooks

ドキュメントは、次のようにテストをセットアップおよび破棄する方法を提供します。

let container;

beforeEach(() => {
  container = document.createElement('div');
  document.body.appendChild(container);
});

afterEach(() => {
  document.body.removeChild(container);
  container = null;
});

このドキュメントから: https://reactjs.org/docs/testing-recipes.html#setup--teardown

このようなセットアップとティアダウンの方法:

import { unmountComponentAtNode } from "react-dom";

let container = null;
beforeEach(() => {
  // setup a DOM element as a render target
  container = document.createElement("div");
  document.body.appendChild(container);
});

afterEach(() => {
  // cleanup on exiting
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

テストを破棄する最良の方法はどれですか?

unmountComponentAtNode+dom.remove()またはdocument.body.removeChild?

アップデート

これらの 2 つの公式ドキュメントは、テストを分解するときにこれら 2 つの方法を示していますが、どちらも問題ないということですか? それらは同等ですか?または何?

4

1 に答える 1