Update react testing doc section for react 18
@eps1lon がすでに取り組んでいます。
2022年10月4日 から。
- 主要言語
- JavaScript
- スター
- 11.8k
- フォーク
- 7.9k
- 平均マージ
- 1日 11時間
- マージ済み PR(30日)
- 11
説明
I cannot, for the life of me, figure out how to adapt the setup/teardown section of the current react documentation to React 18, I cannot find code testing examples on the React website, or anywhere else I have looked for React 18.
I went to this link, and adapted my beforeEach / afterEach functions according to the instructions:
let container = null;
let root = null;
beforeEach(() => {
container = document.createElement('div');
root = createRoot(container)
})
afterEach(() => {
root.unmount()
container = null;
root = null;
})
it("renders without a name", () => {
...
root.render(<CreateAccount
...
loginLink={''}/>);
const nodeList = root.querySelectorAll('input')
nodeList.forEach((element, index) => {
expect(element.value).toBe(textArray[index]);
})
expect(nodeList.length).toBe(3);
});
However, I get the following error when I try to run my tests:
root.querySelectorAll is not a function
This test works just fine when using the documentation for the older version of React, and when I run container.querySelectorAll(). I tried running container.querySelectorAll() as well, and it returns zero elements. What am I doing wrong here, and where can I find test recipes for React 18?
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
評価
この issue はまだ評価されていません。