test(replay): Streamline replay test imports (#7774)

We want to generally import from `@sentry/browser`, and just have one specific test to import from `@sentry/replay`.

Author: mydea

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

@@ -4,7 +4,7 @@ import { SDK_VERSION } from '@sentry/browser';
 import { sentryTest } from '../../../utils/fixtures';
 import { getReplayEvent, shouldSkipReplayTest, waitForReplayRequest } from '../../../utils/replayHelpers';
 
-sentryTest('should capture replays', async ({ getLocalTestPath, page }) => {
+sentryTest('should capture replays (@sentry/browser export)', async ({ getLocalTestPath, page }) => {
   if (shouldSkipReplayTest()) {
     sentryTest.skip();
   }

packages/browser-integration-tests/suites/replay/captureReplayViaBrowser/init.js renamed to packages/browser-integration-tests/suites/replay/captureReplayFromReplayPackage/init.js

@@ -1,7 +1,8 @@
 import * as Sentry from '@sentry/browser';
+import { Replay } from '@sentry/replay';
 
 window.Sentry = Sentry;
-window.Replay = new Sentry.Replay({
+window.Replay = new Replay({
   flushMinDelay: 200,
   flushMaxDelay: 200,
 });

packages/browser-integration-tests/suites/replay/captureReplayViaBrowser/template.html renamed to packages/browser-integration-tests/suites/replay/captureReplayFromReplayPackage/template.html

@@ -2,12 +2,10 @@ import { expect } from '@playwright/test';
 import { SDK_VERSION } from '@sentry/browser';
 
 import { sentryTest } from '../../../utils/fixtures';
-import { getReplayEvent, waitForReplayRequest } from '../../../utils/replayHelpers';
+import { getReplayEvent, shouldSkipReplayTest, waitForReplayRequest } from '../../../utils/replayHelpers';
 
-sentryTest('should capture replays (@sentry/browser export)', async ({ getLocalTestPath, page }) => {
-  // For this test, we skip all bundle tests, as we're only interested in Replay being correctly
-  // exported from the `@sentry/browser` npm package.
-  if (process.env.PW_BUNDLE && process.env.PW_BUNDLE.startsWith('bundle_')) {
+sentryTest('should capture replays (@sentry/replay export)', async ({ getLocalTestPath, page }) => {
+  if (shouldSkipReplayTest()) {
     sentryTest.skip();
   }
 

packages/browser-integration-tests/suites/replay/captureReplayViaBrowser/test.ts renamed to packages/browser-integration-tests/suites/replay/captureReplayFromReplayPackage/test.ts

@@ -1,8 +1,7 @@
 import * as Sentry from '@sentry/browser';
-import { Replay } from '@sentry/replay';
 
 window.Sentry = Sentry;
-window.Replay = new Replay({
+window.Replay = new Sentry.Replay({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   useCompression: false,

packages/browser-integration-tests/suites/replay/fileInput/init.js

@@ -1,8 +1,7 @@
 import * as Sentry from '@sentry/browser';
-import { Replay } from '@sentry/replay';
 
 window.Sentry = Sentry;
-window.Replay = new Replay({
+window.Replay = new Sentry.Replay({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   useCompression: false,

packages/browser-integration-tests/suites/replay/privacyBlock/init.js

@@ -1,8 +1,7 @@
 import * as Sentry from '@sentry/browser';
-import { Replay } from '@sentry/replay';
 
 window.Sentry = Sentry;
-window.Replay = new Replay({
+window.Replay = new Sentry.Replay({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   useCompression: false,

packages/browser-integration-tests/suites/replay/privacyDefault/init.js

@@ -1,8 +1,7 @@
 import * as Sentry from '@sentry/browser';
-import { Replay } from '@sentry/replay';
 
 window.Sentry = Sentry;
-window.Replay = new Replay({
+window.Replay = new Sentry.Replay({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   useCompression: false,

packages/browser-integration-tests/suites/replay/privacyInput/init.js

@@ -1,8 +1,7 @@
 import * as Sentry from '@sentry/browser';
-import { Replay } from '@sentry/replay';
 
 window.Sentry = Sentry;
-window.Replay = new Replay({
+window.Replay = new Sentry.Replay({
   flushMinDelay: 200,
   flushMaxDelay: 200,
   useCompression: false,