chore: upgrade to Jest 27 (#693)

* chore: upgrade to Jest 27

* fix: ESLint config

package.json

@@ -49,7 +49,7 @@
     "is-ci": "^2.0.0",
     "jest-in-case": "^1.0.2",
     "jest-serializer-ansi": "^1.0.3",
-    "kcd-scripts": "^7.5.1",
+    "kcd-scripts": "^11.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "typescript": "^4.1.2"

src/__tests__/clear.js

@@ -89,6 +89,6 @@ test('non-inputs/textareas are currently unsupported', () => {
   const {element} = setup('<div />')
 
   expect(() => userEvent.clear(element)).toThrowErrorMatchingInlineSnapshot(
-    `"clear currently only supports input and textarea elements."`,
+    `clear currently only supports input and textarea elements.`,
   )
 })

src/__tests__/helpers/utils.js

@@ -1,3 +1,4 @@
+/* eslint-disable testing-library/no-node-access */
 import {eventMap} from '@testing-library/dom/dist/event-map'
 import {isElementType} from '../../utils'
 // this is pretty helpful:

src/__tests__/hover.js

@@ -70,15 +70,15 @@ test('fires non-bubbling events on parents for hover', () => {
   userEvent.hover(button)
 
   expect(calls.join('\n')).toMatchInlineSnapshot(`
-    "BUTTON: pointerover
-    DIV: pointerover
-    DIV: pointerenter
-    BUTTON: pointerenter
-    BUTTON: mouseover
-    DIV: mouseover
-    DIV: mouseenter
-    BUTTON: mouseenter"
-  `)
+BUTTON: pointerover
+DIV: pointerover
+DIV: pointerenter
+BUTTON: pointerenter
+BUTTON: mouseover
+DIV: mouseover
+DIV: mouseenter
+BUTTON: mouseenter
+`)
 })
 
 test('fires non-bubbling events on parents for unhover', () => {
@@ -112,15 +112,15 @@ test('fires non-bubbling events on parents for unhover', () => {
   userEvent.unhover(button)
 
   expect(calls.join('\n')).toMatchInlineSnapshot(`
-    "BUTTON: pointerout
-    DIV: pointerout
-    BUTTON: pointerleave
-    DIV: pointerleave
-    BUTTON: mouseout
-    DIV: mouseout
-    BUTTON: mouseleave
-    DIV: mouseleave"
-  `)
+BUTTON: pointerout
+DIV: pointerout
+BUTTON: pointerleave
+DIV: pointerleave
+BUTTON: mouseout
+DIV: mouseout
+BUTTON: mouseleave
+DIV: mouseleave
+`)
 })
 
 test('throws when hovering element with pointer-events set to none', () => {

src/__tests__/paste.js

@@ -102,7 +102,7 @@ test('should give error if we are trying to call paste on an invalid element', (
   const {element} = setup('<div  />')
   expect(() => userEvent.paste(element, "I'm only a div :("))
     .toThrowErrorMatchingInlineSnapshot(`
-    "The given DIV element is currently unsupported.
-          A PR extending this implementation would be very much welcome at https://github.com/testing-library/user-event"
+    The given DIV element is currently unsupported.
+          A PR extending this implementation would be very much welcome at https://github.com/testing-library/user-event
   `)
 })

src/__tests__/type.js

@@ -232,6 +232,7 @@ test('should delay the typing when opts.delay is not 0', async () => {
 
   const text = 'Hello, world!'
   const delay = 10
+  // eslint-disable-next-line testing-library/no-await-sync-events
   await userEvent.type(element, text, {delay})
 
   expect(onInput).toHaveBeenCalledTimes(text.length)

src/__tests__/upload.js

@@ -242,13 +242,13 @@ test('throw error if trying to use upload on an invalid element', () => {
   expect(() =>
     userEvent.upload(elements[0], "I'm only a div :("),
   ).toThrowErrorMatchingInlineSnapshot(
-    `"The given DIV element does not accept file uploads"`,
+    `The given DIV element does not accept file uploads`,
   )
 
   expect(() =>
     userEvent.upload(elements[1], "I'm a checkbox :("),
   ).toThrowErrorMatchingInlineSnapshot(
-    `"The associated INPUT element does not accept file uploads"`,
+    `The associated INPUT element does not accept file uploads`,
   )
 })
 

src/__tests__/utils.js

@@ -1,3 +1,4 @@
+/* eslint-disable testing-library/no-node-access */
 import {screen} from '@testing-library/dom'
 import {isElementType, isVisible} from '../utils'
 import {setup} from './helpers/utils'