cdp-tunnel 1.0.13 → 1.0.15

package/test-page-connection.js

@@ -1,74 +0,0 @@
-const WebSocket = require('ws');
-
-const TARGET_ID = '4724AF3A60A419ECDEC2002A153733A2'; // 百度首页
-
-console.log('[Page Test] Connecting to specific page...');
-
-const ws = new WebSocket(`ws://localhost:9221/devtools/page/${TARGET_ID}`);
-
-ws.on('open', () => {
-  console.log('[Page Test] Connected to page!');
-  
-  ws.send(JSON.stringify({
-    id: 1,
-    method: 'Page.enable',
-    params: {}
-  }));
-  
-  console.log('[Page Test] Enabled Page domain');
-  
-  setTimeout(() => {
-    ws.send(JSON.stringify({
-      id: 2,
-      method: 'Runtime.evaluate',
-      params: {
-        expression: 'document.title'
-      }
-    }));
-    console.log('[Page Test] Getting page title...');
-  }, 500);
-  
-  setTimeout(() => {
-    ws.send(JSON.stringify({
-      id: 3,
-      method: 'Page.captureScreenshot',
-      params: {}
-    }));
-    console.log('[Page Test] Taking screenshot...');
-  }, 1000);
-});
-
-ws.on('message', (data) => {
-  try {
-    const msg = JSON.parse(data.toString());
-    
-    if (msg.id) {
-      console.log('[Page Test] Response #' + msg.id + ':', {
-        success: !!msg.result,
-        error: msg.error,
-        result: msg.result?.result?.value || 
-                (msg.result?.data ? `screenshot (${msg.result.data.length} chars)` : undefined)
-      });
-    } else if (msg.method) {
-      console.log('[Page Test] Event:', msg.method);
-    } else {
-      console.log('[Page Test] Other message:', msg);
-    }
-  } catch (e) {
-    console.log('[Page Test] Raw message:', data.toString().substring(0, 100));
-  }
-});
-
-ws.on('close', (code, reason) => {
-  console.log('[Page Test] Connection closed:', code, reason.toString());
-});
-
-ws.on('error', (err) => {
-  console.error('[Page Test] Error:', err.message);
-});
-
-setTimeout(() => {
-  console.log('\n[Page Test] Test completed, closing connection...');
-  ws.close();
-  process.exit(0);
-}, 3000);

package/test-playwright-connection.js

@@ -1,45 +0,0 @@
-const { chromium } = require('playwright');
-
-async function testPlaywright() {
-  console.log('[Playwright Test] Connecting to CDP proxy...');
-  
-  try {
-    const browser = await chromium.connectOverCDP('http://localhost:9221');
-    console.log('[Playwright Test] Connected successfully!');
-    
-    const contexts = browser.contexts();
-    console.log(`[Playwright Test] Found ${contexts.length} context(s)`);
-    
-    if (contexts.length > 0) {
-      const context = contexts[0];
-      const pages = context.pages();
-      console.log(`[Playwright Test] Found ${pages.length} page(s) in first context`);
-      
-      if (pages.length > 0) {
-        const page = pages[0];
-        console.log(`[Playwright Test] First page URL: ${page.url()}`);
-        
-        console.log('[Playwright Test] Trying to navigate to a new page...');
-        const newPage = await context.newPage();
-        await newPage.goto('https://www.example.com');
-        console.log(`[Playwright Test] New page URL: ${newPage.url()}`);
-        
-        await newPage.waitForTimeout(2000);
-        
-        console.log('[Playwright Test] Taking screenshot...');
-        await newPage.screenshot({ path: 'test-screenshot.png' });
-        console.log('[Playwright Test] Screenshot saved to test-screenshot.png');
-        
-        await newPage.close();
-      }
-    }
-    
-    console.log('[Playwright Test] Test completed successfully!');
-    await browser.close();
-  } catch (error) {
-    console.error('[Playwright Test] Error:', error.message);
-    console.error('[Playwright Test] Stack:', error.stack);
-  }
-}
-
-testPlaywright();

package/test-playwright-groups.js

@@ -1,47 +0,0 @@
-const { chromium } = require('playwright');
-
-async function testCDPGroups() {
-  console.log('=== 测试CDP连接的标签分组功能 ===\n');
-  
-  try {
-    // 连接到CDP服务器
-    console.log('连接到CDP服务器...');
-    const browser = await chromium.connectOverCDP('http://localhost:9221');
-    console.log('CDP连接成功');
-    
-    // 创建第一个标签页
-    console.log('创建第一个标签页...');
-    const page1 = await browser.newPage();
-    console.log('第一个标签页创建完成');
-    
-    // 等待5秒
-    console.log('等待5秒...');
-    await new Promise(resolve => setTimeout(resolve, 5000));
-    
-    // 创建第二个标签页
-    console.log('创建第二个标签页...');
-    const page2 = await browser.newPage();
-    console.log('第二个标签页创建完成');
-    
-    // 等待5秒
-    console.log('等待5秒...');
-    await new Promise(resolve => setTimeout(resolve, 5000));
-    
-    console.log('\n=== 测试完成 ===');
-    console.log('请检查Chrome浏览器中的标签组：');
-    console.log('1. 应该创建了两个新的标签页');
-    console.log('2. 这两个标签页应该被添加到一个名为"CDP-{客户端ID}"的标签组中');
-    
-    // 不关闭浏览器，让用户手动检查
-    console.log('\n测试脚本完成，浏览器连接保持打开状态，请手动检查标签组。');
-    console.log('按Ctrl+C退出脚本...');
-    
-    // 保持脚本运行
-    await new Promise(() => {});
-    
-  } catch (error) {
-    console.error('测试过程中出现错误:', error);
-  }
-}
-
-testCDPGroups();

package/test-playwright-pages.js

@@ -1,47 +0,0 @@
-const { chromium } = require('playwright');
-
-async function testPlaywrightPages() {
-  console.log('[Playwright Pages Test] Connecting to CDP proxy...');
-  
-  try {
-    const browser = await chromium.connectOverCDP('http://localhost:9221');
-    console.log('[Playwright Pages Test] Connected successfully!');
-    
-    const contexts = browser.contexts();
-    console.log(`[Playwright Pages Test] Found ${contexts.length} context(s)`);
-    
-    for (let i = 0; i < contexts.length; i++) {
-      const context = contexts[i];
-      console.log(`\n[Playwright Pages Test] Context ${i}:`);
-      
-      const pages = context.pages();
-      console.log(`  Pages: ${pages.length}`);
-      
-      for (let j = 0; j < pages.length; j++) {
-        const page = pages[j];
-        console.log(`  Page ${j}: ${page.url()}`);
-      }
-    }
-    
-    console.log('\n[Playwright Pages Test] Trying to get all pages via CDP...');
-    const client = await browser.newBrowserCDPSession();
-    
-    const result = await client.send('Target.getTargets');
-    console.log(`[Playwright Pages Test] Found ${result.targetInfos.length} targets via CDP`);
-    
-    const pageTargets = result.targetInfos.filter(t => t.type === 'page');
-    console.log(`[Playwright Pages Test] Found ${pageTargets.length} page targets`);
-    
-    pageTargets.slice(0, 5).forEach((t, i) => {
-      console.log(`  ${i + 1}. ${t.url}`);
-    });
-    
-    console.log('[Playwright Pages Test] Test completed!');
-    await browser.close();
-  } catch (error) {
-    console.error('[Playwright Pages Test] Error:', error.message);
-    console.error('[Playwright Pages Test] Stack:', error.stack);
-  }
-}
-
-testPlaywrightPages();

package/test-playwright-sequence.js

@@ -1,81 +0,0 @@
-const WebSocket = require('ws');
-
-async function testPlaywrightConnectionSequence() {
-  console.log('[Sequence Test] Simulating Playwright connection sequence...\n');
-  
-  const ws = new WebSocket('ws://localhost:9221/client');
-  
-  let requestId = 1;
-  
-  const sendRequest = (method, params = {}) => {
-    const id = requestId++;
-    const msg = { id, method, params };
-    console.log(`[SEND] #${id}: ${method}`, params);
-    ws.send(JSON.stringify(msg));
-    return id;
-  };
-  
-  ws.on('open', async () => {
-    console.log('[Sequence Test] Connected!\n');
-    
-    console.log('Step 1: Enable Target domain');
-    sendRequest('Target.setDiscoverTargets', { discover: true });
-    
-    await sleep(500);
-    
-    console.log('\nStep 2: Get all targets');
-    sendRequest('Target.getTargets');
-    
-    await sleep(1000);
-    
-    console.log('\nStep 3: Attach to first page target');
-    sendRequest('Target.attachToTarget', {
-      targetId: '4724AF3A60A419ECDEC2002A153733A2', // 百度首页
-      flatten: true
-    });
-    
-    await sleep(1000);
-    
-    console.log('\nStep 4: Enable Page domain on attached target');
-    sendRequest('Page.enable');
-    
-    await sleep(500);
-    
-    console.log('\nStep 5: Navigate the page');
-    sendRequest('Page.navigate', { url: 'https://www.example.com' });
-    
-    await sleep(2000);
-    
-    console.log('\n[Sequence Test] Test completed');
-    ws.close();
-    process.exit(0);
-  });
-  
-  ws.on('message', (data) => {
-    try {
-      const msg = JSON.parse(data.toString());
-      
-      if (msg.id) {
-        console.log(`[RECV] #${msg.id}:`, JSON.stringify(msg, null, 2).substring(0, 300));
-      } else if (msg.method) {
-        console.log(`[EVENT] ${msg.method}:`, {
-          targetId: msg.params?.targetInfo?.targetId?.substring(0, 8),
-          sessionId: msg.params?.sessionId?.substring(0, 8),
-          url: msg.params?.targetInfo?.url?.substring(0, 50)
-        });
-      }
-    } catch (e) {
-      console.log('[RECV] Raw:', data.toString().substring(0, 100));
-    }
-  });
-  
-  ws.on('error', (err) => {
-    console.error('[ERROR]', err.message);
-  });
-}
-
-function sleep(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms));
-}
-
-testPlaywrightConnectionSequence();

package/test-proper-context.js

@@ -1,129 +0,0 @@
-const { chromium } = require('playwright');
-
-async function testContextFeaturesProper(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');
-    
-    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');
-    
-    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');
-    
-    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');
-  
-  const nativeResult = await testContextFeaturesProper(9333, 'Native CDP');
-  const tunnelResult = await testContextFeaturesProper(9221, 'CDP Tunnel');
-  
-  console.log('\n' + '='.repeat(60));
-  console.log('COMPARISON RESULTS');
-  console.log('='.repeat(60));
-  console.log(`Native CDP (port 9333): ${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!');
-  }
-}
-
-main();

package/test-real-final.js

@@ -1,251 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-const fs = require('fs');
-const path = require('path');
-
-async function testRealScenario(port, label) {
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1 - Source</h1>
-        <p>This is the source page.</p>
-        <a href="page2.html" target="_blank">Open Result 1</a>
-        <a href="page3.html" target="_blank">Open Result 2</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - Result 1</h1>
-        <p>This is result page 1.</p>
-        <a href="page3.html" target="_blank">Open Result 2</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent3 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 3</title></head>
-      <body>
-        <h1>Page 3 - Result 2</h1>
-        <p>This is result page 2.</p>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-pages-v2';
-    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);
-    fs.writeFileSync(path.join(serverDir, 'page3.html'), htmlContent3);
-    
-    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(8766, resolve));
-    console.log(`[${label}] Test server started on port 8766`);
-    
-    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 - set unique value per page...`);
-    await context.addInitScript(() => {
-      window.pageLoadedAt = Date.now();
-      window.testValue = 'init-script-executed';
-      console.log('[InitScript] Executed at:', window.pageLoadedAt);
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto('http://localhost:8766/page1.html', { waitUntil: 'domcontentloaded' });
-    await page1.waitForTimeout(500);
-    
-    console.log(`[${label}] Testing in first page...`);
-    const result1 = await page1.evaluate(() => {
-      return { 
-        url: window.location.href,
-        testValue: window.testValue,
-        pageLoadedAt: window.pageLoadedAt
-      };
-    });
-    console.log(`[${label}] First page:`, {
-      url: result1.url,
-      testValue: result1.testValue,
-      pageLoadedAt: new Date(result1.pageLoadedAt).toLocaleTimeString()
-    });
-    
-    console.log(`[${label}] Clicking first link (opens new tab)...`);
-    try {
-      const [page2] = await Promise.all([
-        context.waitForEvent('page', { timeout: 10000 }),
-        page1.click('a:first-child')
-      ]);
-      
-      console.log(`[${label}] Waiting for new tab to load...`);
-      await page2.waitForLoadState('domcontentloaded');
-      await page2.waitForTimeout(500);
-      console.log(`[${label}] New tab URL: ${page2.url()}`);
-      
-      console.log(`[${label}] Testing in second page (should have init script)...`);
-      const result2 = await page2.evaluate(() => {
-        return { 
-          url: window.location.href,
-          testValue: window.testValue,
-          pageLoadedAt: window.pageLoadedAt
-        };
-      });
-      console.log(`[${label}] Second page:`, {
-        url: result2.url,
-        testValue: result2.testValue,
-        pageLoadedAt: new Date(result2.pageLoadedAt).toLocaleTimeString()
-      });
-      
-      console.log(`[${label}] Clicking another link...`);
-      try {
-        const [page3] = await Promise.all([
-          context.waitForEvent('page', { timeout: 10000 }),
-          page2.click('a:first-child')
-        ]);
-        
-        console.log(`[${label}] Waiting for third tab...`);
-        await page3.waitForLoadState('domcontentloaded');
-        await page3.waitForTimeout(500);
-        
-        console.log(`[${label}] Testing in third page...`);
-        const result3 = await page3.evaluate(() => {
-          return { 
-            url: window.location.href,
-            testValue: window.testValue,
-            pageLoadedAt: window.pageLoadedAt
-          };
-        });
-        console.log(`[${label}] Third page:`, {
-          url: result3.url,
-          testValue: result3.testValue,
-          pageLoadedAt: new Date(result3.pageLoadedAt).toLocaleTimeString()
-        });
-      } catch (e) {
-        console.log(`[${label}] No more links to click`);
-      }
-    } catch (e) {
-      console.log(`[${label}] Error waiting for new tab: ${e.message}`);
-    }
-    
-    console.log(`[${label}] Switching back to first page...`);
-    await page1.bringToFront();
-    await page1.waitForTimeout(500);
-    
-    console.log(`[${label}] Testing in first page again...`);
-    const result1Again = await page1.evaluate(() => {
-      return { 
-        url: window.location.href,
-        testValue: window.testValue,
-        pageLoadedAt: window.pageLoadedAt
-      };
-    });
-    console.log(`[${label}] First page (after switch):`, {
-      url: result1Again.url,
-      testValue: result1Again.testValue,
-      pageLoadedAt: new Date(result1Again.pageLoadedAt).toLocaleTimeString()
-    });
-    
-    const success = result1.testValue === 'init-script-executed' && 
-                   result2?.testValue === 'init-script-executed' &&
-                   result1.pageLoadedAt !== result2?.pageLoadedAt;
-    
-    server.close();
-    
-    if (success) {
-      console.log(`[${label}] ✓ All tests passed!`);
-      console.log(`[${label}] ✓ addInitScript executed in ALL new pages!`);
-    } 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: Page1 -> Click link (new tab) -> Click link (another new tab)');
-  console.log('Expected: addInitScript executes in EVERY new page (different timestamps)\n');
-  
-  console.log('Step 1: Starting fresh Chromium instance on port 9228...');
-  const chromiumProcess = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9228',
-    '--user-data-dir=/tmp/chromium-test-final',
-    '--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 testRealScenario(9228, 'Native CDP');
-  
-  console.log('\nStep 3: Testing CDP Tunnel...');
-  const tunnelResult = await testRealScenario(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 9228): ${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 executes in EVERY new page!');
-  } 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();