@dyyz1993/agent-browser 0.24.0 → 0.25.0

package/scripts/find_root_content.js

@@ -0,0 +1,26 @@
+(() => {
+  const root = document.getElementById('root');
+  
+  if (!root) {
+    return { error: 'root not found' };
+  }
+  
+  const result = {
+    rootId: root.id,
+    childrenCount: root.children.length,
+    children: []
+  };
+  
+  for (let i = 0; i < Math.min(root.children.length, 20); i++) {
+    const child = root.children[i];
+    result.children.push({
+      index: i,
+      tagName: child.tagName,
+      id: child.id,
+      className: child.className,
+      innerHTML: child.innerHTML.substring(0, 300)
+    });
+  }
+  
+  return result;
+})()

package/scripts/find_unique_products.js

@@ -0,0 +1,55 @@
+(async () => {
+  const result = {
+    products: []
+  };
+  
+  const containers = document.querySelectorAll('._goodsContainer_1p2ae_1');
+  
+  containers.forEach((container, index) => {
+    if (index >= 10) return;
+    
+    const product = {
+      index,
+      className: container.className,
+      text: container.textContent?.trim().substring(0, 300)
+    };
+    
+    const link = container.querySelector('a[href*="jd"]');
+    if (link) {
+      product.link = link.href;
+    }
+    
+    const img = container.querySelector('img');
+    if (img) {
+      product.img = img.getAttribute('data-src')?.substring(0, 100) || img.src?.substring(0, 100);
+    }
+    
+    const text = container.textContent || '';
+    
+    const priceMatch = text.match(/[¥￥]\s*\d+\.?\d*/);
+    if (priceMatch) {
+      product.price = priceMatch[0];
+    }
+    
+    const salesMatch = text.match(/已售[\d\+万]+/);
+    if (salesMatch) {
+      product.sales = salesMatch[0];
+    }
+    
+    const shopMatch = text.match(/([^\s]+旗舰店|[^\s]+专营店)/);
+    if (shopMatch) {
+      product.shop = shopMatch[0];
+    }
+    
+    const titleMatch = text.match(/([^\s]{5,50})/);
+    if (titleMatch && !titleMatch[0].includes('广告') && !titleMatch[0].includes('旗舰店')) {
+      product.title = titleMatch[0];
+    }
+    
+    if (product.price || product.shop || product.sales) {
+      result.products.push(product);
+    }
+  });
+  
+  return result;
+})()

package/scripts/get_jd_product_detail.js

@@ -0,0 +1,16 @@
+(() => {
+  const reviews = {};
+  
+  const goodEl = document.querySelector('.filter-items a[data-tab="good"]');
+  const neutralEl = document.querySelector('.filter-items a[data-tab="neutral"]');
+  const badEl = document.querySelector('.filter-items a[data-tab="bad"]');
+  
+  reviews.good = goodEl?.textContent?.trim() || '';
+  reviews.neutral = neutralEl?.textContent?.trim() || '';
+  reviews.bad = badEl?.textContent?.trim() || '';
+  
+  const regionEl = document.querySelector('.address-item');
+  const region = regionEl?.textContent?.trim() || '';
+  
+  return { reviews, region };
+})()

package/scripts/get_jd_products.js

@@ -0,0 +1,23 @@
+(() => {
+  const items = document.querySelectorAll('.gl-item');
+  const products = [];
+  
+  items.forEach((item, index) => {
+    const titleEl = item.querySelector('.p-name a');
+    const priceEl = item.querySelector('.p-price');
+    const shopEl = item.querySelector('.p-shop a');
+    const salesEl = item.querySelector('.p-commit');
+    const linkEl = item.querySelector('.p-name a');
+    
+    products.push({
+      index: index,
+      title: titleEl?.textContent?.trim() || '',
+      price: priceEl?.textContent?.trim() || '',
+      shop: shopEl?.textContent?.trim() || '',
+      sales: salesEl?.textContent?.trim() || '',
+      link: linkEl?.href || ''
+    });
+  });
+  
+  return products.slice(0, 10);
+})()

package/scripts/get_jd_seafood_products.js

@@ -0,0 +1,44 @@
+(async () => {
+  const result = {
+    products: []
+  };
+  
+  window.scrollTo(0, 1000);
+  await new Promise(resolve => setTimeout(resolve, 3000));
+  
+  window.scrollTo(0, 3000);
+  await new Promise(resolve => setTimeout(resolve, 3000));
+  
+  const productCards = document.querySelectorAll('[data-point-id], .youLikeItem, [class*="item"]');
+  
+  productCards.forEach((card, index) => {
+    if (index >= 15) return;
+    
+    const product = {
+      index,
+      className: card.className,
+      title: '',
+      price: '',
+      shop: '',
+      link: ''
+    };
+    
+    const titleEl = card.querySelector('[class*="title"], [class*="name"], h3, h4, h5');
+    const priceEl = card.querySelector('[class*="price"], .price');
+    const shopEl = card.querySelector('[class*="shop"], [class*="store"], [class*="brand"]');
+    const linkEl = card.querySelector('a[href*="jd"]');
+    const imgEl = card.querySelector('img');
+    
+    if (titleEl) product.title = titleEl.textContent?.trim() || '';
+    if (priceEl) product.price = priceEl.textContent?.trim() || '';
+    if (shopEl) product.shop = shopEl.textContent?.trim() || '';
+    if (linkEl) product.link = linkEl.href || '';
+    if (imgEl && imgEl.src) product.image = imgEl.src.substring(0, 100);
+    
+    if (product.title || product.price || product.link) {
+      result.products.push(product);
+    }
+  });
+  
+  return result;
+})()

package/scripts/get_product_details_from_images.js

@@ -0,0 +1,54 @@
+(async () => {
+  const result = {
+    products: []
+  };
+  
+  const wrappers = document.querySelectorAll('._wrapper_8g5fc_1');
+  
+  wrappers.forEach((wrapper, index) => {
+    if (index >= 10) return;
+    
+    const product = {
+      index,
+      className: wrapper.className
+    };
+    
+    const img = wrapper.querySelector('img');
+    if (img) {
+      product.img = img.getAttribute('data-src')?.substring(0, 100) || img.src?.substring(0, 100);
+    }
+    
+    const parentLink = wrapper.closest('a');
+    if (parentLink) {
+      product.link = parentLink.href;
+    }
+    
+    const allText = wrapper.textContent?.trim() || '';
+    product.text = allText.substring(0, 150);
+    
+    const priceElements = wrapper.querySelectorAll('*');
+    for (const el of priceElements) {
+      const text = el.textContent?.trim() || '';
+      if (text.match(/[¥￥]\s*\d+/)) {
+        product.price = text;
+        break;
+      }
+    }
+    
+    const greatGrandParent = wrapper.parentElement?.parentElement?.parentElement;
+    if (greatGrandParent) {
+      product.greatGrandParentClass = greatGrandParent.className?.substring(0, 100);
+      const greatGrandParentText = greatGrandParent.textContent?.trim() || '';
+      product.greatGrandParentText = greatGrandParentText.substring(0, 200);
+      
+      const greatGrandParentLink = greatGrandParent.querySelector('a[href*="jd"]');
+      if (greatGrandParentLink) {
+        product.link = greatGrandParentLink.href;
+      }
+    }
+    
+    result.products.push(product);
+  });
+  
+  return result;
+})()

package/scripts/verify-form.sh

@@ -0,0 +1,67 @@
+#!/bin/bash
+# 场景2: 表单填写验证脚本
+# 从 form-test.yaml 生成的脚本
+
+set -e  # 遇到错误立即退出
+
+# 启用人工模拟模式
+export AGENT_BROWSER_HUMAN=bezier
+SESSION="form-verify-$(date +%s)"
+
+# 测试页面路径
+TEST_PAGE="file:///Users/xuyingzhou/Project/temporary/agent-browser/test-pages/form-test.html"
+
+echo "=== 开始执行表单填写脚本 ==="
+echo "Session: $SESSION"
+echo "AGENT_BROWSER_HUMAN: $AGENT_BROWSER_HUMAN"
+
+# 打开测试页面
+echo "1. 打开表单测试页面..."
+agent-browser --session $SESSION --allow-file-access --headed open "$TEST_PAGE"
+agent-browser --session $SESSION wait --load networkidle
+
+# 填写表单
+echo "2. 填写表单..."
+agent-browser --session $SESSION fill "#name" "测试用户"
+agent-browser --session $SESSION fill "#email" "test@example.com"
+agent-browser --session $SESSION fill "#password" "password123"
+agent-browser --session $SESSION select "#country" "cn"
+agent-browser --session $SESSION check "#agree"
+
+# 提交表单
+echo "3. 提交表单..."
+agent-browser --session $SESSION click "#submitBtn"
+
+# 等待结果显示
+agent-browser --session $SESSION wait 500
+
+# 验证结果
+echo "4. 验证结果..."
+URL=$(agent-browser --session $SESSION get url)
+echo "当前URL: $URL"
+
+# 检查URL是否正确
+if [[ "$URL" == *"form-test.html"* ]]; then
+    echo "✓ URL验证成功"
+else
+    echo "✗ URL验证失败"
+    agent-browser --session $SESSION close
+    exit 1
+fi
+
+# 检查表单数据是否显示
+RESULT=$(agent-browser --session $SESSION get text "#result")
+if [[ "$RESULT" == *"测试用户"* ]]; then
+    echo "✓ 表单数据验证成功"
+else
+    echo "✗ 表单数据验证失败"
+    agent-browser --session $SESSION close
+    exit 1
+fi
+
+# 清理
+echo "5. 关闭浏览器..."
+agent-browser --session $SESSION close
+
+echo "=== 脚本执行成功 ==="
+exit 0

package/scripts/verify-login.sh

@@ -0,0 +1,65 @@
+#!/bin/bash
+# 场景8: 登录功能验证脚本（含验证码识别）
+
+set -e
+export AGENT_BROWSER_HUMAN=bezier
+SESSION="login-verify-$(date +%s)"
+TEST_PAGE="file:///Users/xuyingzhou/Project/temporary/agent-browser/test-pages/login-test.html"
+
+echo "=== 开始执行登录验证脚本 ==="
+echo "Session: $SESSION"
+
+# 打开测试页面
+echo "1. 打开登录测试页面..."
+agent-browser --session $SESSION --allow-file-access --headed open "$TEST_PAGE"
+agent-browser --session $SESSION wait --load networkidle
+
+# 检查未登录标识
+echo "2. 检查未登录标识..."
+UNLOGGED=$(agent-browser --session $SESSION get text "#loggedOutIndicator")
+if [[ "$UNLOGGED" == *"尚未登录"* ]]; then
+    echo "✓ 检测到未登录标识"
+else
+    echo "✗ 未检测到未登录标识"
+fi
+
+# 获取验证码并立即填写（使用链式命令减少延迟）
+echo "3. 获取验证码并填写..."
+agent-browser --session $SESSION eval --stdin <<'EOF'
+const captcha = document.getElementById("captchaCode").textContent;
+document.getElementById("username").value = "testuser";
+document.getElementById("password").value = "password123";
+document.getElementById("captcha").value = captcha;
+"验证码: " + captcha;
+EOF
+
+echo "4. 提交登录..."
+agent-browser --session $SESSION click "#loginBtn"
+agent-browser --session $SESSION wait 500
+
+# 验证登录结果
+echo "6. 验证登录结果..."
+STATUS=$(agent-browser --session $SESSION get text "#loginStatus")
+if [[ "$STATUS" == *"登录成功"* ]]; then
+    echo "✓ 登录成功"
+else
+    echo "✗ 登录失败: $STATUS"
+    agent-browser --session $SESSION close
+    exit 1
+fi
+
+# 检查用户信息显示
+echo "7. 检查用户信息..."
+USERINFO=$(agent-browser --session $SESSION get text "#userInfo")
+if [[ "$USERINFO" == *"testuser"* ]]; then
+    echo "✓ 用户信息显示正确"
+else
+    echo "✗ 用户信息显示错误"
+fi
+
+# 清理
+echo "8. 关闭浏览器..."
+agent-browser --session $SESSION close
+
+echo "=== 脚本执行成功 ==="
+exit 0

package/scripts/verify-recording.sh

@@ -0,0 +1,80 @@
+#!/bin/bash
+# 从 complex-scene-5.yaml 生成的验证脚本
+# 用于验证录制转脚本的可靠性
+
+set -e  # 遇到错误立即退出
+
+export AGENT_BROWSER_HUMAN=bezier
+SESSION="verify-$(date +%s)"
+
+# 测试页面路径
+TEST_PAGE="file:///Users/xuyingzhou/Project/temporary/agent-browser/test-pages/complex-scene-5.html"
+
+echo "=== 开始执行脚本 ==="
+echo "Session: $SESSION"
+
+# 打开测试页面
+echo "1. 打开测试页面..."
+agent-browser --session $SESSION --allow-file-access --headed open "$TEST_PAGE"
+agent-browser --session $SESSION wait --load networkidle
+
+# 执行表单填写
+echo "2. 填写表单..."
+agent-browser --session $SESSION fill "#username" "测试用户001"
+agent-browser --session $SESSION fill "#email" "test@example.com"
+agent-browser --session $SESSION fill "#comments" "这是一个自动化测试备注信息"
+
+# 点击按钮
+echo "3. 点击按钮..."
+agent-browser --session $SESSION click "#btn-primary"
+agent-browser --session $SESSION click "#btn-secondary"
+agent-browser --session $SESSION click "#btn-success"
+agent-browser --session $SESSION click "#btn-danger"
+
+# 下拉选择
+echo "4. 选择下拉选项..."
+agent-browser --session $SESSION select "#country" "cn"
+agent-browser --session $SESSION select "#city" "北京"
+
+# 复选框
+echo "5. 勾选复选框..."
+agent-browser --session $SESSION check "#chk1"
+agent-browser --session $SESSION check "#chk2"
+agent-browser --session $SESSION check "#chk4"
+
+# 单选框
+echo "6. 选择单选项..."
+agent-browser --session $SESSION click "#rd1"
+
+# 计数器
+echo "7. 点击计数器..."
+agent-browser --session $SESSION click "#counter-increase"
+
+# 开关
+echo "8. 切换开关..."
+agent-browser --session $SESSION click "#dark-mode-toggle"
+
+# 收集数据
+echo "9. 点击收集数据..."
+agent-browser --session $SESSION click "#collect-data"
+
+# 验证结果
+echo "10. 验证结果..."
+URL=$(agent-browser --session $SESSION get url)
+echo "当前URL: $URL"
+
+# 检查URL是否正确
+if [[ "$URL" == *"complex-scene-5.html"* ]]; then
+    echo "✓ URL验证成功"
+else
+    echo "✗ URL验证失败"
+    agent-browser --session $SESSION close
+    exit 1
+fi
+
+# 清理
+echo "11. 关闭浏览器..."
+agent-browser --session $SESSION close
+
+echo "=== 脚本执行成功 ==="
+exit 0

package/scripts/verify-upload.sh

@@ -0,0 +1,41 @@
+#!/bin/bash
+# 场景3: 文件上传验证脚本
+
+set -e
+export AGENT_BROWSER_HUMAN=bezier
+SESSION="upload-verify-$(date +%s)"
+TEST_PAGE="file:///Users/xuyingzhou/Project/temporary/agent-browser/test-pages/upload-test.html"
+TEST_FILE="/Users/xuyingzhou/Project/temporary/agent-browser/test-pages/upload-test.txt"
+
+echo "=== 开始执行文件上传脚本 ==="
+echo "Session: $SESSION"
+
+# 打开测试页面
+echo "1. 打开文件上传测试页面..."
+agent-browser --session $SESSION --allow-file-access --headed open "$TEST_PAGE"
+agent-browser --session $SESSION wait --load networkidle
+
+# 上传文件
+echo "2. 上传文件..."
+agent-browser --session $SESSION upload "#fileInput" "$TEST_FILE"
+
+# 等待上传完成
+agent-browser --session $SESSION wait 1000
+
+# 验证结果
+echo "3. 验证结果..."
+URL=$(agent-browser --session $SESSION get url)
+if [[ "$URL" == *"upload-test.html"* ]]; then
+    echo "✓ URL验证成功"
+else
+    echo "✗ URL验证失败"
+    agent-browser --session $SESSION close
+    exit 1
+fi
+
+# 清理
+echo "4. 关闭浏览器..."
+agent-browser --session $SESSION close
+
+echo "=== 脚本执行成功 ==="
+exit 0