cdp-tunnel 1.0.13 → 1.0.14

package/test-ws-groups.js

@@ -1,59 +0,0 @@
-const WebSocket = require('ws');
-
-console.log('=== 测试CDP连接的标签分组功能 ===\n');
-
-// 连接到CDP服务器
-console.log('连接到CDP服务器...');
-const ws = new WebSocket('ws://localhost:9221/client');
-
-ws.on('open', function() {
-  console.log('CDP连接成功');
-  
-  // 创建第一个标签页
-  console.log('创建第一个标签页...');
-  ws.send(JSON.stringify({
-    id: 1,
-    method: 'Target.createTarget',
-    params: {
-      url: 'https://www.baidu.com/'
-    }
-  }));
-  
-  // 等待5秒后创建第二个标签页
-  setTimeout(function() {
-    console.log('创建第二个标签页...');
-    ws.send(JSON.stringify({
-      id: 2,
-      method: 'Target.createTarget',
-      params: {
-        url: 'https://www.google.com/'
-      }
-    }));
-    
-    // 等待5秒后关闭连接
-    setTimeout(function() {
-      console.log('\n=== 测试完成 ===');
-      console.log('请检查Chrome浏览器中的标签组：');
-      console.log('1. 应该创建了两个新的标签页');
-      console.log('2. 这两个标签页应该被添加到一个名为"CDP-{客户端ID}"的标签组中');
-      ws.close();
-    }, 5000);
-  }, 5000);
-});
-
-ws.on('message', function(data) {
-  try {
-    const message = JSON.parse(data);
-    console.log('收到消息:', JSON.stringify(message, null, 2));
-  } catch (e) {
-    console.error('解析消息失败:', e);
-  }
-});
-
-ws.on('error', function(error) {
-  console.error('WebSocket错误:', error);
-});
-
-ws.on('close', function() {
-  console.log('WebSocket连接已关闭');
-});

package/tests/e2e-auto-test.js

@@ -1,304 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-const http = require('http');
-const path = require('path');
-const fs = require('fs');
-
-const CHROMIUM = '/Applications/Chromium.app/Contents/MacOS/Chromium';
-const CHROME = '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome';
-const EXTENSION_PATH = path.join(__dirname, '..', 'extension-new');
-const SERVER_SCRIPT = path.join(__dirname, '..', 'server', 'proxy-server.js');
-const USER_DATA_DIR = '/tmp/cdp-tunnel-e2e-test';
-const PROXY_PORT = 19221;
-const CDP_URL = `http://localhost:${PROXY_PORT}`;
-const TEST_EXT_DIR = '/tmp/cdp-tunnel-e2e-extension';
-
-const CHROME_PATH = fs.existsSync(CHROMIUM) ? CHROMIUM : fs.existsSync(CHROME) ? CHROME : null;
-
-if (!CHROME_PATH) {
-  console.error('Chrome/Chromium not found');
-  process.exit(1);
-}
-
-async function sleep(ms) {
-  return new Promise(r => setTimeout(r, ms));
-}
-
-function httpGet(url) {
-  return new Promise((resolve, reject) => {
-    http.get(url, (res) => {
-      let data = '';
-      res.on('data', (chunk) => data += chunk);
-      res.on('end', () => resolve(data));
-    }).on('error', reject);
-  });
-}
-
-async function waitForServer(port, maxWait = 10000) {
-  const start = Date.now();
-  while (Date.now() - start < maxWait) {
-    try {
-      await httpGet(`http://localhost:${port}/json/version`);
-      return true;
-    } catch {
-      await sleep(500);
-    }
-  }
-  return false;
-}
-
-async function waitForExtension(maxWait = 15000) {
-  const start = Date.now();
-  while (Date.now() - start < maxWait) {
-    try {
-      const data = await httpGet(`http://localhost:${PROXY_PORT}/json/version`);
-      const info = JSON.parse(data);
-      return true;
-    } catch {}
-    await sleep(500);
-  }
-  return false;
-}
-
-async function runTest() {
-  let serverProc = null;
-  let chromeProc = null;
-  let browser = null;
-  let passed = 0;
-  let failed = 0;
-
-  console.log('='.repeat(60));
-  console.log('  CDP Tunnel E2E Automated Test');
-  console.log('='.repeat(60));
-  console.log(`  Chrome: ${CHROME_PATH}`);
-  console.log(`  Extension: ${EXTENSION_PATH}`);
-  console.log(`  Proxy: ${CDP_URL}`);
-  console.log('='.repeat(60));
-
-  try {
-    // 1. Cleanup
-    console.log('\n[Setup] Cleaning up...');
-    if (fs.existsSync(USER_DATA_DIR)) {
-      fs.rmSync(USER_DATA_DIR, { recursive: true });
-    }
-    if (fs.existsSync(TEST_EXT_DIR)) {
-      fs.rmSync(TEST_EXT_DIR, { recursive: true });
-    }
-
-    // Kill any existing process on port
-    const { execSync } = require('child_process');
-    try { execSync(`lsof -ti :${PROXY_PORT} | xargs kill -9 2>/dev/null`, { stdio: 'ignore' }); } catch {}
-    await sleep(500);
-
-    // 2. Copy extension and patch WS port
-    console.log('[Setup] Preparing test extension (port ' + PROXY_PORT + ')...');
-    execSync(`cp -r "${EXTENSION_PATH}" "${TEST_EXT_DIR}"`, { stdio: 'ignore' });
-    const configPath = path.join(TEST_EXT_DIR, 'utils', 'config.js');
-    let configContent = fs.readFileSync(configPath, 'utf8');
-    configContent = configContent.replace(
-      /WS_URL:\s*'ws:\/\/localhost:\d+\/plugin'/,
-      `WS_URL: 'ws://localhost:${PROXY_PORT}/plugin'`
-    );
-    fs.writeFileSync(configPath, configContent);
-
-    // 2. Start proxy server
-    console.log('[Setup] Starting proxy server...');
-    serverProc = spawn('node', [SERVER_SCRIPT], {
-      detached: false,
-      stdio: ['ignore', 'pipe', 'pipe'],
-      env: { ...process.env, PORT: String(PROXY_PORT) }
-    });
-    serverProc.stdout.on('data', (d) => {
-      const msg = d.toString().trim();
-      if (msg.includes('PLUGIN') || msg.includes('CLIENT') || msg.includes('IFRAME')) {
-        console.log(`  [Server] ${msg.substring(0, 120)}`);
-      }
-    });
-    serverProc.stderr.on('data', () => {});
-
-    if (!(await waitForServer(PROXY_PORT))) {
-      throw new Error('Proxy server failed to start');
-    }
-    console.log('[Setup] Proxy server started');
-
-    // 3. Launch Chrome with extension
-    console.log('[Setup] Launching Chrome with extension...');
-    chromeProc = spawn(CHROME_PATH, [
-      `--user-data-dir=${USER_DATA_DIR}`,
-      '--no-first-run',
-      '--no-default-browser-check',
-      '--disable-background-timer-throttling',
-      '--disable-backgrounding-occluded-windows',
-      '--disable-renderer-backgrounding',
-      `--load-extension=${TEST_EXT_DIR}`,
-      '--enable-features=AutomationControlled',
-      'about:blank'
-    ], {
-      detached: false,
-      stdio: 'ignore'
-    });
-
-    console.log('[Setup] Waiting for extension to connect...');
-    await sleep(5000);
-
-    // 4. Connect Playwright
-    console.log('[Setup] Connecting Playwright...');
-    browser = await chromium.connectOverCDP(CDP_URL, { timeout: 15000 });
-    console.log('[Setup] Connected!\n');
-
-    const context = browser.contexts()[0];
-    const pages = context.pages();
-    let page = pages.find(p => p.url() === 'about:blank') || pages[0];
-    if (!page) page = await context.newPage();
-
-    // === TESTS ===
-
-    // Test 1: Basic page navigation
-    console.log('[Test 1] Basic page navigation...');
-    try {
-      await page.goto('https://example.com', { waitUntil: 'domcontentloaded', timeout: 10000 });
-      const title = await page.title();
-      console.log(`[Test 1] PASS - title: "${title}"`);
-      passed++;
-    } catch (e) {
-      console.error(`[Test 1] FAIL - ${e.message}`);
-      failed++;
-    }
-
-    // Test 2: Fill input on main page
-    console.log('\n[Test 2] Fill input on main page...');
-    try {
-      await page.goto(`file://${path.join(__dirname, 'iframe-test-page.html')}`, { waitUntil: 'domcontentloaded', timeout: 10000 });
-      await page.fill('#main-input-1', 'E2E test');
-      const val = await page.inputValue('#main-input-1');
-      if (val === 'E2E test') {
-        console.log(`[Test 2] PASS - value: "${val}"`);
-        passed++;
-      } else {
-        console.error(`[Test 2] FAIL - expected "E2E test", got "${val}"`);
-        failed++;
-      }
-    } catch (e) {
-      console.error(`[Test 2] FAIL - ${e.message}`);
-      failed++;
-    }
-
-    // Test 3: Same-origin iframe fill
-    console.log('\n[Test 3] Same-origin iframe fill...');
-    try {
-      const frame = page.frameLocator('#same-origin-iframe');
-      await frame.locator('#iframe-input-1').fill('iframe works', { timeout: 10000 });
-      const val = await frame.locator('#iframe-input-1').inputValue({ timeout: 5000 });
-      if (val === 'iframe works') {
-        console.log(`[Test 3] PASS - value: "${val}"`);
-        passed++;
-      } else {
-        console.error(`[Test 3] FAIL - expected "iframe works", got "${val}"`);
-        failed++;
-      }
-    } catch (e) {
-      console.error(`[Test 3] FAIL - ${e.message.substring(0, 100)}`);
-      failed++;
-    }
-
-    // Test 4: Create new page
-    console.log('\n[Test 4] Create new page...');
-    try {
-      const newPage = await context.newPage();
-      await newPage.goto('https://example.com', { waitUntil: 'domcontentloaded', timeout: 10000 });
-      const title = await newPage.title();
-      await newPage.close();
-      console.log(`[Test 4] PASS - new page title: "${title}"`);
-      passed++;
-    } catch (e) {
-      console.error(`[Test 4] FAIL - ${e.message}`);
-      failed++;
-    }
-
-    // Test 5: Page.getFrameTree
-    console.log('\n[Test 5] CDP Page.getFrameTree...');
-    try {
-      const cdpSession = await page.context().newCDPSession(page);
-      const frameTree = await cdpSession.send('Page.getFrameTree');
-      const mainFrame = frameTree.frameTree.frame;
-      const childCount = frameTree.frameTree.childFrames?.length || 0;
-      await cdpSession.detach();
-      console.log(`[Test 5] PASS - main frame: ${mainFrame.id} children: ${childCount}`);
-      passed++;
-    } catch (e) {
-      console.error(`[Test 5] FAIL - ${e.message}`);
-      failed++;
-    }
-
-    // Test 6: Target.setAutoAttach event count
-    console.log('\n[Test 6] Target.setAutoAttach events...');
-    try {
-      const cdpSession = await page.context().newCDPSession(page);
-      let eventCount = 0;
-      cdpSession.on('Target.attachedToTarget', () => eventCount++);
-      await cdpSession.send('Target.setAutoAttach', {
-        autoAttach: true,
-        waitForDebuggerOnStart: false,
-        flatten: true
-      });
-      await sleep(3000);
-      await cdpSession.detach();
-      console.log(`[Test 6] PASS - attachedToTarget events: ${eventCount}`);
-      passed++;
-    } catch (e) {
-      console.error(`[Test 6] FAIL - ${e.message}`);
-      failed++;
-    }
-
-    // Test 7: Douyin page (custom protocol blocking) - no disconnect
-    console.log('\n[Test 7] Douyin custom protocol (no disconnect)...');
-    try {
-      await page.goto('https://www.douyin.com', { waitUntil: 'domcontentloaded', timeout: 20000 });
-      await sleep(3000);
-      // If we get here without disconnect, the test passes
-      const url = page.url();
-      if (url.includes('douyin')) {
-        console.log(`[Test 7] PASS - page alive at ${url.substring(0, 50)}`);
-        passed++;
-      } else {
-        console.error(`[Test 7] FAIL - unexpected URL: ${url}`);
-        failed++;
-      }
-    } catch (e) {
-      console.error(`[Test 7] FAIL (possible disconnect) - ${e.message.substring(0, 120)}`);
-      failed++;
-    }
-
-  } catch (e) {
-    console.error(`\n!!! FATAL: ${e.message}`);
-    failed++;
-  } finally {
-    // Cleanup
-    console.log('\n[Cleanup] Tearing down...');
-    if (browser) {
-      try { await browser.close(); } catch {}
-    }
-    if (chromeProc) {
-      try { chromeProc.kill('SIGKILL'); } catch {}
-    }
-    if (serverProc) {
-      try { serverProc.kill('SIGKILL'); } catch {}
-    }
-    // Kill any leftover processes on our port
-    const { execSync } = require('child_process');
-    try { execSync(`lsof -ti :${PROXY_PORT} | xargs kill -9 2>/dev/null`, { stdio: 'ignore' }); } catch {}
-    try {
-      if (fs.existsSync(USER_DATA_DIR)) {
-        fs.rmSync(USER_DATA_DIR, { recursive: true });
-      }
-    } catch {}
-
-    console.log('\n' + '='.repeat(60));
-    console.log(`  Results: ${passed} passed, ${failed} failed`);
-    console.log('='.repeat(60));
-
-    process.exit(failed > 0 ? 1 : 0);
-  }
-}
-
-runTest();

package/tests/iframe-test-page.html

@@ -1,89 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <title>IFrame Test Page</title>
-  <style>
-    body { font-family: sans-serif; padding: 20px; }
-    .section { margin: 20px 0; padding: 15px; border: 1px solid #ccc; border-radius: 8px; }
-    h2 { margin-top: 0; color: #333; }
-    iframe { width: 100%; height: 200px; border: 2px solid #666; margin: 10px 0; }
-    input { padding: 8px; font-size: 14px; margin: 5px; }
-    button { padding: 8px 16px; font-size: 14px; cursor: pointer; }
-    #status { margin-top: 10px; padding: 10px; background: #f0f0f0; border-radius: 4px; }
-  </style>
-</head>
-<body>
-  <h1>CDP Tunnel - IFrame Test Page</h1>
-
-  <div class="section">
-    <h2>Main Page Inputs</h2>
-    <input id="main-input-1" type="text" placeholder="Main input 1" />
-    <input id="main-input-2" type="text" placeholder="Main input 2" />
-    <button id="main-btn" onclick="document.getElementById('status').textContent='Main button clicked at ' + new Date().toISOString()">Main Button</button>
-    <div id="status"></div>
-  </div>
-
-  <div class="section">
-    <h2>Same-Origin IFrame</h2>
-    <iframe id="same-origin-iframe" srcdoc="
-      <html>
-        <body style='padding:10px; font-family:sans-serif;'>
-          <h3>Same-Origin IFrame Content</h3>
-          <input id='iframe-input-1' type='text' placeholder='Same-origin input 1' />
-          <input id='iframe-input-2' type='text' placeholder='Same-origin input 2' />
-          <button id='iframe-btn' onclick=\"document.getElementById('iframe-result').textContent='Iframe button clicked!'\">
-            Iframe Button
-          </button>
-          <div id='iframe-result'></div>
-        </body>
-      </html>
-    "></iframe>
-  </div>
-
-  <div class="section">
-    <h2>Cross-Origin IFrame (Wikipedia)</h2>
-    <iframe id="cross-origin-iframe" src="https://en.wikipedia.org/wiki/Main_Page" sandbox="allow-scripts allow-same-origin allow-forms"></iframe>
-  </div>
-
-  <div class="section">
-    <h2>Nested IFrame (same-origin, 2 levels)</h2>
-    <iframe id="nested-iframe" srcdoc="
-      <html>
-        <body style='padding:10px; font-family:sans-serif;'>
-          <h3>Level 1 IFrame</h3>
-          <input id='l1-input' type='text' placeholder='Level 1 input' />
-          <iframe id='nested-inner' srcdoc=\"
-            <html>
-              <body style='padding:10px; font-family:sans-serif;'>
-                <h4>Level 2 Nested IFrame</h4>
-                <input id='l2-input' type='text' placeholder='Level 2 input' />
-              </body>
-            </html>
-          \" width='100%' height='120' style='border:1px solid #999;'></iframe>
-        </body>
-      </html>
-    "></iframe>
-  </div>
-
-  <div class="section">
-    <h2>Dynamic IFrame (created by JS)</h2>
-    <button id="create-iframe-btn" onclick="createDynamicIframe()">Create Dynamic IFrame</button>
-    <div id="dynamic-iframe-container"></div>
-    <script>
-      function createDynamicIframe() {
-        const container = document.getElementById('dynamic-iframe-container');
-        const iframe = document.createElement('iframe');
-        iframe.id = 'dynamic-iframe';
-        iframe.width = '100%';
-        iframe.height = '150';
-        iframe.style.border = '2px solid red';
-        iframe.style.marginTop = '10px';
-        iframe.srcdoc = '<html><body style="padding:10px; font-family:sans-serif;"><h3>Dynamic IFrame</h3><input id="dyn-input" type="text" placeholder="Dynamic iframe input" /></body></html>';
-        container.appendChild(iframe);
-        document.getElementById('status').textContent = 'Dynamic iframe created';
-      }
-    </script>
-  </div>
-</body>
-</html>

package/tests/playwright-demo.js

@@ -1,45 +0,0 @@
-const { chromium } = require('playwright');
-
-async function main() {
-  console.log('[Playwright] Connecting to http://localhost:9221...');
-  
-  const browser = await chromium.connectOverCDP('http://localhost:9221');
-  console.log('[Playwright] Connected!');
-  
-  const context = browser.contexts()[0];
-  const pages = context?.pages() || [];
-  console.log('[Playwright] Found', pages.length, 'page(s)');
-  
-  console.log('\n>>> 请现在打开配置页面查看状态:');
-  console.log('>>> chrome-extension://bchclccgjmihieacfmaelkpfjlghhoph/config-page-preview.html');
-  console.log('>>> 等待 10 秒...\n');
-  
-  await new Promise(r => setTimeout(r, 10000));
-  
-  console.log('[Playwright] Creating new page...');
-  const page = await context.newPage();
-  await page.goto('https://www.baidu.com');
-  console.log('[Playwright] New page URL:', page.url());
-  
-  console.log('\n>>> 新页面已创建，请查看配置页面是否显示');
-  console.log('>>> 等待 10 秒...\n');
-  
-  await new Promise(r => setTimeout(r, 10000));
-  
-  console.log('[Playwright] Scrolling...');
-  for (let i = 0; i < 3; i++) {
-    await page.evaluate(() => window.scrollBy(0, 100));
-    await new Promise(r => setTimeout(r, 500));
-    console.log('  Scrolled', i + 1);
-  }
-  
-  console.log('\n>>> 滚动完成，请查看配置页面');
-  console.log('>>> 等待 5 秒后关闭...\n');
-  
-  await new Promise(r => setTimeout(r, 5000));
-  
-  console.log('[Playwright] Done!');
-  await browser.close();
-}
-
-main().catch(console.error);