feat: add generics to screen queries

[timdeschryver]

What:

Adding generics to screen queries.
Follow up to #1023, which added generics to query methods
Closes #1033

Why:

So users that use screen queries can also use generics.

screen.getByRole('button') as HTMLButtonElement
// becomes
screen.getByRole<HTMLButtonElement>('button')

How:

• Added a type test and saw it fail.
• Refactored BoundFunction to a generic type that removes the first argument (the container)
• Manually added all of the queries to the screen type because it isn't possible to reuse the queries while keeping the generic

Checklist:

• Documentation added to the
  docs site
• Tests
• 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 feb9b15:

Sandbox	Source
react-testing-library-examples	Configuration
react-testing-library demo	Issue #1033

[codecov]

Codecov Report

Merging #1034 (feb9b15) into main (669602c) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##              main     #1034   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           25        25           
  Lines          920       920           
  Branches       284       284           
=========================================
  Hits           920       920           

Flag	Coverage Δ
node-12	100.00% <ø> (ø)
node-14	100.00% <ø> (ø)
node-16.9.1	100.00% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

---

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 669602c...feb9b15. Read the comment docs.

[timdeschryver]

This syntax is available from TS v3.0.1

[nstepien]

@timdeschryver Could you check if the generics work with within() as well?

[timdeschryver]

@nstepien Yep, we can do that in a follow up PR when this PR is approved.

[eps1lon]

@timdeschryver Feel free to merge.

[github-actions]

🎉 This PR is included in version 8.7.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀