cdp-tunnel 1.0.13 → 1.0.14

package/tests/test-douyin-iframe.js

@@ -1,171 +0,0 @@
-const { chromium } = require('playwright');
-
-const SERVER_URL = process.env.CDP_SERVER || 'http://localhost:9221';
-const DOUYIN_URL = 'https://www.douyin.com/user/MS4wLjABAAAAnKeRN8QUgooS1pPRqOf_N_jnuztzUyocl0_vUndQFJs?modal_id=7635666432337351530';
-
-async function sleep(ms) {
-  return new Promise(r => setTimeout(r, ms));
-}
-
-async function main() {
-  console.log('=== Douyin IFrame Disconnect Test ===');
-  console.log(`Server: ${SERVER_URL}\n`);
-
-  let browser;
-  try {
-    console.log('[1] Connecting to CDP tunnel...');
-    browser = await chromium.connectOverCDP(SERVER_URL, { timeout: 15000 });
-    console.log('[1] Connected!\n');
-
-    const context = browser.contexts()[0];
-    const page = context.pages()[0] || await context.newPage();
-
-    console.log('[2] Navigating to Douyin page...');
-    await page.goto(DOUYIN_URL, { waitUntil: 'domcontentloaded', timeout: 30000 });
-    console.log(`[2] Page loaded: ${page.url()}\n`);
-
-    await sleep(3000);
-    console.log('[3] Waiting for page to fully render...');
-    await sleep(2000);
-
-    // Check frame tree first
-    console.log('[4] Checking frame tree...');
-    try {
-      const cdpSession = await page.context().newCDPSession(page);
-      const frameTree = await cdpSession.send('Page.getFrameTree');
-
-      function printFrame(tree, indent) {
-        if (!tree || !tree.frame) return;
-        const pad = '  '.repeat(indent);
-        console.log(`${pad}Frame: id=${tree.frame.id} url=${(tree.frame.url || '').substring(0, 80)}`);
-        if (tree.childFrames) {
-          for (const child of tree.childFrames) printFrame(child, indent + 1);
-        }
-      }
-      printFrame(frameTree.frameTree, 0);
-      await cdpSession.detach();
-    } catch (e) {
-      console.error('[4] Frame tree error:', e.message);
-    }
-    console.log('');
-
-    // Try to find and click the entry button
-    // The button has data-popupid attribute and contains an SVG
-    console.log('[5] Looking for the entry button...');
-    const selectors = [
-      '[data-popupid]',
-      'svg.wNbQukcA',
-      '.r68hW_1W',
-    ];
-
-    let clicked = false;
-    for (const sel of selectors) {
-      try {
-        const el = page.locator(sel).first();
-        const count = await el.count();
-        if (count > 0) {
-          console.log(`[5] Found element with selector: ${sel}`);
-          await el.click({ timeout: 5000 });
-          console.log(`[5] Clicked!`);
-          clicked = true;
-          break;
-        }
-      } catch (e) {
-        console.log(`[5] Selector ${sel}: ${e.message.substring(0, 80)}`);
-      }
-    }
-
-    if (!clicked) {
-      console.log('[5] Could not find entry button with known selectors, trying to list clickable elements...');
-      const buttons = await page.$$eval('[data-popupid]', els => els.map(e => ({
-        tag: e.tagName,
-        popupid: e.getAttribute('data-popupid'),
-        html: e.innerHTML.substring(0, 100)
-      })));
-      console.log('[5] Elements with data-popupid:', JSON.stringify(buttons, null, 2));
-    }
-
-    await sleep(3000);
-
-    // Check frame tree again after click
-    console.log('\n[6] Checking frame tree AFTER click...');
-    try {
-      const cdpSession = await page.context().newCDPSession(page);
-      const frameTree = await cdpSession.send('Page.getFrameTree');
-      printFrameTree(frameTree.frameTree, 0);
-      await cdpSession.detach();
-    } catch (e) {
-      console.error('[6] Frame tree error:', e.message);
-    }
-
-    // List all iframes on the page
-    console.log('\n[7] Listing all iframes...');
-    const iframes = await page.$$eval('iframe', els => els.map(e => ({
-      id: e.id,
-      src: e.src || e.getAttribute('srcdoc')?.substring(0, 50) || '(empty)',
-      className: e.className,
-      visible: e.offsetParent !== null
-    })));
-    console.log('[7] Iframes found:', JSON.stringify(iframes, null, 2));
-
-    // Try to find and interact with iframe input
-    console.log('\n[8] Trying to find input in iframes...');
-    const frames = page.frames();
-    console.log(`[8] Total frames: ${frames.length}`);
-    for (let i = 0; i < frames.length; i++) {
-      const frame = frames[i];
-      console.log(`[8] Frame ${i}: url=${frame.url().substring(0, 80)} name=${frame.name()}`);
-
-      if (frame === page.mainFrame()) continue;
-
-      try {
-        const inputs = await frame.locator('input, textarea').count();
-        console.log(`[8]   Found ${inputs} input/textarea elements`);
-
-        if (inputs > 0) {
-          console.log(`[8]   Attempting to click first input in frame ${i}...`);
-          const input = frame.locator('input, textarea').first();
-          await input.click({ timeout: 5000 });
-          console.log(`[8]   CLICK SUCCEEDED - no disconnect!`);
-
-          await sleep(1000);
-          await input.fill('test input');
-          console.log(`[8]   FILL SUCCEEDED`);
-        }
-      } catch (e) {
-        console.error(`[8]   Frame ${i} error: ${e.message.substring(0, 120)}`);
-      }
-    }
-
-    console.log('\n=== Test completed - Playwright did NOT disconnect ===');
-
-  } catch (e) {
-    console.error('\n!!! FATAL ERROR - Possible disconnect !!!');
-    console.error('Error:', e.message);
-    console.error('This might indicate Playwright disconnected');
-  } finally {
-    if (browser) {
-      try {
-        await browser.close();
-        console.log('\nBrowser closed normally');
-      } catch (e) {
-        console.error('\nBrowser close FAILED:', e.message);
-        console.error('This confirms Playwright disconnected');
-      }
-    }
-  }
-}
-
-function printFrameTree(tree, indent) {
-  if (!tree || !tree.frame) return;
-  const pad = '  '.repeat(indent);
-  console.log(`${pad}Frame: id=${tree.frame.id} url=${(tree.frame.url || '').substring(0, 80)}`);
-  if (tree.childFrames) {
-    for (const child of tree.childFrames) printFrameTree(child, indent + 1);
-  }
-}
-
-main().catch(e => {
-  console.error('UNHANDLED:', e);
-  process.exit(1);
-});

package/tests/test-iframe-debug.js

@@ -1,204 +0,0 @@
-const { chromium } = require('playwright');
-
-const SERVER_URL = process.env.CDP_SERVER || 'http://localhost:9221';
-const TEST_PAGE = `file://${__dirname}/iframe-test-page.html`;
-
-async function sleep(ms) {
-  return new Promise(r => setTimeout(r, ms));
-}
-
-async function main() {
-  console.log('=== IFrame Debug Test ===');
-  console.log(`Server: ${SERVER_URL}`);
-  console.log(`Test page: ${TEST_PAGE}\n`);
-
-  let browser;
-  try {
-    console.log('[1] Connecting to CDP tunnel...');
-    browser = await chromium.connectOverCDP(SERVER_URL, {
-      timeout: 10000
-    });
-    console.log('[1] Connected!\n');
-
-    const context = browser.contexts()[0];
-    if (!context) {
-      throw new Error('No default context found');
-    }
-
-    const pages = context.pages();
-    let page;
-    if (pages.length > 0) {
-      page = pages[0];
-      console.log(`[2] Using existing page: ${page.url()}`);
-    } else {
-      page = await context.newPage();
-      console.log('[2] Created new page');
-    }
-
-    console.log(`[2] Navigating to test page...`);
-    await page.goto(TEST_PAGE, { waitUntil: 'domcontentloaded', timeout: 15000 });
-    console.log(`[2] Page loaded: ${page.url()}\n`);
-
-    // --- Test 1: Main page input ---
-    console.log('[Test 1] Main page input...');
-    try {
-      await page.fill('#main-input-1', 'Hello from main');
-      const val1 = await page.inputValue('#main-input-1');
-      console.log(`[Test 1] OK - value: "${val1}"\n`);
-    } catch (e) {
-      console.error(`[Test 1] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 2: Main page button ---
-    console.log('[Test 2] Main page button click...');
-    try {
-      await page.click('#main-btn');
-      await sleep(500);
-      const status = await page.textContent('#status');
-      console.log(`[Test 2] OK - status: "${status}"\n`);
-    } catch (e) {
-      console.error(`[Test 2] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 3: Same-origin iframe ---
-    console.log('[Test 3] Same-origin iframe input...');
-    try {
-      const frame = page.frameLocator('#same-origin-iframe');
-      const input = frame.locator('#iframe-input-1');
-      await input.fill('Hello from iframe');
-      const val = await input.inputValue();
-      console.log(`[Test 3] OK - value: "${val}"\n`);
-    } catch (e) {
-      console.error(`[Test 3] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 4: Same-origin iframe button ---
-    console.log('[Test 4] Same-origin iframe button click...');
-    try {
-      const frame = page.frameLocator('#same-origin-iframe');
-      await frame.locator('#iframe-btn').click();
-      await sleep(500);
-      const result = await frame.locator('#iframe-result').textContent();
-      console.log(`[Test 4] OK - result: "${result}"\n`);
-    } catch (e) {
-      console.error(`[Test 4] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 5: Cross-origin iframe (Wikipedia) ---
-    console.log('[Test 5] Cross-origin iframe (Wikipedia)...');
-    try {
-      const frame = page.frameLocator('#cross-origin-iframe');
-      // Just try to access the frame - this will likely fail
-      const title = await frame.locator('h1').first().textContent({ timeout: 5000 });
-      console.log(`[Test 5] OK - title: "${title}"\n`);
-    } catch (e) {
-      console.error(`[Test 5] FAIL (expected): ${e.message}\n`);
-    }
-
-    // --- Test 6: Nested iframe ---
-    console.log('[Test 6] Nested iframe (level 1 input)...');
-    try {
-      const frame = page.frameLocator('#nested-iframe');
-      await frame.locator('#l1-input').fill('Level 1');
-      const val = await frame.locator('#l1-input').inputValue();
-      console.log(`[Test 6] OK - value: "${val}"\n`);
-    } catch (e) {
-      console.error(`[Test 6] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 7: Nested iframe level 2 ---
-    console.log('[Test 7] Nested iframe (level 2 input)...');
-    try {
-      const frame = page.frameLocator('#nested-iframe').frameLocator('#nested-inner');
-      await frame.locator('#l2-input').fill('Level 2');
-      const val = await frame.locator('#l2-input').inputValue();
-      console.log(`[Test 7] OK - value: "${val}"\n`);
-    } catch (e) {
-      console.error(`[Test 7] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 8: Dynamic iframe ---
-    console.log('[Test 8] Dynamic iframe...');
-    try {
-      await page.click('#create-iframe-btn');
-      await sleep(1000);
-      const frame = page.frameLocator('#dynamic-iframe');
-      await frame.locator('#dyn-input').fill('Dynamic!');
-      const val = await frame.locator('#dyn-input').inputValue();
-      console.log(`[Test 8] OK - value: "${val}"\n`);
-    } catch (e) {
-      console.error(`[Test 8] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 9: Page.getFrameTree via CDP directly ---
-    console.log('[Test 9] CDP Page.getFrameTree...');
-    try {
-      const cdpSession = await page.context().newCDPSession(page);
-      const frameTree = await cdpSession.send('Page.getFrameTree');
-      console.log(`[Test 9] Frame tree:`);
-      printFrameTree(frameTree.frameTree, 0);
-      await cdpSession.detach();
-      console.log('');
-    } catch (e) {
-      console.error(`[Test 9] FAIL: ${e.message}\n`);
-    }
-
-    // --- Test 10: Target.setAutoAttach + Target.attachedToTarget ---
-    console.log('[Test 10] CDP Target.setAutoAttach + iframe sessions...');
-    try {
-      const cdpSession = await page.context().newCDPSession(page);
-
-      let attachedEventCount = 0;
-      cdpSession.on('Target.attachedToTarget', (event) => {
-        attachedEventCount++;
-        console.log(`[Test 10] Target.attachedToTarget event #${attachedEventCount}:`);
-        console.log(`  sessionId: ${event.sessionId}`);
-        console.log(`  targetInfo.type: ${event.targetInfo?.type}`);
-        console.log(`  targetInfo.targetId: ${event.targetInfo?.targetId}`);
-        console.log(`  targetInfo.url: ${event.targetInfo?.url}`);
-        console.log(`  waitingForDebugger: ${event.waitingForDebugger}`);
-      });
-
-      cdpSession.on('Target.targetCreated', (event) => {
-        console.log(`[Test 10] Target.targetCreated: type=${event.targetInfo?.type} targetId=${event.targetInfo?.targetId}`);
-      });
-
-      await cdpSession.send('Target.setAutoAttach', {
-        autoAttach: true,
-        waitForDebuggerOnStart: false,
-        flatten: true
-      });
-
-      await sleep(3000);
-
-      console.log(`[Test 10] Total attachedToTarget events: ${attachedEventCount}`);
-      await cdpSession.detach();
-      console.log('');
-    } catch (e) {
-      console.error(`[Test 10] FAIL: ${e.message}\n`);
-    }
-
-    console.log('=== All tests completed ===');
-
-  } catch (e) {
-    console.error('Fatal error:', e);
-  } finally {
-    if (browser) {
-      await browser.close().catch(() => {});
-    }
-  }
-}
-
-function printFrameTree(tree, indent) {
-  if (!tree || !tree.frame) return;
-  const pad = '  '.repeat(indent);
-  const frame = tree.frame;
-  console.log(`${pad}Frame: id=${frame.id} url=${frame.url?.substring(0, 60)}`);
-  if (tree.childFrames) {
-    for (const child of tree.childFrames) {
-      printFrameTree(child, indent + 1);
-    }
-  }
-}
-
-main().catch(console.error);

package/tests/test-multi-client.js

@@ -1,129 +0,0 @@
-const WebSocket = require('ws');
-
-const SERVER_URL = process.argv[2] || 'ws://localhost:9221';
-const NUM_CLIENTS = parseInt(process.argv[3]) || 2;
-
-console.log(`Starting ${NUM_CLIENTS} test clients connecting to ${SERVER_URL}...\n`);
-
-const clients = [];
-
-for (let i = 0; i < NUM_CLIENTS; i++) {
-  const clientId = `test-client-${i + 1}`;
-  const client = createClient(clientId);
-  clients.push(client);
-}
-
-function createClient(clientId) {
-  console.log(`[${clientId}] Connecting...`);
-  
-  const ws = new WebSocket(SERVER_URL);
-  let commandId = 1;
-  
-  ws.on('open', () => {
-    console.log(`[${clientId}] Connected!`);
-    
-    ws.send(JSON.stringify({
-      type: 'identify',
-      clientId: clientId
-    }));
-    
-    ws.send(JSON.stringify({
-      id: commandId++,
-      method: 'Target.setDiscoverTargets',
-      params: { discover: true }
-    }));
-  });
-  
-  ws.on('message', (data) => {
-    try {
-      const msg = JSON.parse(data.toString());
-      
-      if (msg.method === 'Target.targetCreated') {
-        console.log(`[${clientId}] Target created: ${msg.params.targetInfo?.url || msg.params.targetInfo?.type}`);
-      } else if (msg.method === 'Target.attachedToTarget') {
-        console.log(`[${clientId}] Attached to target: sessionId=${msg.params.sessionId?.substring(0, 8)}...`);
-      } else if (msg.method === 'Target.targetDestroyed') {
-        console.log(`[${clientId}] Target destroyed`);
-      } else if (msg.id) {
-        if (msg.result?.targetInfos) {
-          console.log(`[${clientId}] Got ${msg.result.targetInfos.length} targets`);
-        }
-      }
-    } catch (e) {}
-  });
-  
-  ws.on('close', () => {
-    console.log(`[${clientId}] Disconnected`);
-  });
-  
-  ws.on('error', (err) => {
-    console.error(`[${clientId}] Error:`, err.message);
-  });
-  
-  return {
-    ws,
-    clientId,
-    send: (method, params) => {
-      ws.send(JSON.stringify({ id: commandId++, method, params }));
-    },
-    close: () => ws.close()
-  };
-}
-
-function interactiveTest() {
-  const readline = require('readline');
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout
-  });
-  
-  console.log('\n=== Interactive Test Commands ===');
-  console.log('  n <client_idx> <url>  - Client #n creates new page');
-  console.log('  c <client_idx>        - Client #n closes current page');
-  console.log('  s <client_idx>        - Client #n scrolls page');
-  console.log('  l                     - List all clients');
-  console.log('  q                     - Quit');
-  console.log('================================\n');
-  
-  rl.on('line', (input) => {
-    const parts = input.trim().split(' ');
-    const cmd = parts[0];
-    
-    if (cmd === 'q') {
-      console.log('Closing all clients...');
-      clients.forEach(c => c.close());
-      setTimeout(() => process.exit(0), 500);
-    } else if (cmd === 'l') {
-      console.log(`Active clients: ${clients.length}`);
-      clients.forEach((c, i) => {
-        console.log(`  #${i + 1}: ${c.clientId} - ${c.ws.readyState === WebSocket.OPEN ? 'connected' : 'disconnected'}`);
-      });
-    } else if (cmd === 'n' && parts.length >= 3) {
-      const idx = parseInt(parts[1]) - 1;
-      const url = parts[2] || 'https://www.baidu.com';
-      if (clients[idx]) {
-        console.log(`Client #${idx + 1} creating page: ${url}`);
-        clients[idx].send('Target.createTarget', { url });
-      }
-    } else if (cmd === 's' && parts.length >= 2) {
-      const idx = parseInt(parts[1]) - 1;
-      if (clients[idx]) {
-        console.log(`Client #${idx + 1} scrolling...`);
-        clients[idx].send('Runtime.evaluate', {
-          expression: 'window.scrollBy(0, 100)'
-        });
-      }
-    }
-  });
-}
-
-setTimeout(interactiveTest, 1000);
-
-process.on('SIGINT', () => {
-  console.log('\nClosing all clients...');
-  clients.forEach(c => c.close());
-  process.exit(0);
-});
-
-console.log('Usage: node test-multi-client.js [server_url] [num_clients]');
-console.log('Example: node test-multi-client.js ws://localhost:9221 2\n');