upgrade to the latest of everything and fix a few linting issues

Author: kentcdodds

package.json

@@ -43,18 +43,19 @@
   "author": "Kent C. Dodds <[email protected]> (https://kentcdodds.com)",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.12.1",
+    "@babel/runtime": "^7.12.5",
     "@testing-library/dom": "^7.26.6"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.5",
-    "@types/react-dom": "^16.9.8",
+    "@testing-library/jest-dom": "^5.11.6",
+    "@types/estree": "0.0.45",
+    "@types/react-dom": "^16.9.9",
     "dotenv-cli": "^4.0.0",
-    "dtslint": "4.0.4",
-    "kcd-scripts": "^6.6.0",
+    "dtslint": "4.0.5",
+    "kcd-scripts": "^7.0.3",
     "npm-run-all": "^4.1.5",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "rimraf": "^3.0.2",
     "typescript": "^4.0.5"
   },

types/test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import {render, fireEvent, screen, waitFor} from '@testing-library/react'
 import * as pure from '@testing-library/react/pure'
 
-async function testRender() {
+export async function testRender() {
   const page = render(<div />)
 
   // single queries
@@ -17,9 +17,10 @@ async function testRender() {
 
   // helpers
   const {container, rerender, debug} = page
+  return {container, rerender, debug}
 }
 
-async function testPureRender() {
+export async function testPureRender() {
   const page = pure.render(<div />)
 
   // single queries
@@ -34,20 +35,21 @@ async function testPureRender() {
 
   // helpers
   const {container, rerender, debug} = page
+  return {container, rerender, debug}
 }
 
-async function testRenderOptions() {
+export function testRenderOptions() {
   const container = document.createElement('div')
   const options = {container}
   render(<div />, options)
 }
 
-async function testFireEvent() {
+export function testFireEvent() {
   const {container} = render(<button />)
   fireEvent.click(container)
 }
 
-async function testDebug() {
+export function testDebug() {
   const {debug, getAllByTestId} = render(
     <>
       <h2 data-testid="testid">Hello World</h2>
@@ -57,14 +59,22 @@ async function testDebug() {
   debug(getAllByTestId('testid'))
 }
 
-async function testScreen() {
+export async function testScreen() {
   render(<button />)
 
-  screen.findByRole('button')
+  await screen.findByRole('button')
 }
 
-async function testWaitFor() {
+export async function testWaitFor() {
   const {container} = render(<button />)
   fireEvent.click(container)
   await waitFor(() => {})
 }
+
+/*
+eslint
+  testing-library/prefer-explicit-assert: "off",
+  testing-library/no-wait-for-empty-callback: "off",
+  testing-library/no-debug: "off",
+  testing-library/prefer-screen-queries: "off"
+*/