fix(replay): Ensure we still truncate large bodies if they are failed JSON

Also add some tests around this.

Author: mydea

packages/replay/src/coreHandlers/util/networkUtils.ts

@@ -201,8 +201,8 @@ function normalizeNetworkBody(body: string | undefined): {
       };
     } catch {
       return {
-        body,
-        warnings: ['INVALID_JSON'],
+        body: exceedsSizeLimit ? `${body.slice(0, NETWORK_BODY_MAX_SIZE)}…` : body,
+        warnings: exceedsSizeLimit ? ['INVALID_JSON', 'TEXT_TRUNCATED'] : ['INVALID_JSON'],
       };
     }
   }

packages/replay/test/unit/coreHandlers/util/networkUtils.test.ts

@@ -5,6 +5,7 @@ import {
   getBodySize,
   parseContentLengthHeader,
 } from '../../../../src/coreHandlers/util/networkUtils';
+import { NETWORK_BODY_MAX_SIZE } from '../../../../src/constants';
 
 jest.useFakeTimers();
 
@@ -186,5 +187,36 @@ describe('Unit | coreHandlers | util | networkUtils', () => {
 
       expect(actual).toEqual({ size: 1, headers: {}, body: expectedBody, _meta: expectedMeta });
     });
+
+    it.each([
+      [
+        'large JSON string',
+        JSON.stringify({
+          aa: 'a'.repeat(NETWORK_BODY_MAX_SIZE + 10),
+        }),
+        {
+          aa: `${'a'.repeat(NETWORK_BODY_MAX_SIZE - 7)}~~`,
+        },
+        { warnings: ['JSON_TRUNCATED'] },
+      ],
+      [
+        'large plain string',
+        'a'.repeat(NETWORK_BODY_MAX_SIZE + 10),
+        `${'a'.repeat(NETWORK_BODY_MAX_SIZE)}…`,
+        { warnings: ['TEXT_TRUNCATED'] },
+      ],
+      [
+        'large invalid JSON string',
+        `{--${JSON.stringify({
+          aa: 'a'.repeat(NETWORK_BODY_MAX_SIZE + 10),
+        })}`,
+        `{--{"aa":"${'a'.repeat(NETWORK_BODY_MAX_SIZE - 10)}…`,
+        { warnings: ['INVALID_JSON', 'TEXT_TRUNCATED'] },
+      ],
+    ])('works with %s', (label, input, expectedBody, expectedMeta) => {
+      const actual = buildNetworkRequestOrResponse({}, 1, input);
+
+      expect(actual).toEqual({ size: 1, headers: {}, body: expectedBody, _meta: expectedMeta });
+    });
   });
 });