add explicit force flushes

Author: billyvg

packages/browser-integration-tests/suites/replay/sessionExpiry/test.ts

@@ -14,7 +14,7 @@ import {
 // Session should expire after 2s - keep in sync with init.js
 const SESSION_TIMEOUT = 2000;
 
-sentryTest('handles an expired session', async ({ getLocalTestPath, page }) => {
+sentryTest('handles an expired session', async ({ forceFlushReplay, getLocalTestPath, page }) => {
   if (shouldSkipReplayTest()) {
     sentryTest.skip();
   }
@@ -47,6 +47,7 @@ sentryTest('handles an expired session', async ({ getLocalTestPath, page }) => {
   const reqPromise2 = waitForReplayRequest(page, 0);
 
   await page.click('#button1');
+  await forceFlushReplay();
   const req1 = await reqPromise1;
 
   const replayEvent1 = getReplayEvent(req1);
@@ -58,6 +59,7 @@ sentryTest('handles an expired session', async ({ getLocalTestPath, page }) => {
   await new Promise(resolve => setTimeout(resolve, SESSION_TIMEOUT));
 
   await page.click('#button2');
+  await forceFlushReplay();
   const req2 = await reqPromise2;
 
   const replay2 = await getReplaySnapshot(page);

packages/browser-integration-tests/suites/replay/sessionMaxAge/test.ts

@@ -18,7 +18,7 @@ const SESSION_MAX_AGE = 4000;
   The main difference between this and sessionExpiry test, is that here we wait for the overall time (4s)
   in multiple steps (2s, 2s) instead of waiting for the whole time at once (4s).
 */
-sentryTest('handles session that exceeds max age', async ({ getLocalTestPath, page }) => {
+sentryTest('handles session that exceeds max age', async ({ forceFlushReplay, getLocalTestPath, page }) => {
   if (shouldSkipReplayTest()) {
     sentryTest.skip();
   }
@@ -60,6 +60,7 @@ sentryTest('handles session that exceeds max age', async ({ getLocalTestPath, pa
   const timePassed1 = Date.now() - startTimestamp;
   await new Promise(resolve => setTimeout(resolve, Math.max(SESSION_MAX_AGE / 2 - timePassed1, 0)));
   await page.click('#button1');
+  await forceFlushReplay();
 
   const req1 = await reqPromise1;
   const replayEvent1 = getReplayEvent(req1);
@@ -73,6 +74,7 @@ sentryTest('handles session that exceeds max age', async ({ getLocalTestPath, pa
   const timePassed2 = Date.now() - startTimestamp;
   await new Promise(resolve => setTimeout(resolve, Math.max(SESSION_MAX_AGE - timePassed2, 0)));
   await page.click('#button2');
+  await forceFlushReplay();
 
   const req2 = await reqPromise2;
   const replay2 = await getReplaySnapshot(page);