cdp-tunnel 1.0.13 → 1.0.14

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();

package/test-real-scenario-v2.js

@@ -1,166 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-
-async function testRealScenario(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 with counter...`);
-    await context.addInitScript(() => {
-      window.myInitScript = 'This is from addInitScript!';
-      window.myCounter = (window.myCounter || 0) + 1;
-      console.log('[InitScript] myCounter:', window.myCounter);
-    });
-    
-    console.log(`[${label}] Creating first page and navigating to Baidu...`);
-    const page1 = await context.newPage();
-    await page1.goto('https://www.baidu.com', { waitUntil: 'domcontentloaded', timeout: 30000 });
-    
-    console.log(`[${label}] Testing in Baidu page (counter should be 1)...`);
-    const result1 = await page1.evaluate(() => {
-      return { 
-        initScript: window.myInitScript,
-        counter: window.myCounter
-      };
-    });
-    console.log(`[${label}] Baidu page result:`, result1);
-    
-    console.log(`[${label}] Searching for "test"...`);
-    await page1.fill('#kw', 'test');
-    await page1.click('#su');
-    await page1.waitForSelector('#content_left', { timeout: 10000 });
-    
-    console.log(`[${label}] Clicking first search result (opens new tab)...`);
-    const [page2] = await Promise.all([
-      context.waitForEvent('page'),
-      page1.click('#content_left a')
-    ]);
-    
-    console.log(`[${label}] Waiting for new tab to load...`);
-    await page2.waitForLoadState('domcontentloaded', { timeout: 15000 });
-    console.log(`[${label}] New tab URL: ${page2.url()}`);
-    
-    console.log(`[${label}] Testing in new tab (counter should be 2 - incremented)...`);
-    const result2 = await page2.evaluate(() => {
-      return { 
-        initScript: window.myInitScript,
-        counter: window.myCounter
-      };
-    });
-    console.log(`[${label}] New tab result:`, result2);
-    
-    console.log(`[${label}] Clicking another link in new tab...`);
-    try {
-      const links = await page2.locator('a').first();
-      if (links) {
-        const [page3] = await Promise.all([
-          context.waitForEvent('page'),
-          links.click()
-        ]);
-        
-        console.log(`[${label}] Waiting for second new tab...`);
-        await page3.waitForLoadState('domcontentloaded', { timeout: 15000 });
-        console.log(`[${label}] Second new tab URL: ${page3.url()}`);
-        
-        console.log(`[${label}] Testing in second new tab (counter should be 3)...`);
-        const result3 = await page3.evaluate(() => {
-          return { 
-            initScript: window.myInitScript,
-            counter: window.myCounter
-          };
-        });
-        console.log(`[${label}] Second new tab result:`, result3);
-      }
-    } catch (e) {
-      console.log(`[${label}] No more links to click, skipping second new tab test`);
-    }
-    
-    console.log(`[${label}] Switching back to first page (Baidu)...`);
-    await page1.bringToFront();
-    await page1.waitForLoadState('domcontentloaded');
-    
-    console.log(`[${label}] Testing in Baidu page again (counter should still be 1)...`);
-    const result1Again = await page1.evaluate(() => {
-      return { 
-        initScript: window.myInitScript,
-        counter: window.myCounter
-      };
-    });
-    console.log(`[${label}] Baidu page (after switch) result:`, result1Again);
-    
-    const success = result1.counter === 1 && result2.counter === 2;
-    
-    if (success) {
-      console.log(`[${label}] ✓ All tests passed!`);
-    } else {
-      console.log(`[${label}] ✗ Counter not incrementing correctly!`);
-    }
-    
-    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 real scenario: Baidu -> Search -> Click result -> New tab');
-  console.log('Expected: Counter increments with each new page\n');
-  
-  console.log('Step 1: Starting fresh Chromium instance on port 9226...');
-  const chromiumProcess = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9226',
-    '--user-data-dir=/tmp/chromium-test-scenario',
-    '--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(9226, '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 9226): ${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 counter increments across tabs!');
-  } else if (nativeResult && !tunnelResult) {
-    console.log('\n✗ CDP Tunnel has issues with addInitScript counter!');
-  } 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();