debug

Author: RulaKhaled

dev-packages/browser-integration-tests/suites/tracing/ai-providers/anthropic/init.js

@@ -5,4 +5,5 @@ window.Sentry = Sentry;
 Sentry.init({
   dsn: 'https://[email protected]/1337',
   tracesSampleRate: 1,
+  debug: true,
 });

dev-packages/browser-integration-tests/suites/tracing/ai-providers/anthropic/mocks.js

@@ -1,11 +1,15 @@
 // Mock Anthropic client for browser testing
 export class MockAnthropic {
   constructor(config) {
+    // eslint-disable-next-line no-console
+    console.log('[Mock Anthropic] Constructor called with config:', config);
     this.apiKey = config.apiKey;
 
     // Main focus: messages.create functionality
     this.messages = {
       create: async (...args) => {
+        // eslint-disable-next-line no-console
+        console.log('[Mock Anthropic] messages.create called with args:', args);
         const params = args[0];
         // Simulate processing time
         await new Promise(resolve => setTimeout(resolve, 10));
@@ -17,7 +21,7 @@ export class MockAnthropic {
           throw error;
         }
 
-        return {
+        const response = {
           id: 'msg_mock123',
           type: 'message',
           role: 'assistant',
@@ -37,6 +41,9 @@ export class MockAnthropic {
             cache_read_input_tokens: 0,
           },
         };
+        // eslint-disable-next-line no-console
+        console.log('[Mock Anthropic] Returning response:', response);
+        return response;
       },
       countTokens: async (..._args) => ({ id: 'mock', type: 'model', model: 'mock', input_tokens: 0 }),
     };

dev-packages/browser-integration-tests/suites/tracing/ai-providers/anthropic/subject.js

@@ -1,14 +1,29 @@
 import * as Sentry from '@sentry/browser';
 import { MockAnthropic } from './mocks.js';
 
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Starting test...');
+
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Creating mock client...');
 const mockClient = new MockAnthropic({
   apiKey: 'mock-api-key',
 });
 
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Mock client created:', mockClient);
+
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Instrumenting client with Sentry...');
 const client = Sentry.instrumentAnthropicAiClient(mockClient);
 
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Client instrumented:', client);
+
 // Test that manual instrumentation doesn't crash the browser
 // The instrumentation automatically creates spans
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Calling messages.create...');
 const response = await client.messages.create({
   model: 'claude-3-haiku-20240307',
   messages: [{ role: 'user', content: 'What is the capital of France?' }],
@@ -17,7 +32,12 @@ const response = await client.messages.create({
 });
 
 // eslint-disable-next-line no-console
-console.log(JSON.stringify(response));
+console.log('[Anthropic Test] Response received:', JSON.stringify(response));
 
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Flushing Sentry...');
 // Ensure transaction is flushed in CI
 await Sentry.flush(2000);
+
+// eslint-disable-next-line no-console
+console.log('[Anthropic Test] Test completed!');

dev-packages/browser-integration-tests/suites/tracing/ai-providers/anthropic/test.ts

@@ -8,15 +8,38 @@ import { envelopeRequestParser, waitForTransactionRequest } from '../../../../ut
 // and that gen_ai transactions are sent.
 
 sentryTest('manual Anthropic instrumentation sends gen_ai transactions', async ({ getLocalTestUrl, page }) => {
+  // Listen for console logs
+  page.on('console', msg => {
+    // eslint-disable-next-line no-console
+    console.log(`[Browser Console ${msg.type()}]`, msg.text());
+  });
+
+  // Listen for page errors
+  page.on('pageerror', error => {
+    // eslint-disable-next-line no-console
+    console.error('[Browser Error]', error);
+  });
+
   const transactionPromise = waitForTransactionRequest(page, event => {
+    // eslint-disable-next-line no-console
+    console.log('[Test] Received transaction event:', JSON.stringify(event, null, 2));
     return !!event.transaction?.includes('claude-3-haiku-20240307');
   });
 
   const url = await getLocalTestUrl({ testDir: __dirname });
+  // eslint-disable-next-line no-console
+  console.log('[Test] Navigating to URL:', url);
   await page.goto(url);
 
+  // eslint-disable-next-line no-console
+  console.log('[Test] Waiting for transaction...');
   const req = await transactionPromise;
+  // eslint-disable-next-line no-console
+  console.log('[Test] Transaction received!');
+  
   const eventData = envelopeRequestParser(req);
+  // eslint-disable-next-line no-console
+  console.log('[Test] Parsed event data:', JSON.stringify(eventData, null, 2));
 
   // Verify it's a gen_ai transaction
   expect(eventData.transaction).toBe('messages claude-3-haiku-20240307');

dev-packages/browser-integration-tests/suites/tracing/ai-providers/google-genai/init.js

@@ -5,4 +5,5 @@ window.Sentry = Sentry;
 Sentry.init({
   dsn: 'https://[email protected]/1337',
   tracesSampleRate: 1,
+  debug: true,
 });

dev-packages/browser-integration-tests/suites/tracing/ai-providers/google-genai/mocks.js

@@ -1,11 +1,15 @@
 // Mock Google GenAI client for browser testing
 export class MockGoogleGenAI {
   constructor(config) {
+    // eslint-disable-next-line no-console
+    console.log('[Mock Google GenAI] Constructor called with config:', config);
     this.apiKey = config.apiKey;
 
     // models.generateContent functionality
     this.models = {
       generateContent: async (...args) => {
+        // eslint-disable-next-line no-console
+        console.log('[Mock Google GenAI] models.generateContent called with args:', args);
         const params = args[0];
         // Simulate processing time
         await new Promise(resolve => setTimeout(resolve, 10));
@@ -61,16 +65,20 @@ export class MockGoogleGenAI {
     // chats.create implementation
     this.chats = {
       create: (...args) => {
+        // eslint-disable-next-line no-console
+        console.log('[Mock Google GenAI] chats.create called with args:', args);
         const params = args[0];
         const model = params.model;
 
         return {
           modelVersion: model,
           sendMessage: async (..._messageArgs) => {
+            // eslint-disable-next-line no-console
+            console.log('[Mock Google GenAI] chat.sendMessage called with args:', _messageArgs);
             // Simulate processing time
             await new Promise(resolve => setTimeout(resolve, 10));
 
-            return {
+            const response = {
               candidates: [
                 {
                   content: {
@@ -92,6 +100,9 @@ export class MockGoogleGenAI {
               },
               modelVersion: model, // Include model version in response
             };
+            // eslint-disable-next-line no-console
+            console.log('[Mock Google GenAI] Returning response:', response);
+            return response;
           },
           sendMessageStream: async () => {
             // Return a promise that resolves to an async generator

dev-packages/browser-integration-tests/suites/tracing/ai-providers/google-genai/subject.js

@@ -1,15 +1,30 @@
 import * as Sentry from '@sentry/browser';
 import { MockGoogleGenAI } from './mocks.js';
 
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Starting test...');
+
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Creating mock client...');
 const mockClient = new MockGoogleGenAI({
   apiKey: 'mock-api-key',
 });
 
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Mock client created:', mockClient);
+
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Instrumenting client with Sentry...');
 const client = Sentry.instrumentGoogleGenAIClient(mockClient);
 
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Client instrumented:', client);
+
 // Test that manual instrumentation doesn't crash the browser
 // The instrumentation automatically creates spans
 // Test both chats and models APIs
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Creating chat...');
 const chat = client.chats.create({
   model: 'gemini-1.5-pro',
   config: {
@@ -25,12 +40,19 @@ const chat = client.chats.create({
   ],
 });
 
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Sending message...');
 const response = await chat.sendMessage({
   message: 'Tell me a joke',
 });
 
 // eslint-disable-next-line no-console
-console.log(JSON.stringify(response));
+console.log('[Google GenAI Test] Response received:', JSON.stringify(response));
 
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Flushing Sentry...');
 // Ensure transaction is flushed in CI
 await Sentry.flush(2000);
+
+// eslint-disable-next-line no-console
+console.log('[Google GenAI Test] Test completed!');

dev-packages/browser-integration-tests/suites/tracing/ai-providers/google-genai/test.ts

@@ -8,15 +8,38 @@ import { envelopeRequestParser, waitForTransactionRequest } from '../../../../ut
 // and that gen_ai transactions are sent.
 
 sentryTest('manual Google GenAI instrumentation sends gen_ai transactions', async ({ getLocalTestUrl, page }) => {
+  // Listen for console logs
+  page.on('console', msg => {
+    // eslint-disable-next-line no-console
+    console.log(`[Browser Console ${msg.type()}]`, msg.text());
+  });
+
+  // Listen for page errors
+  page.on('pageerror', error => {
+    // eslint-disable-next-line no-console
+    console.error('[Browser Error]', error);
+  });
+
   const transactionPromise = waitForTransactionRequest(page, event => {
+    // eslint-disable-next-line no-console
+    console.log('[Test] Received transaction event:', JSON.stringify(event, null, 2));
     return !!event.transaction?.includes('gemini-1.5-pro');
   });
 
   const url = await getLocalTestUrl({ testDir: __dirname });
+  // eslint-disable-next-line no-console
+  console.log('[Test] Navigating to URL:', url);
   await page.goto(url);
 
+  // eslint-disable-next-line no-console
+  console.log('[Test] Waiting for transaction...');
   const req = await transactionPromise;
+  // eslint-disable-next-line no-console
+  console.log('[Test] Transaction received!');
+  
   const eventData = envelopeRequestParser(req);
+  // eslint-disable-next-line no-console
+  console.log('[Test] Parsed event data:', JSON.stringify(eventData, null, 2));
 
   // Verify it's a gen_ai transaction
   expect(eventData.transaction).toBe('chat gemini-1.5-pro create');

dev-packages/browser-integration-tests/suites/tracing/ai-providers/openai/init.js

@@ -5,4 +5,5 @@ window.Sentry = Sentry;
 Sentry.init({
   dsn: 'https://[email protected]/1337',
   tracesSampleRate: 1,
+  debug: true,
 });

dev-packages/browser-integration-tests/suites/tracing/ai-providers/openai/mocks.js

@@ -1,11 +1,15 @@
 // Mock OpenAI client for browser testing
 export class MockOpenAi {
   constructor(config) {
+    // eslint-disable-next-line no-console
+    console.log('[Mock OpenAI] Constructor called with config:', config);
     this.apiKey = config.apiKey;
 
     this.chat = {
       completions: {
         create: async (...args) => {
+          // eslint-disable-next-line no-console
+          console.log('[Mock OpenAI] chat.completions.create called with args:', args);
           const params = args[0];
           // Simulate processing time
           await new Promise(resolve => setTimeout(resolve, 10));
@@ -17,7 +21,7 @@ export class MockOpenAi {
             throw error;
           }
 
-          return {
+          const response = {
             id: 'chatcmpl-mock123',
             object: 'chat.completion',
             created: 1677652288,
@@ -39,6 +43,9 @@ export class MockOpenAi {
               total_tokens: 25,
             },
           };
+          // eslint-disable-next-line no-console
+          console.log('[Mock OpenAI] Returning response:', response);
+          return response;
         },
       },
     };