chore: update all deps (#513)

* chore: update all deps

* chore: run kcd-scripts format

* chore: fix lint issues

Author: kentcdodds

.github/ISSUE_TEMPLATE.md

@@ -33,6 +33,7 @@ supported version.
 Relevant code or config
 
 ```javascript
+
 ```
 
 What you did:

package.json

@@ -36,19 +36,19 @@
     "test:debug": "kcd-scripts --inspect-brk test --runInBand",
     "test:update": "npm test -- --updateSnapshot --coverage",
     "validate": "kcd-scripts validate",
-    "typecheck": "tsc --project typings"
+    "typecheck": "kcd-scripts typecheck --build typings"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.2"
+    "@babel/runtime": "^7.12.5"
   },
   "devDependencies": {
-    "@testing-library/dom": "^7.21.4",
-    "@testing-library/jest-dom": "^5.11.1",
+    "@testing-library/dom": "^7.28.1",
+    "@testing-library/jest-dom": "^5.11.6",
     "@types/estree": "0.0.45",
     "is-ci": "^2.0.0",
     "jest-serializer-ansi": "^1.0.3",
-    "kcd-scripts": "^6.2.3",
-    "typescript": "^4.0.5"
+    "kcd-scripts": "^7.5.1",
+    "typescript": "^4.1.2"
   },
   "peerDependencies": {
     "@testing-library/dom": ">=7.21.4"

src/__tests__/clear.js

@@ -82,6 +82,7 @@ test('clears even on inputs that cannot (programmatically) have a selection', ()
   const {element: number} = setup('<input value="12" type="number" />')
   userEvent.clear(number)
   // jest-dom does funny stuff with toHaveValue on number inputs
+  // eslint-disable-next-line jest-dom/prefer-to-have-value
   expect(number.value).toBe('')
 })
 

src/__tests__/type.js

@@ -425,7 +425,7 @@ test('typing into a controlled input works', () => {
 
   userEvent.type(element, '23')
 
-  expect(element.value).toBe('$23')
+  expect(element).toHaveValue('$23')
   expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="$23"]
 
@@ -461,7 +461,7 @@ test('typing in the middle of a controlled input works', () => {
 
   userEvent.type(element, '1')
 
-  expect(element.value).toBe('$213')
+  expect(element).toHaveValue('$213')
   expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="$213"]
 
@@ -503,7 +503,7 @@ test('ignored {backspace} in controlled input', () => {
   expect(element.selectionEnd).toBe(element.value.length)
   userEvent.type(element, '4')
 
-  expect(element.value).toBe('$234')
+  expect(element).toHaveValue('$234')
   // the backslash in the inline snapshot is to escape the $ before {CURSOR}
   expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="$234"]
@@ -1108,7 +1108,7 @@ test('can type into an input with type `time`', () => {
   input[value="01:05"] - change
   input[value="01:05"] - keyup: 5 (53)
   `)
-  expect(element.value).toBe('01:05')
+  expect(element).toHaveValue('01:05')
 })
 
 test('can type into an input with type `time` without ":"', () => {
@@ -1149,7 +1149,7 @@ test('can type into an input with type `time` without ":"', () => {
   input[value="01:05"] - change
   input[value="01:05"] - keyup: 5 (53)
   `)
-  expect(element.value).toBe('01:05')
+  expect(element).toHaveValue('01:05')
 })
 
 test('can type more a number higher than 60 minutes into an input `time` and they are converted into 59 minutes', () => {
@@ -1195,7 +1195,7 @@ test('can type more a number higher than 60 minutes into an input `time` and the
     input[value="23:59"] - keyup: 0 (48)
   `)
 
-  expect(element.value).toBe('23:59')
+  expect(element).toHaveValue('23:59')
 })
 
 test('can type letters into an input `time` and they are ignored', () => {
@@ -1256,7 +1256,7 @@ test('can type letters into an input `time` and they are ignored', () => {
     input[value="16:36"] - keyup: d (100)
   `)
 
-  expect(element.value).toBe('16:36')
+  expect(element).toHaveValue('16:36')
 })
 
 test('can type a digit bigger in the hours section, bigger than 2 and it shows the time correctly', () => {
@@ -1299,7 +1299,7 @@ test('can type a digit bigger in the hours section, bigger than 2 and it shows t
     input[value="09:25"] - keyup: 5 (53)
   `)
 
-  expect(element.value).toBe('09:25')
+  expect(element).toHaveValue('09:25')
 })
 
 test('can type two digits in the hours section, equals to 24 and it shows the hours as 23', () => {
@@ -1345,7 +1345,7 @@ test('can type two digits in the hours section, equals to 24 and it shows the ho
     input[value="23:52"] - keyup: 2 (50)
   `)
 
-  expect(element.value).toBe('23:52')
+  expect(element).toHaveValue('23:52')
 })
 
 test('can type two digits in the hours section, bigger than 24 and less than 30, and it shows the hours as 23', () => {
@@ -1391,7 +1391,7 @@ test('can type two digits in the hours section, bigger than 24 and less than 30,
     input[value="23:52"] - keyup: 2 (50)
   `)
 
-  expect(element.value).toBe('23:52')
+  expect(element).toHaveValue('23:52')
 })
 
 test('{arrowdown} fires keyup/keydown events', () => {

typings/.eslintrc

@@ -0,0 +1,5 @@
+{
+  "parserOptions": {
+    "project": "./typings/tsconfig.json"
+  }
+}

typings/index.d.ts

@@ -57,6 +57,7 @@ declare const userEvent: {
     element: TargetElement,
     text: string,
     userOpts?: T,
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
   ) => T extends {delay: number} ? Promise<void> : void
   tab: (userOpts?: ITabUserOptions) => void
   paste: (

typings/test.ts

@@ -3,6 +3,10 @@ import userEvent, {TargetElement} from '.'
 declare const element: TargetElement
 type NotVoid = string | number | boolean | object | null
 
-userEvent.type(element, 'foo', {delay: 1}) as Promise<void>
+userEvent.type(element, 'foo', {delay: 1}).then(
+  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+  function handleSucces(_nothing: void) {},
+  function handleError(_error: Error) {},
+)
 // @ts-expect-error No delay returns void
 userEvent.type(element, 'foo') as NotVoid

typings/tsconfig.json

@@ -1,7 +1,4 @@
 {
-  "compilerOptions": {
-    "lib": ["dom"],
-    "noEmit": true,
-    "strict": true
-  }
+  "extends": "../node_modules/kcd-scripts/shared-tsconfig.json",
+  "include": ["."]
 }