test: use forceCloseAllModals instead of closeCurrentModal (#30211)

test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx

@@ -45,9 +45,9 @@ describe("AddRemoveThreepids", () => {
         client = stubClient();
     });
 
-    afterEach(() => {
+    afterEach(async () => {
         jest.restoreAllMocks();
-        clearAllModals();
+        await clearAllModals();
         cleanup();
     });
 

test/unit-tests/components/views/settings/__snapshots__/AddRemoveThreepids-test.tsx.snap

@@ -61,14 +61,14 @@ exports[`AddRemoveThreepids should render email addresses 1`] = `
     >
       <input
         autocomplete="email"
-        id="mx_Field_14"
+        id="mx_Field_15"
         label="Email Address"
         placeholder="Email Address"
         type="text"
         value=""
       />
       <label
-        for="mx_Field_14"
+        for="mx_Field_15"
       >
         Email Address
       </label>
@@ -148,14 +148,14 @@ exports[`AddRemoveThreepids should render phone numbers 1`] = `
       </span>
       <input
         autocomplete="tel-national"
-        id="mx_Field_15"
+        id="mx_Field_16"
         label="Phone Number"
         placeholder="Phone Number"
         type="text"
         value=""
       />
       <label
-        for="mx_Field_15"
+        for="mx_Field_16"
       >
         Phone Number
       </label>