Improve Replay Playwright Integration Tests

[Lms24]

Problem Statement

Right now, our Playwright integration tests for Replay only cover some simple scenarios without checking recording data too carefully. Due to some bugs/regressions in the past we want to spend some time to ensure these regressions don't keep happening. Due to the fact that our Playwright integration tests are already set up for Replay and they also test against CDN bundles, we want to improve them and add more test cases to ensure better fault detection capability going forward.

Solution Brainstorm

Test setup

Beta Give feedback

1. test(replay): Add Integration tests + setup for custom events #7052
   +0
2. Add helper functions to decompress compressed payloads (test(replay): Test compressed recording payloads #7082)
3. Add full SDK+tracing+replay bundle to set of bundles we test against (test(replay): Test against full and errors+replay CDN bundles #7096)

Tasks

Beta Give feedback

We're having trouble rendering your tasklist, it's most likely has one of the following formatting errors:

• indented tasks (i.e. nested tasklist; support for this is coming!)
• an empty task (i.e. - [ ] on a line by itself)
• any empty new lines (before/after the tasklist or in between tasks)
• duplicate issue/pr links
• a draft task exceeds 512 characters

Please check the tasklists documentation for more information. 🔗 Feedback Discussion

Thank you for participating in the Private Beta ❤️

1. Custom recording events: ensure our breadcrumbs and performance spans are sent (https://github.com/getsentry/sentry-javascript/pull/7052)
2. Compression worker: ensure compression works (i.e. decompress and check compressed payloads) (https://github.com/getsentry/sentry-javascript/pull/7082)
3. One test with Pageload and Navigations that deep-checks all rrweb recording payloads (#7212)
4. Fetch/XHR requests should be recorded (#7224)
5. Test blocking options https://github.com/getsentry/sentry-javascript/pull/7201
6. Test flushing interval https://github.com/getsentry/sentry-javascript/pull/7240
7. Error mode -> Session mode transition (and general error sampling) (#7251)
8. Linked errors: ensure error id's are included (or excluded if dropped) (#7251)
9. Test Unicode characters in payloads (#7252)
10. Test session expiration (https://github.com/getsentry/sentry-javascript/pull/7253)
11. Test privacy options for DOM nodes that are later inserted into the DOM (to test mutation observer specifically)