test: set sync in mount options, but no luck

ui/src/components/Modal/__tests__/Modal.test.ts

@@ -1,10 +1,18 @@
-import { mount, shallowMount } from "@vue/test-utils";
+import { mount } from "@vue/test-utils";
 import Modal from "../Modal.vue";
 import { CreateElement, VNode } from "vue";
 
 describe("Modal", () => {
+  // Both Vue.config.async and mountOptions.sync are not working?
+  // Vue.config.async = false;
+  // expect(Vue.config.async).toBe(false);
+
   const title = "Modal Title";
   const wrapper = mount(Modal, {
+    // does not work. infact it is default value
+    // https://github.com/vuejs/vue-test-utils/pull/1062
+    sync: true,
+
     propsData: {
       title,
       active: false
@@ -39,9 +47,15 @@ describe("Modal", () => {
   it("closed correctly", () => {
     const button = wrapper.find(".fd-modal__close");
     button.trigger("click");
-    wrapper.setProps({ active: false });
 
     expect(wrapper.emitted("close")).toHaveLength(1);
+    expect(wrapper.emitted("update:active")).toHaveLength(1);
+
+    // Temporary manually modify the active prop
+    // Tried with $nextTick but no luck
+    // expect(wrapper.props('active')).toBe(false);
+    wrapper.setProps({ active: false });
+
     expect(wrapper.find(".fd-overlay--modal").attributes("aria-hidden")).toBe(
       "true"
     );