test(frontend): fix missing microtask ticks for openFanOutModal tests

fetchOverridesForAccounts adds one extra async boundary vs the old
inline Promise.all; DOM-querying tests in #111 (issue j) and #132
(mixed-SP, umbrella-SP) need 4 Promise.resolve() ticks, not 3.

Author: cristim

frontend/src/__tests__/recommendations.test.ts

@@ -3437,7 +3437,10 @@ describe('Issue #111: per-bucket Payment seed from per-account service override'
 
     await loadRecommendations();
     (document.getElementById('bulk-purchase-btn') as HTMLButtonElement).click();
-    await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
+    // fetchOverridesForAccounts is a separate async function (one extra
+    // microtask boundary vs the previous inline Promise.all); four ticks
+    // are needed for openFanOutModal to finish populating the DOM.
+    await Promise.resolve(); await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
 
     // Change the multi-account 1yr bucket's bucket-level Payment dropdown.
     const bucketSelects = Array.from(
@@ -3719,8 +3722,10 @@ describe('Issue #132: bulk-buy collapses SP plan types into one bucket', () => {
 
     await loadRecommendations();
     (document.getElementById('bulk-purchase-btn') as HTMLButtonElement).click();
-    // openFanOutModal is async (issue #111 prefetch); wait a tick.
-    await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
+    // fetchOverridesForAccounts is a separate async function (one extra
+    // microtask boundary vs the previous inline Promise.all); four ticks
+    // are needed for openFanOutModal to finish populating the DOM.
+    await Promise.resolve(); await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
 
     const { getFanOutBuckets } = await import('../recommendations');
     const buckets = getFanOutBuckets();
@@ -3815,7 +3820,10 @@ describe('Issue #132: bulk-buy collapses SP plan types into one bucket', () => {
 
     await loadRecommendations();
     (document.getElementById('bulk-purchase-btn') as HTMLButtonElement).click();
-    await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
+    // fetchOverridesForAccounts is a separate async function (one extra
+    // microtask boundary vs the previous inline Promise.all); four ticks
+    // are needed for openFanOutModal to finish populating the DOM.
+    await Promise.resolve(); await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
 
     // The SP bucket section must contain a <details> element with the
     // plan-type breakdown (issue #249).
@@ -3862,7 +3870,10 @@ describe('Issue #132: bulk-buy collapses SP plan types into one bucket', () => {
 
     await loadRecommendations();
     (document.getElementById('bulk-purchase-btn') as HTMLButtonElement).click();
-    await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
+    // fetchOverridesForAccounts is a separate async function (one extra
+    // microtask boundary vs the previous inline Promise.all); four ticks
+    // are needed for openFanOutModal to finish populating the DOM.
+    await Promise.resolve(); await Promise.resolve(); await Promise.resolve(); await Promise.resolve();
 
     const spSections = Array.from(document.querySelectorAll('.fanout-bucket')).filter(
       (s) => s.querySelector('h4')?.textContent?.includes('Savings Plans'),