chore: upgrade to Jest 27

.eslintrc.js

@@ -5,7 +5,7 @@ module.exports = {
  extends: [
  './node_modules/kcd-scripts/eslint.js',
  'plugin:vue/recommended',
- 'prettier/vue',
+ 'prettier',
  ],
  plugins: ['vue'],
  rules: {
@@ -18,5 +18,6 @@ module.exports = {
  'testing-library/no-manual-cleanup': 'off',
  'testing-library/no-await-sync-events': 'off',
  'testing-library/await-fire-event': 'error',
+ 'testing-library/prefer-user-event': 'off',
  },
 }

package.json

@@ -62,7 +62,7 @@
  "graphql-tag": "^2.11.0",
  "isomorphic-unfetch": "^3.0.0",
  "jest-serializer-vue": "^2.0.2",
- "kcd-scripts": "^7.0.3",
+ "kcd-scripts": "^11.1.0",
  "lodash.merge": "^4.6.2",
  "msw": "^0.26.2",
  "portal-vue": "^2.1.7",

src/__tests__/form-user-event.js

@@ -1,3 +1,4 @@
+/* eslint-enable testing-library/prefer-user-event */
 import '@testing-library/jest-dom'
 import {render, waitFor} from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'

src/__tests__/render.js

@@ -33,9 +33,7 @@ test('renders container', () => {
  template: '<div data-testid="myDiv">my content</div>',
  })
 
- expect(container.firstChild).toHaveTextContent(
- getByTestId('myDiv').textContent,
- )
+ expect(container).toHaveTextContent(getByTestId('myDiv').textContent)
 })
 
 test('container defaults to div', () => {

src/__tests__/select-user-event.js

@@ -1,3 +1,4 @@
+/* eslint-enable testing-library/prefer-user-event */
 import '@testing-library/jest-dom'
 import {render} from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'

src/fire-event.js

@@ -15,6 +15,7 @@ Object.keys(dtlFireEvent).forEach(key => {
  fireEvent[key] = async (...args) => {
  warnOnChangeOrInputEventCalledDirectly(args[1], key)
 
+ // eslint-disable-next-line testing-library/await-fire-event
  dtlFireEvent[key](...args)
  await waitFor(() => {})
  }