このドキュメントから: 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 つの方法を示していますが、どちらも問題ないということですか? それらは同等ですか?または何?