Merge pull request #119 from maoberlehner/release/1.4.1

Release/1.4.1

Author: maoberlehner

babel.config.js

@@ -10,7 +10,14 @@ module.exports = {
   env: {
     test: {
       presets: [
-        `@babel/preset-env`,
+        [
+          `@babel/preset-env`,
+          {
+            targets: {
+              node: `current`,
+            },
+          },
+        ],
       ],
     },
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuex-map-fields",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Enable two-way data binding for form fields saved in a Vuex store",
   "keywords": [
     "vue",
@@ -29,22 +29,22 @@
   },
   "devDependencies": {
     "@avalanche/eslint-config": "^4.0.0",
-    "@babel/core": "^7.10.5",
-    "@babel/preset-env": "^7.10.4",
-    "@vue/test-utils": "1.0.0-beta.29",
+    "@babel/core": "^7.11.6",
+    "@babel/preset-env": "^7.11.5",
+    "@vue/test-utils": "1.1.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^26.1.0",
+    "babel-jest": "^26.3.0",
     "coveralls": "^3.1.0",
-    "eslint": "^7.4.0",
+    "eslint": "^7.10.0",
     "eslint-plugin-compat": "^3.8.0",
-    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-markdown": "^1.0.2",
-    "jest": "^26.1.0",
-    "rollup": "^2.22.0",
+    "jest": "^26.4.2",
+    "rollup": "^2.28.2",
     "rollup-plugin-babel": "^4.4.0",
     "uglify-es": "^3.3.9",
-    "vue": "^2.6.11",
-    "vue-template-compiler": "^2.6.11",
+    "vue": "^2.6.12",
+    "vue-template-compiler": "^2.6.12",
     "vuex": "^3.5.1"
   },
   "main": "dist/index.js",

test/module-namespaced-double.test.js

@@ -51,9 +51,11 @@ describe(`Component initialized with namespaced Vuex module.`, () => {
     expect(wrapper.exists()).toBe(true);
   });
 
-  test(`It should update field values when the store is updated.`, () => {
+  test(`It should update field values when the store is updated.`, async () => {
     store.state.fooModule.foo = `foo`;
 
+    await wrapper.vm.$nextTick();
+
     expect(wrapper.element.value).toBe(`foo`);
   });
 

test/module-namespaced-inline.test.js

@@ -46,16 +46,20 @@ describe(`Component initialized with namespaced Vuex module.`, () => {
     expect(wrapper.exists()).toBe(true);
   });
 
-  test(`It should update field values when the store is updated.`, () => {
+  test(`It should update field values when the store is updated.`, async () => {
     store.state.fooModule.foo = `foo`;
 
+    await wrapper.vm.$nextTick();
+
     expect(wrapper.element.value).toBe(`foo`);
   });
 
-  test(`It should update the store when the field values are updated.`, () => {
+  test(`It should update the store when the field values are updated.`, async () => {
     wrapper.element.value = `foo`;
     wrapper.trigger(`input`);
 
+    await wrapper.vm.$nextTick();
+
     expect(store.state.fooModule.foo).toBe(`foo`);
   });
 });

test/module-namespaced.test.js

@@ -51,8 +51,9 @@ describe(`Component initialized with namespaced Vuex module.`, () => {
     expect(wrapper.exists()).toBe(true);
   });
 
-  test(`It should update field values when the store is updated.`, () => {
+  test(`It should update field values when the store is updated.`, async () => {
     store.state.fooModule.foo = `foo`;
+    await wrapper.vm.$nextTick();
 
     expect(wrapper.element.value).toBe(`foo`);
   });

test/module.test.js

@@ -45,13 +45,15 @@ describe(`Component initialized with Vuex module.`, () => {
     expect(wrapper.exists()).toBe(true);
   });
 
-  test(`It should update field values when the store is updated.`, () => {
+  test(`It should update field values when the store is updated.`, async () => {
     store.state.fooModule.foo = `foo`;
 
+    await wrapper.vm.$nextTick();
+
     expect(wrapper.element.value).toBe(`foo`);
   });
 
-  test(`It should update the store when the field values are updated.`, () => {
+  test(`It should update the store when the field values are updated.`, async () => {
     wrapper.element.value = `foo`;
     wrapper.trigger(`input`);
 

test/multi-row.test.js

@@ -55,10 +55,12 @@ describe(`Component initialized with multi row setup.`, () => {
     expect(wrapper.exists()).toBe(true);
   });
 
-  test(`It should update field values when the store is updated.`, () => {
+  test(`It should update field values when the store is updated.`, async () => {
     store.state.users[0].name = `New Name`;
     store.state.users[1].email = `[email protected]`;
 
+    await wrapper.vm.$nextTick();
+
     expect(wrapper.find(`input`).element.value).toBe(`New Name`);
     expect(wrapper.find(`div:nth-child(2) input:nth-child(2)`).element.value).toBe(`[email protected]`);
   });

test/nested-store.test.js

@@ -50,9 +50,11 @@ describe(`Component initialized with customized getter and mutation functions.`,
     expect(wrapper.exists()).toBe(true);
   });
 
-  test(`It should update field values when the store is updated.`, () => {
+  test(`It should update field values when the store is updated.`, async () => {
     store.state.form.foo.foo = `foo`;
 
+    await wrapper.vm.$nextTick();
+
     expect(wrapper.element.value).toBe(`foo`);
   });
 

test/packaged.test.js

@@ -72,11 +72,13 @@ localVue.use(Vuex);
       expect(wrapper.exists()).toBe(true);
     });
 
-    test(`It should update field values when the store is updated.`, () => {
+    test(`It should update field values when the store is updated.`, async () => {
       store.state.foo = `foo`;
       store.state.bar.bar = `bar`;
       store.state.baz[0].foo.baz = `baz`;
 
+      await wrapper.vm.$nextTick();
+
       expect(wrapper.find(`#foo`).element.value).toBe(`foo`);
       expect(wrapper.find(`#bar`).element.value).toBe(`bar`);
       expect(wrapper.find(`#baz`).element.value).toBe(`baz`);