reactjs / reactjs/react.dev

Update react testing doc section for react 18

Offen
#5,147 0 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

@eps1lon arbeitet bereits daran.

Seit 04.10.2022.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

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?

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.