debug(e2e): Add debug logging to browser-spotlight test

Author: BYK

dev-packages/e2e-tests/test-applications/browser-spotlight/src/main.jsx

@@ -1,36 +1,31 @@
 import * as Sentry from '@sentry/react';
 
+// Log debug info about the Spotlight env var and SDK state
+console.log('[E2E Debug] VITE_SENTRY_SPOTLIGHT:', import.meta.env.VITE_SENTRY_SPOTLIGHT);
+console.log('[E2E Debug] VITE_E2E_TEST_DSN:', import.meta.env.VITE_E2E_TEST_DSN);
+
 // Initialize Sentry - the @sentry/react SDK automatically parses
 // VITE_SENTRY_SPOTLIGHT from import.meta.env (zero-config for Vite!)
 // This tests the automatic SDK initialization feature.
-Sentry.init({
+const client = Sentry.init({
   dsn: import.meta.env.VITE_E2E_TEST_DSN,
   integrations: [Sentry.browserTracingIntegration()],
   tracesSampleRate: 1.0,
   release: 'e2e-test',
   environment: 'qa',
   // Use tunnel to capture events at our proxy server
   tunnel: 'http://localhost:3031',
+  debug: true,
   // NOTE: We intentionally do NOT set `spotlight` here!
   // The SDK should automatically parse VITE_SENTRY_SPOTLIGHT env var
   // and enable Spotlight with the URL from the env var
 });
 
-function App() {
-  const handleClick = () => {
-    throw new Error('Spotlight test error!');
-  };
-
-  return (
-    <div>
-      <h1>Spotlight E2E Test</h1>
-      <p>This page tests that VITE_SENTRY_SPOTLIGHT env var enables Spotlight integration.</p>
-      <button id="exception-button" onClick={handleClick}>
-        Trigger Error
-      </button>
-    </div>
-  );
-}
+// Debug: Check if Spotlight integration was added
+console.log('[E2E Debug] Sentry client:', client);
+console.log('[E2E Debug] Integrations:', client?.getIntegrations?.());
+const spotlightIntegration = client?.getIntegration?.('Spotlight');
+console.log('[E2E Debug] Spotlight integration:', spotlightIntegration);
 
 // Simple render without React DOM to keep dependencies minimal
 document.getElementById('root').innerHTML = `

dev-packages/e2e-tests/test-applications/browser-spotlight/tests/spotlight.test.ts

@@ -16,6 +16,11 @@ import { waitForError, waitForSpotlightError, waitForSpotlightTransaction } from
  * - A regular event proxy server runs on port 3031 to capture tunnel events
  */
 test('VITE_SENTRY_SPOTLIGHT env var enables Spotlight and events are sent to sidecar', async ({ page }) => {
+  // Capture console logs for debugging
+  page.on('console', msg => {
+    console.log(`[Browser Console] ${msg.type()}: ${msg.text()}`);
+  });
+
   // Wait for the error to arrive at the regular tunnel (port 3031)
   const tunnelErrorPromise = waitForError('browser-spotlight', event => {
     return !event.type && event.exception?.values?.[0]?.value === 'Spotlight test error!';
@@ -51,6 +56,11 @@ test('VITE_SENTRY_SPOTLIGHT env var enables Spotlight and events are sent to sid
  * Test that Spotlight receives transaction events as well.
  */
 test('VITE_SENTRY_SPOTLIGHT sends transactions to sidecar', async ({ page }) => {
+  // Capture console logs for debugging
+  page.on('console', msg => {
+    console.log(`[Browser Console] ${msg.type()}: ${msg.text()}`);
+  });
+
   // Wait for a pageload transaction to arrive at the Spotlight sidecar
   const spotlightTransactionPromise = waitForSpotlightTransaction('browser-spotlight-sidecar', event => {
     return event.type === 'transaction' && event.contexts?.trace?.op === 'pageload';