idk trying this

Author: billyvg

packages/integration-tests/suites/replay/privacyInput/test.ts

@@ -39,63 +39,67 @@ sentryTest('should mask input initial value and its changes', async ({ getLocalT
 
   const text = 'test';
 
-  await page.locator('#input').type(text);
+  page.on('console', message => console.log(message.text()))
+  await page.locator('#input').type(text, { timeout: 5000 });
   await forceFlushReplay();
   const snapshots = getIncrementalRecordingSnapshots(await reqPromise1).filter(isInputMutation);
   const lastSnapshot = snapshots[snapshots.length - 1];
   expect(lastSnapshot.text).toBe(text);
 
-  await page.locator('#input-masked').type(text);
+  await page.locator('#input-masked').type(text, { timeout: 5000 });
   await forceFlushReplay();
   const snapshots2 = getIncrementalRecordingSnapshots(await reqPromise2).filter(isInputMutation);
   const lastSnapshot2 = snapshots2[snapshots2.length - 1];
   expect(lastSnapshot2.text).toBe('*'.repeat(text.length));
 
-  await page.locator('#input-ignore').type(text);
+  await page.locator('#input-ignore').type(text, { timeout: 5000 });
   await forceFlushReplay();
   const snapshots3 = getIncrementalRecordingSnapshots(await reqPromise3).filter(isInputMutation);
   expect(snapshots3.length).toBe(0);
 });
 
-sentryTest('should mask textarea initial value and its changes', async ({ getLocalTestPath, forceFlushReplay, page }) => {
-  if (shouldSkipReplayTest()) {
-    sentryTest.skip();
-  }
-
-  const reqPromise0 = waitForReplayRequest(page, 0);
-  const reqPromise1 = waitForReplayRequest(page, 1);
-  const reqPromise2 = waitForReplayRequest(page, 2);
-  const reqPromise3 = waitForReplayRequest(page, 3);
-
-  await page.route('https://dsn.ingest.sentry.io/**/*', route => {
-    return route.fulfill({
-      status: 200,
-      contentType: 'application/json',
-      body: JSON.stringify({ id: 'test-id' }),
+sentryTest(
+  'should mask textarea initial value and its changes',
+  async ({ getLocalTestPath, forceFlushReplay, page }) => {
+    if (shouldSkipReplayTest()) {
+      sentryTest.skip();
+    }
+
+    const reqPromise0 = waitForReplayRequest(page, 0);
+    const reqPromise1 = waitForReplayRequest(page, 1);
+    const reqPromise2 = waitForReplayRequest(page, 2);
+    const reqPromise3 = waitForReplayRequest(page, 3);
+
+    await page.route('https://dsn.ingest.sentry.io/**/*', route => {
+      return route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({ id: 'test-id' }),
+      });
     });
-  });
 
-  const url = await getLocalTestPath({ testDir: __dirname });
+    const url = await getLocalTestPath({ testDir: __dirname });
 
-  await page.goto(url);
+    await page.goto(url);
 
-  await reqPromise0;
+    await reqPromise0;
 
-  const text = 'test';
-  await page.locator('#textarea').type(text);
-  await forceFlushReplay();
-  const snapshots = getIncrementalRecordingSnapshots(await reqPromise1).filter(isInputMutation);
-  const lastSnapshot = snapshots[snapshots.length - 1];
-  expect(lastSnapshot.text).toBe(text);
+    const text = 'test';
+    await page.locator('#textarea').type(text, { timeout: 5000 });
+    await forceFlushReplay();
+    const snapshots = getIncrementalRecordingSnapshots(await reqPromise1).filter(isInputMutation);
+    const lastSnapshot = snapshots[snapshots.length - 1];
+    expect(lastSnapshot.text).toBe(text);
 
-  await page.locator('#textarea-masked').type(text);
-  await forceFlushReplay();
-  const snapshots2 = getIncrementalRecordingSnapshots(await reqPromise2).filter(isInputMutation);
-  const lastSnapshot2 = snapshots2[snapshots2.length - 1];
-  expect(lastSnapshot2.text).toBe('*'.repeat(text.length));
+    await page.locator('#textarea-masked').type(text, { timeout: 5000 });
+    await forceFlushReplay();
+    const snapshots2 = getIncrementalRecordingSnapshots(await reqPromise2).filter(isInputMutation);
+    const lastSnapshot2 = snapshots2[snapshots2.length - 1];
+    expect(lastSnapshot2.text).toBe('*'.repeat(text.length));
 
-  await page.locator('#textarea-ignore').type(text);
-  await forceFlushReplay();
-  const snapshots3 = getIncrementalRecordingSnapshots(await reqPromise3).filter(isInputMutation);
-  expect(snapshots3.length).toBe(0);
-});
+    await page.locator('#textarea-ignore').type(text, { timeout: 5000 });
+    await forceFlushReplay();
+    const snapshots3 = getIncrementalRecordingSnapshots(await reqPromise3).filter(isInputMutation);
+    expect(snapshots3.length).toBe(0);
+  },
+);

packages/integration-tests/utils/fixtures.ts

@@ -95,15 +95,17 @@ const sentryTest = base.extend<TestFixtures>({
   },
 
   forceFlushReplay: ({ page }, use) => {
-    return use(() => page.evaluate(`
+    return use(() =>
+      page.evaluate(`
       Object.defineProperty(document, 'visibilityState', {
         configurable: true,
         get: function () {
           return 'hidden';
         },
       });
       document.dispatchEvent(new Event('visibilitychange'));
-    `));
+    `),
+    );
   },
 });