fix(types): Allow all HTML and SVG elements in render.

[joebobmiles]

What:

Types disallowed SVG elements, see #830.

Why:

To allow both HTML and SVG elements to be passed to React Testing Library functions without throwing type errors in TypeScript.

How:

Exchanged HTMLElement type for the broader Element type that encompasses all elements that can appear in the DOM, not just HTML.

Checklist:

• Documentation added to the
  docs site N/A
• Tests N/A
• Typescript definitions updated
• Ready to be merged
  

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit f36ab6e:

Sandbox	Source
React	Configuration
react-testing-library-examples	Configuration

[codecov]

Codecov Report

Merging #833 (f36ab6e) into master (456424f) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##            master      #833   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            4         4           
  Lines          140       140           
  Branches        28        28           
=========================================
  Hits           140       140           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 456424f...f36ab6e. Read the comment docs.

[nickmccurdy]

I've noticed there are also types for Node (less specific) and HTMLOrSVGElement (more specific). Could either of those be better?

[eps1lon]

I've noticed there are also types for Node (less specific) and HTMLOrSVGElement (more specific). Could either of those be better?

Element is the exact interface we need because that's what react-dom supports. Practically HTMLOrSVGElement works because only HTMLElement and SVGElement extend Element. But we don't need any properties from HTMLOrSVGElement so we should stick with the correct type.

Node would allow non-sense like Attr nodes or Text nodes.

[eps1lon]

Though there could be some fallout if we're now to generic for practical purposes. We'll see in the issue reports if we should add a type parameter for the container or if HTMLOrSVGElement is sufficient.

[github-actions]

🎉 This PR is included in version 11.2.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀