force flush after inputs

Author: billyvg

dev-packages/browser-integration-tests/suites/feedback/captureFeedbackAndReplay/hasSampling/test.ts

@@ -39,24 +39,25 @@ sentryTest('should capture feedback (@sentry-internal/feedback import)', async (
 
   const [,,replayReq0] = await Promise.all([page.goto(url), page.getByText('Report a Bug').click(), reqPromise0]);
 
+  // Inputs are slow, these need to be serial
   await page.locator('[name="name"]').fill('Jane Doe');
   await page.locator('[name="email"]').fill('[email protected]');
   await page.locator('[name="message"]').fill('my example feedback');
 
-  const [,feedbackResp, replayReq1] = await Promise.all([page.getByLabel('Send Bug Report').click(), feedbackRequestPromise, reqPromise1]);
+  // Force flush here, as inputs are slow and can cause click event to be in unpredictable segments
+  await Promise.all([
+    forceFlushReplay(),
+    reqPromise1,
+  ]);
+
+  const [,feedbackResp, replayReq2] = await Promise.all([page.getByLabel('Send Bug Report').click(), feedbackRequestPromise, reqPromise2]);
 
   const feedbackEvent = envelopeRequestParser(feedbackResp.request());
   const replayEvent = getReplayEvent(replayReq0);
   // Feedback breadcrumb is on second segment because we flush when "Report a Bug" is clicked
   // And then the breadcrumb is sent when feedback form is submitted
-  const { breadcrumbs } = getCustomRecordingEvents(replayReq1);
-
+  const { breadcrumbs } = getCustomRecordingEvents(replayReq2);
 
-  if (breadcrumbs.length === 0) {
-    console.log(getReplayEvent(replayReq0), getReplayEvent(replayReq1));
-    console.log(getCustomRecordingEvents(replayReq0), getCustomRecordingEvents(replayReq1));
-    console.log(getCustomRecordingEvents(await reqPromise2));
-  }
 
   expect(breadcrumbs).toEqual(
     expect.arrayContaining([