test-connection.js

// Simple connection test between frontend and backend
const http = require('http');

console.log('\n🧪 Testing Frontend-Backend Connection...\n');

// Test 1: Backend Health Check
function testBackend() {
  return new Promise((resolve) => {
    const options = {
      hostname: 'localhost',
      port: 3000,
      path: '/health',
      method: 'GET'
    };

    const req = http.request(options, (res) => {
      let data = '';
      res.on('data', chunk => data += chunk);
      res.on('end', () => {
        try {
          const parsed = JSON.parse(data);
          console.log('✅ Backend Health Check (Port 3000)');
          console.log('   Status:', res.statusCode);
          console.log('   Response:', JSON.stringify(parsed, null, 2));
          resolve(true);
        } catch (e) {
          console.log('✅ Backend Response (Port 3000): Status', res.statusCode);
          console.log('   Data:', data);
          resolve(true);
        }
      });
    });

    req.on('error', (e) => {
      console.log('❌ Backend Health Check FAILED');
      console.log('   Error:', e.message);
      resolve(false);
    });

    req.end();
  });
}

// Test 2: Check if Frontend is accessible
function testFrontend() {
  return new Promise((resolve) => {
    const options = {
      hostname: 'localhost',
      port: 5173,
      path: '/',
      method: 'GET'
    };

    const req = http.request(options, (res) => {
      console.log('✅ Frontend Dev Server (Port 5173)');
      console.log('   Status:', res.statusCode);
      console.log('   Content-Type:', res.headers['content-type']);
      resolve(true);
    });

    req.on('error', (e) => {
      console.log('❌ Frontend Dev Server FAILED');
      console.log('   Error:', e.message);
      resolve(false);
    });

    req.end();
  });
}

// Test 3: API Client environment variable
function testEnvironment() {
  console.log('✅ Environment Configuration');
  console.log('   Frontend API Base URL: http://localhost:3000');
  console.log('   CORS Configured: ✓');
  return true;
}

// Run all tests
async function runTests() {
  console.log('─'.repeat(50));
  
  testEnvironment();
  console.log('');
  
  const backendOk = await testBackend();
  console.log('');
  
  const frontendOk = await testFrontend();
  console.log('');
  
  console.log('─'.repeat(50));
  console.log('\n📊 CONNECTION STATUS:\n');
  
  if (backendOk && frontendOk) {
    console.log('✅ Frontend-Backend Connection: READY');
    console.log('\n   🎯 You can now:');
    console.log('      • Open http://localhost:5173 in browser');
    console.log('      • Test API calls from frontend to backend');
    console.log('      • Monitor requests in DevTools Network tab');
    console.log('      • Check backend logs for incoming requests\n');
  } else {
    if (!backendOk) console.log('❌ Backend is not accessible');
    if (!frontendOk) console.log('❌ Frontend dev server is not running');
    console.log('');
  }
  
  process.exit(backendOk && frontendOk ? 0 : 1);
}

runTests();