chore: Bump deps (#207)

Author: afontcu

package.json

@@ -47,39 +47,39 @@
   "author": "Daniel Cook",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.12.1",
-    "@testing-library/dom": "^7.28.1",
-    "@vue/test-utils": "^2.0.0-beta.12"
+    "@babel/runtime": "^7.12.13",
+    "@testing-library/dom": "^7.29.4",
+    "@vue/test-utils": "^2.0.0-rc.0"
   },
   "devDependencies": {
     "@apollo/client": "3.3.6",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@testing-library/jest-dom": "^5.11.5",
-    "@testing-library/user-event": "^12.4.0",
+    "@babel/plugin-transform-runtime": "^7.12.15",
+    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/user-event": "^12.7.0",
     "@types/estree": "0.0.45",
     "@vue/apollo-composable": "^4.0.0-alpha.12",
     "@vue/compiler-sfc": "^3.0.4",
     "apollo-boost": "^0.4.9",
     "axios": "^0.20.0",
-    "dtslint": "^4.0.6",
-    "element-plus": "^1.0.1-beta.7",
-    "eslint-plugin-vue": "^7.1.0",
-    "graphql": "^15.4.0",
+    "dtslint": "^4.0.7",
+    "element-plus": "^1.0.1-beta.27",
+    "eslint-plugin-vue": "^7.5.0",
+    "graphql": "^15.5.0",
     "graphql-tag": "^2.11.0",
     "isomorphic-unfetch": "^3.1.0",
     "jest-serializer-vue": "^2.0.2",
-    "kcd-scripts": "^7.5.1",
+    "kcd-scripts": "^7.6.0",
     "lodash.merge": "^4.6.2",
     "msw": "^0.21.3",
-    "typescript": "^4.1.2",
-    "vee-validate": "^4.0.2",
+    "typescript": "^4.1.5",
+    "vee-validate": "^4.1.18",
     "vue": "^3.0.4",
     "vue-apollo": "^3.0.5",
-    "vue-i18n": "^9.0.0-beta.10",
-    "vue-jest": "^5.0.0-alpha.7",
-    "vue-router": "^4.0.1",
-    "vuetify": "^2.3.19",
-    "vuex": "^4.0.0-rc.2"
+    "vue-i18n": "^9.0.0-rc.6",
+    "vue-jest": "^5.0.0-alpha.8",
+    "vue-router": "^4.0.3",
+    "vuetify": "^2.4.4",
+    "vuex": "^4.0.0"
   },
   "peerDependencies": {
     "@vue/compiler-sfc": ">= 3",

src/__tests__/components/Validate.vue

@@ -1,9 +1,7 @@
 <template>
   <Form>
     <Field :rules="validateEmail" name="email" as="input" type="email" />
-
-    <error-message name="email" data-testid="error-message" />
-
+    <ErrorMessage name="email" data-testid="error-message" />
     <button>Sign up</button>
   </Form>
 </template>

src/__tests__/validate-plugin.js

@@ -4,10 +4,10 @@ import {render, fireEvent} from '..'
 import VeeValidate from './components/Validate'
 
 test('can validate using plugin', async () => {
-  const {findByText, getByRole, getByTestId} = render(VeeValidate)
+  const {findByText, getByRole, queryByTestId} = render(VeeValidate)
 
   // Assert error messages are not in the DOM when rendering the component.
-  expect(getByTestId('error-message')).toBeEmptyDOMElement()
+  expect(queryByTestId('error-message')).not.toBeInTheDocument()
 
   const emailInput = getByRole('textbox')