@web-auto/webauto 0.1.1 → 0.1.3

package/tests/integration/05-test-container-lifecycle-with-events.mjs

@@ -1,250 +0,0 @@
-#!/usr/bin/env node
-/**
- * 容器生命周期事件跟踪闭环测试
- * 
- * 测试流程:
- * 1. 启动 Unified API 和浏览器服务
- * 2. 连接 WebSocket 监听事件
- * 3. 创建浏览器会话
- * 4. 捕获元素（模拟容器发现）
- * 5. 添加新子容器
- * 6. 验证事件流：container:discovered -> container:children_discovered
- * 7. 绘制 DOM tree
- */
-
-import { WebSocket } from 'ws';
-import http from 'node:http';
-
-const HOST = '127.0.0.1';
-const UNIFIED_API_PORT = 7701;
-const WS_URL = `ws://${HOST}:${UNIFIED_API_PORT}/ws`;
-const API_HOST = `http://${HOST}:${UNIFIED_API_PORT}`;
-
-const events = [];
-let ws = null;
-
-function log(msg) {
-  console.log(`[TEST] ${msg}`);
-}
-
-function httpPost(path, data) {
-  return new Promise((resolve, reject) => {
-    const payload = JSON.stringify(data || {});
-    const req = http.request(
-      `${API_HOST}${path}`,
-      {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Content-Length': Buffer.byteLength(payload)
-        }
-      },
-      (res) => {
-        let body = '';
-        res.on('data', (chunk) => body += chunk);
-        res.on('end', () => {
-          try {
-            resolve(JSON.parse(body));
-          } catch (err) {
-            resolve({ body, statusCode: res.statusCode });
-          }
-        });
-      }
-    );
-    req.on('error', reject);
-    req.write(payload);
-    req.end();
-  });
-}
-
-function httpGet(path) {
-  return new Promise((resolve, reject) => {
-    http.get(`${API_HOST}${path}`, (res) => {
-      let body = '';
-      res.on('data', (chunk) => body += chunk);
-      res.on('end', () => {
-        try {
-          resolve(JSON.parse(body));
-        } catch (err) {
-          resolve({ body, statusCode: res.statusCode });
-        }
-      });
-    }).on('error', reject);
-  });
-}
-
-async function connectWebSocket() {
-  return new Promise((resolve, reject) => {
-    ws = new WebSocket(WS_URL);
-    
-    ws.on('open', () => {
-      log('WebSocket 连接成功');
-      resolve();
-    });
-    
-    ws.on('message', (data) => {
-      const msg = JSON.parse(data.toString());
-      
-      // 记录所有事件
-      if (msg.type === 'event') {
-        events.push(msg);
-        log(`收到事件: ${msg.topic}`);
-      }
-      
-      // 特殊事件日志
-      if (msg.topic && msg.topic.includes('container:')) {
-        log(`  容器事件详情: ${JSON.stringify(msg.payload).substring(0, 100)}`);
-      }
-    });
-    
-    ws.on('error', reject);
-    
-    setTimeout(() => reject(new Error('WebSocket 连接超时')), 5000);
-  });
-}
-
-async function checkHealth() {
-  log('检查 Unified API 健康状态...');
-  const health = await httpGet('/health');
-  if (!health.ok) {
-    throw new Error('Unified API 不健康');
-  }
-  log('✓ Unified API 健康');
-}
-
-async function getSessionList() {
-  log('获取会话列表...');
-  const result = await httpPost('/v1/controller/action', {
-    action: 'session:list',
-    payload: {}
-  });
-  
-  if (!result.success || !result.data?.sessions) {
-    throw new Error('无法获取会话列表');
-  }
-  
-  log(`✓ 找到 ${result.data.sessions.length} 个会话`);
-  return result.data.sessions;
-}
-
-async function sendAction(action, payload) {
-  log(`发送动作: ${action}`);
-  const result = await httpPost('/v1/controller/action', {
-    action,
-    payload
-  });
-  
-  if (!result.success) {
-    throw new Error(`动作失败: ${action} - ${result.error || '未知错误'}`);
-  }
-  
-  log(`✓ 动作成功: ${action}`);
-  return result;
-}
-
-async function waitForEvent(topicPattern, timeout = 5000) {
-  const startTime = Date.now();
-  
-  while (Date.now() - startTime < timeout) {
-    const event = events.find(e => {
-      if (typeof topicPattern === 'string') {
-        return e.topic === topicPattern;
-      } else {
-        return topicPattern.test(e.topic);
-      }
-    });
-    
-    if (event) {
-      log(`✓ 找到匹配事件: ${event.topic}`);
-      return event;
-    }
-    
-    await new Promise(resolve => setTimeout(resolve, 100));
-  }
-  
-  throw new Error(`等待事件超时: ${topicPattern}`);
-}
-
-async function main() {
-  try {
-    // Step 1: 检查服务健康
-    await checkHealth();
-    
-    // Step 2: 连接 WebSocket
-    await connectWebSocket();
-    
-    // Step 3: 获取会话列表
-    const sessions = await getSessionList();
-    
-    if (sessions.length === 0) {
-      log('⚠ 没有活动会话，跳过容器操作测试');
-      log('✅ 基础事件系统测试通过');
-      ws.close();
-      process.exit(0);
-    }
-    
-    const sessionId = sessions[0].session_id;
-    log(`使用会话: ${sessionId}`);
-    
-    // Step 4: 订阅容器状态
-    log('订阅容器状态变化...');
-    const subResult = await httpPost(`/v1/container/test-container/subscribe`, {});
-    if (subResult.success) {
-      log('✓ 容器订阅成功');
-    }
-    
-    // Step 5: 模拟容器匹配（触发容器发现）
-    log('执行容器匹配...');
-    const matchResult = await sendAction('containers:match', {
-      sessionId,
-      url: sessions[0].current_url
-    });
-    
-    // Step 6: 等待容器发现事件
-    log('等待容器发现事件...');
-    
-    // 给事件一些时间传播
-    await new Promise(resolve => setTimeout(resolve, 2000));
-    
-    // Step 7: 验证收到的事件
-    log('\n=== 事件跟踪报告 ===');
-    log(`总共收到 ${events.length} 个事件`);
-    
-    events.forEach((event, index) => {
-      log(`[${index + 1}] ${event.topic}`);
-      if (event.payload) {
-        const preview = JSON.stringify(event.payload).substring(0, 80);
-        log(`    数据: ${preview}...`);
-      }
-    });
-    
-    // Step 8: 验证核心事件
-    log('\n=== 验证核心事件 ===');
-    
-    const hasContainerEvent = events.some(e => e.topic && e.topic.includes('container'));
-    if (hasContainerEvent) {
-      log('✓ 检测到容器相关事件');
-    } else {
-      log('⚠ 未检测到容器事件（可能需要实际容器发现）');
-    }
-    
-    // Step 9: 总结
-    log('\n=== 测试总结 ===');
-    log('✅ WebSocket 连接: 通过');
-    log('✅ 事件订阅: 通过');
-    log('✅ 容器匹配: 通过');
-    log(`✅ 事件接收: 通过 (${events.length} 个事件)`);
-    log('\n✅ 容器生命周期事件跟踪闭环测试完成!');
-    
-    ws.close();
-    process.exit(0);
-    
-  } catch (error) {
-    console.error('\n❌ 测试失败:', error.message);
-    console.error(error.stack);
-    if (ws) ws.close();
-    process.exit(1);
-  }
-}
-
-main();

package/tests/integration/06-test-container-dom-tree-drawing.mjs

@@ -1,256 +0,0 @@
-#!/usr/bin/env node
-/**
- * 容器 DOM Tree 绘制测试 - 简化版
- * 
- * 测试流程:
- * 1. 启动 Unified API
- * 2. 连接 WebSocket 监听事件
- * 3. 模拟容器树结构
- * 4. 验证事件流
- */
-
-import { WebSocket } from 'ws';
-import http from 'node:http';
-
-const HOST = '127.0.0.1';
-const UNIFIED_API_PORT = 7701;
-const WS_URL = `ws://${HOST}:${UNIFIED_API_PORT}/ws`;
-const API_HOST = `http://${HOST}:${UNIFIED_API_PORT}`;
-
-const events = [];
-let ws = null;
-
-function log(msg) {
-  console.log(`[DOM-TREE] ${msg}`);
-}
-
-function httpPost(path, data) {
-  return new Promise((resolve, reject) => {
-    const payload = JSON.stringify(data || {});
-    const req = http.request(
-      `${API_HOST}${path}`,
-      {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Content-Length': Buffer.byteLength(payload)
-        }
-      },
-      (res) => {
-        let body = '';
-        res.on('data', (chunk) => body += chunk);
-        res.on('end', () => {
-          try {
-            resolve(JSON.parse(body));
-          } catch (err) {
-            resolve({ body, statusCode: res.statusCode });
-          }
-        });
-      }
-    );
-    req.on('error', reject);
-    req.write(payload);
-    req.end();
-  });
-}
-
-function httpGet(path) {
-  return new Promise((resolve, reject) => {
-    http.get(`${API_HOST}${path}`, (res) => {
-      let body = '';
-      res.on('data', (chunk) => body += chunk);
-      res.on('end', () => {
-        try {
-          resolve(JSON.parse(body));
-        } catch (err) {
-          resolve({ body, statusCode: res.statusCode });
-        }
-      });
-    }).on('error', reject);
-  });
-}
-
-async function connectWebSocket() {
-  return new Promise((resolve, reject) => {
-    ws = new WebSocket(WS_URL);
-    
-    ws.on('open', () => {
-      log('WebSocket 连接成功');
-      resolve();
-    });
-    
-    ws.on('message', (data) => {
-      const msg = JSON.parse(data.toString());
-      events.push(msg);
-      
-      // 打印容器相关事件
-      if (msg.type === 'event' && msg.topic && msg.topic.includes('container')) {
-        log(`收到事件: ${msg.topic}`);
-      } else if (msg.type === 'ready') {
-        log(`收到系统事件: ${msg.type}`);
-      }
-    });
-    
-    ws.on('error', reject);
-    setTimeout(() => reject(new Error('WebSocket 连接超时')), 5000);
-  });
-}
-
-async function checkHealth() {
-  log('检查服务健康...');
-  const health = await httpGet('/health');
-  if (!health.ok) {
-    throw new Error('服务不健康');
-  }
-  log('✓ 服务健康');
-}
-
-function printContainerTree(data, indent = 0) {
-  const prefix = '  '.repeat(indent);
-  
-  if (data.snapshot) {
-    printNode(data.snapshot, indent);
-  } else if (data.tree) {
-    printNode(data.tree, indent);
-  } else if (Array.isArray(data)) {
-    data.forEach(node => printNode(node, indent));
-  }
-}
-
-function printNode(node, indent) {
-  const prefix = '  '.repeat(indent);
-  const id = node.id || node.containerId || 'unknown';
-  const type = node.type || 'container';
-  const children = node.children || [];
-  const selectors = node.selectors || [];
-  
-  console.log(`${prefix}├─ [${type}] ${id}`);
-  
-  if (selectors.length > 0) {
-    console.log(`${prefix}│  selectors: ${selectors.join(', ')}`);
-  }
-  
-  children.forEach(child => printNode(child, indent + 1));
-}
-
-async function drawAsciiTree() {
-  log('\n=== DOM Tree (ASCII) ===');
-  console.log(`
-  ┌─ [HTML]
-  │  └─ [BODY]
-  │     └─ [container] main-container
-  │        ├─ [H1] Test Container
-  │        └─ [LIST] 
-  │           ├─ [list-item] Item 1
-  │           ├─ [list-item] Item 2
-  │           └─ [list-item] Item 3
-  `);
-}
-
-async function simulateContainerDiscovery() {
-  log('模拟容器发现流程...');
-  
-  // 模拟容器发现的事件流
-  const simulatedEvents = [
-    {
-      type: 'event',
-      topic: 'container:main-container:discovered',
-      payload: {
-        containerId: 'main-container',
-        parentId: 'body',
-        bbox: { x: 100, y: 100, width: 800, height: 600 },
-        visible: true,
-        score: 0.95
-      }
-    },
-    {
-      type: 'event',
-      topic: 'container:list-item:discovered',
-      payload: {
-        containerId: 'list-item-1',
-        parentId: 'main-container',
-        bbox: { x: 120, y: 150, width: 200, height: 30 },
-        visible: true,
-        score: 0.85
-      }
-    },
-    {
-      type: 'event',
-      topic: 'container:children_discovered',
-      payload: {
-        containerId: 'main-container',
-        childCount: 3
-      }
-    }
-  ];
-  
-  // 模拟发送这些事件
-  simulatedEvents.forEach(event => {
-    events.push(event);
-    log(`模拟事件: ${event.topic}`);
-  });
-  
-  log('✓ 容器发现流程模拟完成');
-}
-
-async function analyzeEvents() {
-  log('\n=== 事件分析 ===');
-  log(`总共收到 ${events.length} 个事件`);
-  
-  // 分类事件
-  const containerEvents = events.filter(e => 
-    e.type === 'event' && e.topic && e.topic.includes('container')
-  );
-  
-  log(`容器相关事件: ${containerEvents.length} 个`);
-  
-  // 打印容器事件详情
-  containerEvents.forEach((event, index) => {
-    log(`[${index + 1}] ${event.topic}`);
-    if (event.payload) {
-      const keys = Object.keys(event.payload);
-      log(`    字段: ${keys.join(', ')}`);
-    }
-  });
-  
-  return containerEvents;
-}
-
-async function main() {
-  try {
-    // Step 1: 检查服务
-    await checkHealth();
-    
-    // Step 2: 连接 WebSocket
-    await connectWebSocket();
-    
-    // Step 3: 绘制 DOM Tree (ASCII)
-    await drawAsciiTree();
-    
-    // Step 4: 模拟容器发现流程
-    await simulateContainerDiscovery();
-    
-    // Step 5: 分析事件
-    const containerEvents = await analyzeEvents();
-    
-    // Step 6: 总结
-    log('\n=== 测试总结 ===');
-    log('✓ WebSocket 连接');
-    log('✓ DOM Tree 绘制');
-    log('✓ 容器发现模拟');
-    log(`✓ 事件跟踪: ${containerEvents.length} 个容器事件`);
-    
-    log('\n✅ DOM Tree 绘制和事件跟踪测试完成!');
-    
-    ws.close();
-    process.exit(0);
-    
-  } catch (error) {
-    console.error('\n❌ 测试失败:', error.message);
-    console.error(error.stack);
-    if (ws) ws.close();
-    process.exit(1);
-  }
-}
-
-main();