Upgrade other dependencies and fix unit tests

Author: rtucek

package.json

@@ -47,7 +47,7 @@
     "vuedraggable": "^2.24.1"
   },
   "devDependencies": {
-    "@types/jest": "^26.0.14",
+    "@types/jest": "^27.0.1",
     "@typescript-eslint/eslint-plugin": "^4.1.1",
     "@typescript-eslint/parser": "^4.1.1",
     "@vue/cli-plugin-babel": "^4.0.5",
@@ -61,9 +61,9 @@
     "babel-eslint": "^10.0.1",
     "eslint": "^7.9.0",
     "eslint-plugin-vue": "^7.1.0",
-    "lint-staged": "^10.4.0",
+    "lint-staged": "^11.1.2",
     "node-sass": "^6.0.1",
-    "sass-loader": "^10.0.2",
+    "sass-loader": "^12.1.0",
     "typescript": "^4.0.3",
     "vue-template-compiler": "^2.5.21",
     "vuepress": "^1.2.0"

tests/unit/drag-n-drop.spec.ts

@@ -151,7 +151,7 @@ describe('Test drag\'n\'drop related actions', () => {
     expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
   });
 
-  it('tests drag\'n\'drop by merging with a parent group', async done => {
+  it('tests drag\'n\'drop by merging with a parent group', done => {
     const app = mount(QueryBuilder, {
       propsData: {
         value,
@@ -204,15 +204,16 @@ describe('Test drag\'n\'drop related actions', () => {
     };
     adderComponent.findComponent(Draggable).vm.$emit('change', addEv);
 
-    await flushPromises();
+    flushPromises()
+      .then(() => {
+        expect((parent.emitted('query-update') as any)[0][0]).toStrictEqual(qbClone);
+        expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
 
-    expect((parent.emitted('query-update') as any)[0][0]).toStrictEqual(qbClone);
-    expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
-
-    done();
+        done();
+      });
   });
 
-  it('tests drag\'n\'dropping with merging within the adding group', async done => {
+  it('tests drag\'n\'dropping with merging within the adding group', done => {
     const app = mount(QueryBuilder, {
       propsData: {
         value,
@@ -263,15 +264,16 @@ describe('Test drag\'n\'drop related actions', () => {
     };
     adderComponent.findComponent(Draggable).vm.$emit('change', addEv);
 
-    await flushPromises();
-
-    expect((adderComponent.emitted('query-update') as any)[0][0]).toStrictEqual(adder);
-    expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
+    flushPromises()
+      .then(() => {
+        expect((adderComponent.emitted('query-update') as any)[0][0]).toStrictEqual(adder);
+        expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
 
-    done();
+        done();
+      });
   });
 
-  it('tests drag\'n\'dropping with merging within the deleting group', async done => {
+  it('tests drag\'n\'dropping with merging within the deleting group', done => {
     const app = mount(QueryBuilder, {
       propsData: {
         value,
@@ -322,11 +324,13 @@ describe('Test drag\'n\'drop related actions', () => {
     };
     adderComponent.findComponent(Draggable).vm.$emit('change', addEv);
 
-    await flushPromises();
-
-    expect((removerComponent.emitted('query-update') as any)[0][0]).toStrictEqual(remover);
-    expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
+    // await flushPromises();
+    flushPromises()
+      .then(() => {
+        expect((removerComponent.emitted('query-update') as any)[0][0]).toStrictEqual(remover);
+        expect((app.emitted('input') as any)[0][0]).toStrictEqual(qbClone);
 
-    done();
+        done();
+      });
   });
 });