cdp-tunnel 1.0.13 → 1.0.14

package/test-fresh-chromium.js

@@ -1,153 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-const path = require('path');
-
-async function testContextFeatures(port, label) {
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    console.log(`[${label}] Connected successfully!`);
-    
-    console.log(`[${label}] Creating new context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] Testing exposeFunction...`);
-    await context.exposeFunction('myCustomFunction', (arg) => {
-      console.log(`[${label}] myCustomFunction called with:`, arg);
-      return `Hello from ${label}: ${arg}`;
-    });
-    
-    console.log(`[${label}] Testing addInitScript...`);
-    await context.addInitScript(() => {
-      window.myInitScript = 'This is from addInitScript!';
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto('about:blank', { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing in first page...`);
-    const result1 = await page1.evaluate(async () => {
-      try {
-        const funcResult = await window.myCustomFunction('page1');
-        const initResult = window.myInitScript;
-        return { success: true, funcResult, initResult };
-      } catch (e) {
-        return { success: false, error: e.message };
-      }
-    });
-    console.log(`[${label}] First page result:`, result1);
-    
-    if (!result1.success) {
-      console.log(`[${label}] ✗ First page test failed!`);
-      await browser.close();
-      return false;
-    }
-    
-    console.log(`[${label}] Creating second page (simulating new tab)...`);
-    const page2 = await context.newPage();
-    await page2.goto('about:blank', { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing in second page (should persist)...`);
-    const result2 = await page2.evaluate(async () => {
-      try {
-        const funcResult = await window.myCustomFunction('page2');
-        const initResult = window.myInitScript;
-        return { success: true, funcResult, initResult };
-      } catch (e) {
-        return { success: false, error: e.message };
-      }
-    });
-    console.log(`[${label}] Second page result:`, result2);
-    
-    if (!result2.success) {
-      console.log(`[${label}] ✗ Second page test failed - Context features not persisted!`);
-      await browser.close();
-      return false;
-    }
-    
-    console.log(`[${label}] Creating third page...`);
-    const page3 = await context.newPage();
-    await page3.goto('about:blank', { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing in third page...`);
-    const result3 = await page3.evaluate(async () => {
-      try {
-        const funcResult = await window.myCustomFunction('page3');
-        const initResult = window.myInitScript;
-        return { success: true, funcResult, initResult };
-      } catch (e) {
-        return { success: false, error: e.message };
-      }
-    });
-    console.log(`[${label}] Third page result:`, result3);
-    
-    if (!result3.success) {
-      console.log(`[${label}] ✗ Third page test failed!`);
-      await browser.close();
-      return false;
-    }
-    
-    console.log(`[${label}] ✓ All tests passed!`);
-    
-    await browser.close();
-    
-    return true;
-  } catch (error) {
-    console.error(`[${label}] ✗ Error:`, error.message);
-    console.error(`[${label}] Stack:`, error.stack);
-    return false;
-  }
-}
-
-async function main() {
-  console.log('Testing Context-level features persistence across tabs');
-  console.log('This tests if exposeFunction and addInitScript persist across different pages\n');
-  
-  console.log('Step 1: Starting fresh Chromium instance on port 9224...');
-  const chromiumProcess = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9224',
-    '--user-data-dir=/tmp/chromium-test-fresh',
-    '--no-first-run',
-    '--no-default-browser-check'
-  ], {
-    detached: true,
-    stdio: 'ignore'
-  });
-  
-  console.log('Waiting for Chromium to start...');
-  await new Promise(resolve => setTimeout(resolve, 3000));
-  
-  console.log('\nStep 2: Testing Native CDP...');
-  const nativeResult = await testContextFeatures(9224, 'Native CDP');
-  
-  console.log('\nStep 3: Testing CDP Tunnel...');
-  const tunnelResult = await testContextFeatures(9221, 'CDP Tunnel');
-  
-  console.log('\nStep 4: Cleaning up...');
-  process.kill(-chromiumProcess.pid);
-  
-  console.log('\n' + '='.repeat(60));
-  console.log('COMPARISON RESULTS');
-  console.log('='.repeat(60));
-  console.log(`Native CDP (port 9224): ${nativeResult ? '✓ PASS' : '✗ FAIL'}`);
-  console.log(`CDP Tunnel (port 9221): ${tunnelResult ? '✓ PASS' : '✗ FAIL'}`);
-  
-  if (nativeResult && tunnelResult) {
-    console.log('\n✓ Both implementations behave identically!');
-    console.log('✓ Context-level features (exposeFunction/addInitScript) work correctly!');
-  } else if (nativeResult && !tunnelResult) {
-    console.log('\n✗ CDP Tunnel has issues with Context-level features!');
-  } else if (!nativeResult && tunnelResult) {
-    console.log('\n? CDP Tunnel works but Native CDP has issues (unexpected)!');
-  } else {
-    console.log('\n✗ Both implementations have issues!');
-  }
-  
-  process.exit(0);
-}
-
-main();

package/test-init-script.js

@@ -1,128 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-
-async function testAddInitScript(port, label) {
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    console.log(`[${label}] Connected successfully!`);
-    
-    console.log(`[${label}] Creating new context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] Testing addInitScript...`);
-    await context.addInitScript(() => {
-      window.myInitScript = 'This is from addInitScript!';
-      window.myCounter = 0;
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto('about:blank', { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing in first page...`);
-    const result1 = await page1.evaluate(() => {
-      return { 
-        initScript: window.myInitScript,
-        counter: window.myCounter
-      };
-    });
-    console.log(`[${label}] First page result:`, result1);
-    
-    console.log(`[${label}] Creating second page (simulating new tab)...`);
-    const page2 = await context.newPage();
-    await page2.goto('about:blank', { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing in second page (should persist)...`);
-    const result2 = await page2.evaluate(() => {
-      return { 
-        initScript: window.myInitScript,
-        counter: window.myCounter
-      };
-    });
-    console.log(`[${label}] Second page result:`, result2);
-    
-    console.log(`[${label}] Creating third page...`);
-    const page3 = await context.newPage();
-    await page3.goto('about:blank', { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing in third page...`);
-    const result3 = await page3.evaluate(() => {
-      return { 
-        initScript: window.myInitScript,
-        counter: window.myCounter
-      };
-    });
-    console.log(`[${label}] Third page result:`, result3);
-    
-    const success = result1.initScript && result2.initScript && result3.initScript;
-    
-    if (success) {
-      console.log(`[${label}] ✓ All tests passed!`);
-    } else {
-      console.log(`[${label}] ✗ Some tests failed!`);
-    }
-    
-    await browser.close();
-    
-    return success;
-  } catch (error) {
-    console.error(`[${label}] ✗ Error:`, error.message);
-    console.error(`[${label}] Stack:`, error.stack);
-    return false;
-  }
-}
-
-async function main() {
-  console.log('Testing addInitScript persistence across tabs');
-  console.log('This tests if addInitScript persists across different pages\n');
-  
-  console.log('Step 1: Starting fresh Chromium instance on port 9225...');
-  const chromiumProcess = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9225',
-    '--user-data-dir=/tmp/chromium-test-init',
-    '--no-first-run',
-    '--no-default-browser-check'
-  ], {
-    detached: true,
-    stdio: 'ignore'
-  });
-  
-  console.log('Waiting for Chromium to start...');
-  await new Promise(resolve => setTimeout(resolve, 3000));
-  
-  console.log('\nStep 2: Testing Native CDP...');
-  const nativeResult = await testAddInitScript(9225, 'Native CDP');
-  
-  console.log('\nStep 3: Testing CDP Tunnel...');
-  const tunnelResult = await testAddInitScript(9221, 'CDP Tunnel');
-  
-  console.log('\nStep 4: Cleaning up...');
-  try {
-    process.kill(-chromiumProcess.pid);
-  } catch (e) {}
-  
-  console.log('\n' + '='.repeat(60));
-  console.log('COMPARISON RESULTS');
-  console.log('='.repeat(60));
-  console.log(`Native CDP (port 9225): ${nativeResult ? '✓ PASS' : '✗ FAIL'}`);
-  console.log(`CDP Tunnel (port 9221): ${tunnelResult ? '✓ PASS' : '✗ FAIL'}`);
-  
-  if (nativeResult && tunnelResult) {
-    console.log('\n✓ Both implementations behave identically!');
-    console.log('✓ addInitScript works correctly and persists across tabs!');
-  } else if (nativeResult && !tunnelResult) {
-    console.log('\n✗ CDP Tunnel has issues with addInitScript!');
-  } else if (!nativeResult && tunnelResult) {
-    console.log('\n? CDP Tunnel works but Native CDP has issues (unexpected)!');
-  } else {
-    console.log('\n✗ Both implementations have issues!');
-  }
-  
-  process.exit(0);
-}
-
-main();

package/test-keepalive.js

@@ -1,89 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-const http = require('http');
-
-let serverPort = 9900;
-
-async function test() {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  const htmlContent1 = `
-    <!DOCTYPE html>
-    <html>
-    <head><title>Page 1</title></head>
-    <body>
-      <h1>Page 1</h1>
-      <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-    </body>
-    </html>
-  `;
-  
-  const htmlContent2 = `
-    <!DOCTYPE html>
-    <html>
-    <head><title>Page 2</title></head>
-    <body>
-      <h1>Page 2 - New Tab</h1>
-    </body>
-    </html>
-  `;
-  
-  const serverDir = '/tmp/test-keepalive';
-  if (!fs.existsSync(serverDir)) fs.mkdirSync(serverDir, { recursive: true });
-  fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-  fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-  
-  const server = http.createServer((req, res) => {
-    let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-    if (fs.existsSync(filePath)) {
-      res.writeHead(200, { 'Content-Type': 'text/html' });
-      res.end(fs.readFileSync(filePath));
-    } else {
-      res.writeHead(404);
-      res.end('Not found');
-    }
-  });
-  
-  await new Promise(resolve => server.listen(currentPort, resolve));
-  console.log(`Server: http://localhost:${currentPort}`);
-  
-  console.log('\n[TEST] Connecting...');
-  const browser = await chromium.connectOverCDP('http://localhost:9221');
-  console.log('[TEST] Connected!');
-  
-  console.log('[TEST] Creating context...');
-  const context = await browser.newContext();
-  
-  console.log('[TEST] Creating page...');
-  const page1 = await context.newPage();
-  await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-  console.log('[TEST] Page loaded');
-  
-  console.log('[TEST] Clicking link...');
-  await page1.click('#link1');
-  
-  console.log('[TEST] Waiting 10 seconds (keeping connection alive)...');
-  await new Promise(r => setTimeout(r, 10000));
-  
-  console.log('[TEST] Checking pages...');
-  const allPages = context.pages();
-  console.log(`[TEST] Total pages: ${allPages.length}`);
-  
-  if (allPages.length >= 2) {
-    console.log('[TEST] SUCCESS! New tab captured!');
-    const page2 = allPages[1];
-    console.log(`[TEST] Page 2 URL: ${page2.url()}`);
-  } else {
-    console.log('[TEST] FAILED! New tab not captured!');
-  }
-  
-  console.log('[TEST] Closing browser...');
-  server.close();
-  await browser.close();
-  
-  console.log('[TEST] Done!');
-}
-
-test().then(() => process.exit(0));

package/test-launch-chromium.js

@@ -1,140 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-
-let serverPort = 9100;
-
-async function testWithLaunch(label) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} - chromium.launch()`);
-  console.log('='.repeat(60));
-  
-  try {
-    const sharedState = { counter: 0 };
-    
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1</h1>
-        <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - New Tab</h1>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-launch-chromium';
-    if (!fs.existsSync(serverDir)) {
-      fs.mkdirSync(serverDir, { recursive: true });
-    }
-    fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-    fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-    
-    const http = require('http');
-    const server = http.createServer((req, res) => {
-      let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-      if (fs.existsSync(filePath)) {
-        const content = fs.readFileSync(filePath);
-        res.writeHead(200, { 'Content-Type': 'text/html' });
-        res.end(content);
-      } else {
-        res.writeHead(404);
-        res.end('Not found');
-      }
-    });
-    
-    await new Promise(resolve => server.listen(currentPort, resolve));
-    console.log(`[${label}] Server on port ${currentPort}`);
-    
-    console.log(`[${label}] Launching Chromium...`);
-    const browser = await chromium.launch({
-      executablePath: '/Applications/Chromium.app/Contents/MacOS/Chromium',
-      headless: false
-    });
-    
-    console.log(`[${label}] Launched!`);
-    
-    console.log(`[${label}] Creating context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] exposeFunction getCounter...`);
-    await context.exposeFunction('getCounter', () => {
-      sharedState.counter += 1;
-      console.log(`[${label}] getCounter: ${sharedState.counter}`);
-      return sharedState.counter;
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing first page...`);
-    const r1 = await page1.evaluate(() => window.getCounter());
-    console.log(`[${label}] First page: ${r1}`);
-    
-    console.log(`[${label}] Clicking link...`);
-    await page1.click('#link1');
-    
-    console.log(`[${label}] Waiting 3 seconds...`);
-    await new Promise(r => setTimeout(r, 3000));
-    
-    console.log(`[${label}] Checking pages...`);
-    const allPages = context.pages();
-    console.log(`[${label}] Total pages: ${allPages.length}`);
-    for (let i = 0; i < allPages.length; i++) {
-      console.log(`[${label}] Page ${i}: ${allPages[i].url()}`);
-    }
-    
-    if (allPages.length >= 2) {
-      console.log(`[${label}] Testing new tab...`);
-      const page2 = allPages[1];
-      const r2 = await page2.evaluate(() => window.getCounter());
-      console.log(`[${label}] New tab: ${r2}`);
-      
-      console.log(`[${label}] First page again...`);
-      const r1a = await page1.evaluate(() => window.getCounter());
-      console.log(`[${label}] First page again: ${r1a}`);
-      
-      console.log(`[${label}] New tab again...`);
-      const r2a = await page2.evaluate(() => window.getCounter());
-      console.log(`[${label}] New tab again: ${r2a}`);
-      
-      const success = r1 === 1 && r2 === 2 && r1a === 3 && r2a === 4;
-      if (success) {
-        console.log(`[${label}] ✓ PASS! Counter: 1 -> 2 -> 3 -> 4`);
-      } else {
-        console.log(`[${label}] ✗ FAIL! Expected: 1,2,3,4 Got: ${r1},${r2},${r1a},${r2a}`);
-      }
-    } else {
-      console.log(`[${label}] ✗ No new tab found!`);
-    }
-    
-    server.close();
-    await browser.close();
-    
-  } catch (error) {
-    console.error(`[${label}] Error:`, error.message);
-    console.error(error.stack);
-  }
-}
-
-async function main() {
-  console.log('Testing with chromium.launch() using system Chromium\n');
-  await testWithLaunch('Native Chromium');
-  process.exit(0);
-}
-
-main();

package/test-launch-vs-connect.js

@@ -1,149 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-
-let serverPort = 9000;
-
-async function testWithLaunchBrowser(port, label, useConnect) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label}`);
-  console.log(`Mode: ${useConnect ? 'connectOverCDP' : 'launch'}`);
-  console.log('='.repeat(60));
-  
-  try {
-    const sharedState = { counter: 0 };
-    
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1</h1>
-        <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - New Tab</h1>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-launch';
-    if (!fs.existsSync(serverDir)) {
-      fs.mkdirSync(serverDir, { recursive: true });
-    }
-    fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-    fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-    
-    const http = require('http');
-    const server = http.createServer((req, res) => {
-      let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-      if (fs.existsSync(filePath)) {
-        const content = fs.readFileSync(filePath);
-        res.writeHead(200, { 'Content-Type': 'text/html' });
-        res.end(content);
-      } else {
-        res.writeHead(404);
-        res.end('Not found');
-      }
-    });
-    
-    await new Promise(resolve => server.listen(currentPort, resolve));
-    console.log(`[${label}] Server on port ${currentPort}`);
-    
-    let browser;
-    if (useConnect) {
-      console.log(`[${label}] Connecting to existing browser on port ${port}...`);
-      browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    } else {
-      console.log(`[${label}] Launching new browser...`);
-      browser = await chromium.launch({
-        headless: false,
-        args: [`--remote-debugging-port=${port}`]
-      });
-      await new Promise(r => setTimeout(r, 2000));
-    }
-    
-    console.log(`[${label}] Connected/Launched!`);
-    
-    console.log(`[${label}] Creating context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] exposeFunction getCounter...`);
-    await context.exposeFunction('getCounter', () => {
-      sharedState.counter += 1;
-      console.log(`[${label}] getCounter: ${sharedState.counter}`);
-      return sharedState.counter;
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Testing first page...`);
-    try {
-      const r1 = await page1.evaluate(() => window.getCounter());
-      console.log(`[${label}] First page: ${r1}`);
-    } catch (e) {
-      console.log(`[${label}] First page ERROR: ${e.message}`);
-    }
-    
-    console.log(`[${label}] Clicking link...`);
-    await page1.click('#link1');
-    
-    console.log(`[${label}] Waiting 3 seconds...`);
-    await new Promise(r => setTimeout(r, 3000));
-    
-    console.log(`[${label}] Checking pages...`);
-    const allPages = context.pages();
-    console.log(`[${label}] Total pages: ${allPages.length}`);
-    for (let i = 0; i < allPages.length; i++) {
-      console.log(`[${label}] Page ${i}: ${allPages[i].url()}`);
-    }
-    
-    server.close();
-    await browser.close();
-    
-  } catch (error) {
-    console.error(`[${label}] Error:`, error.message);
-  }
-}
-
-async function main() {
-  console.log('='.repeat(60));
-  console.log('Test 1: Playwright launch() - should work perfectly');
-  console.log('Test 2: connectOverCDP() - for comparison');
-  console.log('='.repeat(60));
-  
-  console.log('\n### Test 1: chromium.launch() ###');
-  await testWithLaunchBrowser(0, 'Launch', false);
-  
-  await new Promise(r => setTimeout(r, 2000));
-  
-  console.log('\n### Test 2: chromium.connectOverCDP() to fresh browser ###');
-  const p = require('child_process').spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9240',
-    '--user-data-dir=/tmp/chromium-connect-test',
-    '--no-first-run',
-    '--no-default-browser-check'
-  ], { detached: true, stdio: 'ignore' });
-  
-  await new Promise(r => setTimeout(r, 3000));
-  
-  await testWithLaunchBrowser(9240, 'Connect', true);
-  
-  try { process.kill(-p.pid); } catch(e) {}
-  
-  process.exit(0);
-}
-
-main();