Bump testing-library dependencies

Author: afontcu

package-lock.json

@@ -31,7 +31,7 @@
   "author": "Daniel Cook",
   "license": "MIT",
   "dependencies": {
-    "@testing-library/dom": "^5.2.0",
+    "@testing-library/dom": "^5.6.0",
     "@vue/test-utils": "^1.0.0-beta.29",
     "vue": "^2.6.10",
     "vue-template-compiler": "^2.6.10"
@@ -42,6 +42,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
     "@babel/plugin-transform-runtime": "^7.4.4",
     "@babel/preset-env": "^7.4.5",
+    "@testing-library/jest-dom": "^4.0.0",
     "axios": "^0.19.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
@@ -58,7 +59,6 @@
     "eslint-plugin-vue": "^5.2.2",
     "husky": "^2.4.0",
     "jest": "^24.8.0",
-    "jest-dom": "^3.4.0",
     "jest-in-case": "^1.0.2",
     "jest-serializer-vue": "^2.0.2",
     "lint-staged": "^8.1.7",

package.json

@@ -1,7 +1,7 @@
 import axiosMock from 'axios'
 import { render, fireEvent } from '@testing-library/vue'
 import Component from './components/Fetch.vue'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 test('makes an API call and displays the greeting when load-greeting is clicked', async () => {
   axiosMock.get.mockImplementationOnce(() =>

tests/__tests__/axios-mock.js

@@ -1,6 +1,6 @@
 import { render, waitForElementToBeRemoved } from '@testing-library/vue'
 import Disappearance from './components/Disappearance'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 test('it waits for the data to be loaded', async () => {
   const { getByText, queryByText, queryByTestId } = render(Disappearance)

tests/__tests__/disappearance.js

@@ -1,5 +1,5 @@
 import { render, fireEvent } from '@testing-library/vue'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 import Form from './components/Form'
 
 test('Review form submits', async () => {

tests/__tests__/form.js

@@ -1,6 +1,6 @@
 import { render, cleanup, fireEvent } from '@testing-library/vue'
 import Button from './components/Button'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 afterEach(cleanup)
 

tests/__tests__/simple-button.js

@@ -1,6 +1,6 @@
 import StopWatch from './components/StopWatch.vue'
 import { cleanup, render, wait, fireEvent } from '@testing-library/vue'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 afterEach(cleanup)
 

tests/__tests__/stopwatch.js

@@ -1,6 +1,6 @@
 import NumberDisplay from './components/NumberDisplay.vue'
 import { render } from '@testing-library/vue'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 test('calling render with the same component but different props does not remount', async () => {
   const { getByTestId, updateProps } = render(NumberDisplay, {

tests/__tests__/update-props.js

@@ -1,5 +1,5 @@
 import VeeValidate from 'vee-validate'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 import { render, fireEvent } from '@testing-library/vue'
 import Validate from './components/Validate'

tests/__tests__/validate-plugin.js

@@ -1,4 +1,4 @@
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 import App from './components/Router/App.vue'
 import Home from './components/Router/Home.vue'