react18-enzyme-to-rtl

Replace shallow or mount with RTL's render, replace wrapper.find() with screen queries like getByRole, and replace simulate() with userEvent or fireEvent. Assert on visible output such as text and attributes instead of internal state or props.

There is no direct equivalent because RTL intentionally does not expose component internals. Instead, assert on what the state renders in the UI, such as checking that the text 'Count: 3' appears in the document.

No. Enzyme has no React 18 adapter and no supported upgrade path, so all Enzyme tests must be rewritten using React Testing Library when upgrading a project to React 18.

Use RTL's waitFor or findBy queries, which automatically wait for re-renders after async state changes. For example, await screen.findByText('Loaded!') replaces the pattern of flushing promises and calling wrapper.update().

Prefer userEvent for most interactions because it fires the full event sequence like a real user, including pointer, focus, and click events. Use fireEvent only when testing specific low-level event properties.

Wrap the component in MockedProvider inside RTL's render call, then use findByText or waitFor to await the resolved query data. Loading states can be asserted synchronously right after render before awaiting the data.