npm - @dyyz1993/agent-browser - Versions diffs - 0.11.1 → 0.11.3 - Mend

@dyyz1993/agent-browser 0.11.1 → 0.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/bin/agent-browser-linux-x64 +0 -0
package/dist/browser.d.ts.map +1 -1
package/dist/browser.js +9 -1
package/dist/browser.js.map +1 -1
package/dist/cli.js +0 -0
package/dist/viewer-script.d.ts.map +1 -1
package/dist/viewer-script.js +17 -6
package/dist/viewer-script.js.map +1 -1
package/package.json +1 -1
package/bin/agent-browser-darwin-arm64 +0 -0
package/scripts/check_goods_container.js +0 -35
package/scripts/check_page_content.js +0 -36
package/scripts/click_applause_rate.js +0 -30
package/scripts/e2e-test-recorder.ts +0 -584
package/scripts/explore_jd_page.js +0 -31
package/scripts/extract_all_jd_data.js +0 -80
package/scripts/extract_jd_product_detail.js +0 -62
package/scripts/extract_jd_products_correct_links.js +0 -78
package/scripts/extract_jd_products_final.js +0 -80
package/scripts/extract_jd_reviews.js +0 -48
package/scripts/extract_jd_seafood_final.js +0 -78
package/scripts/extract_multiple_products.js +0 -77
package/scripts/extract_products_no_scroll.js +0 -68
package/scripts/extract_products_simple.js +0 -68
package/scripts/find_applause_rate.js +0 -26
package/scripts/find_jd_links.js +0 -28
package/scripts/find_main_content.js +0 -20
package/scripts/find_product_cards.js +0 -38
package/scripts/find_root_content.js +0 -26
package/scripts/find_unique_products.js +0 -55
package/scripts/get_jd_product_detail.js +0 -16
package/scripts/get_jd_products.js +0 -23
package/scripts/get_jd_seafood_products.js +0 -44
package/scripts/get_product_details_from_images.js +0 -54
package/scripts/scroll_and_get_products.js +0 -47
package/scripts/scroll_deep_and_find.js +0 -45
package/scripts/verify-baidu-enter.ts +0 -116
package/scripts/verify-form.sh +0 -67
package/scripts/verify-login.sh +0 -65
package/scripts/verify-recording.sh +0 -80
package/scripts/verify-upload.sh +0 -41

package/scripts/check_goods_container.js DELETED Viewed

@@ -1,35 +0,0 @@
-(() => {
-  const result = {
-    goodsContainerCount: 0,
-    sampleContainer: null,
-    allClasses: []
-  };
-  const containers = document.querySelectorAll('._goodsContainer_1p2ae_1');
-  result.goodsContainerCount = containers.length;
-  if (containers.length > 0) {
-    result.sampleContainer = {
-      className: containers[0].className,
-      innerHTML: containers[0].innerHTML.substring(0, 500),
-      text: containers[0].textContent?.substring(0, 200)
-    };
-  }
-  const allDivs = document.querySelectorAll('div');
-  const classSet = new Set();
-  allDivs.forEach(div => {
-    if (div.className) {
-      const classes = String(div.className).split(' ');
-      classes.forEach(c => {
-        if (c.includes('goods') || c.includes('item') || c.includes('product')) {
-          classSet.add(c);
-        }
-      });
-    }
-  });
-  result.allClasses = Array.from(classSet).slice(0, 20);
-  return result;
-})()

package/scripts/check_page_content.js DELETED Viewed

@@ -1,36 +0,0 @@
-(() => {
-  const result = {
-    visibleElements: [],
-    linksWithProductInClass: []
-  };
-  const allElements = document.querySelectorAll('*');
-  let count = 0;
-  for (const el of allElements) {
-    if (count >= 50) break;
-    const className = el.className ? String(el.className) : '';
-    const text = el.textContent?.trim() || '';
-    if ((className.includes('product') || className.includes('item') || className.includes('card')) && text.length > 10) {
-      result.visibleElements.push({
-        tagName: el.tagName,
-        className: className.substring(0, 100),
-        text: text.substring(0, 100)
-      });
-      count++;
-    }
-  }
-  const productLinks = document.querySelectorAll('a[href*="item.jd"], a[href*="product.jd"]');
-  productLinks.forEach((link, index) => {
-    if (index >= 10) return;
-    result.linksWithProductInClass.push({
-      href: link.href.substring(0, 100),
-      text: link.textContent?.substring(0, 50)
-    });
-  });
-  return result;
-})()

package/scripts/click_applause_rate.js DELETED Viewed

@@ -1,30 +0,0 @@
-(async () => {
-  const applauseRateEl = document.querySelector('.applause-rate');
-  if (applauseRateEl) {
-    applauseRateEl.click();
-    await new Promise(resolve => setTimeout(resolve, 3000));
-    const result = {
-      elementFound: true,
-      elementText: applauseRateEl.textContent,
-      popup: null
-    };
-    const popup = document.querySelector('[class*="popup"], [class*="modal"], [class*="dialog"]');
-    if (popup) {
-      result.popup = {
-        className: popup.className,
-        text: popup.textContent?.substring(0, 500)
-      };
-    }
-    return result;
-  } else {
-    return {
-      elementFound: false,
-      message: 'applause-rate element not found'
-    };
-  }
-})()

package/scripts/e2e-test-recorder.ts DELETED Viewed

@@ -1,584 +0,0 @@
-import { chromium } from 'playwright';
-import * as fs from 'fs';
-import * as path from 'path';
-import { fileURLToPath } from 'url';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-async function testRecorderPanel() {
-  console.log('=== E2E 测试录制器面板 ===\n');
-  const browser = await chromium.launch({ headless: false });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-  // 读取注入脚本
-  const injectScript = fs.readFileSync(
-    path.join(__dirname, '../dist/recorder/inject.js'),
-    'utf-8'
-  );
-  // 创建一个简单的测试页面
-  await page.setContent(`
-    <!DOCTYPE html>
-    <html>
-    <head><title>Test Page</title></head>
-    <body style="padding: 20px;">
-      <input id="test-input" type="text" placeholder="Test Input" style="margin: 50px;">
-      <button id="test-button" style="margin: 50px;">Test Button</button>
-      <div id="test-div" style="margin: 50px; width: 100px; height: 100px; background: #ccc;">Test Div</div>
-    </body>
-    </html>
-  `);
-  await page.waitForTimeout(500);
-  // 注入录制器脚本
-  await page.evaluate(injectScript);
-  await page.waitForTimeout(500);
-  // 初始化录制器（使用统一 API）
-  await page.evaluate(() => {
-    (window as any).__recorderSteps = [];
-    (window as any).__recorderSync = (msg: string) => {
-      // 统一 API 已经处理了步骤管理，这里只需要同步到主进程
-      console.log('[DEBUG] __recorderSync:', msg);
-    };
-  });
-  const tests = [
-    // ========== UI 测试 ==========
-    {
-      name: '1. 面板是否存在',
-      test: async () => {
-        const panel = await page.$('#recorder-panel');
-        return !!panel;
-      }
-    },
-    {
-      name: '2. 面板是否可拖拽',
-      test: async () => {
-        const header = await page.$('.recorder-panel-header');
-        if (!header) return false;
-        const headerStyle = await header.evaluate((el) => {
-          const style = window.getComputedStyle(el);
-          return { cursor: style.cursor };
-        });
-        return headerStyle.cursor === 'move';
-      }
-    },
-    {
-      name: '3. 折叠按钮是否存在',
-      test: async () => {
-        const collapseBtn = await page.$('#recorder-collapse');
-        return !!collapseBtn;
-      }
-    },
-    {
-      name: '4. 工具选择区域是否存在',
-      test: async () => {
-        const tools = await page.$('#recorder-tools');
-        return !!tools;
-      }
-    },
-    {
-      name: '5. 工具按钮数量是否正确',
-      test: async () => {
-        const toolBtns = await page.$$('#recorder-tools .tool-btn');
-        return toolBtns.length === 7;
-      }
-    },
-    // ========== 统一 API 测试 ==========
-    {
-      name: '6. __recorderAction add 操作',
-      test: async () => {
-        const result = await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          if (!action) return { success: false, error: '__recorderAction not found' };
-          const res = action({ type: 'add', data: { action: 'test', value: 'test-value' } });
-          return {
-            success: res.success && res.steps.length === 1,
-            stepId: res.steps[0]?.id,
-            stepsLength: res.steps.length
-          };
-        });
-        console.log('  [DEBUG] add 结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '7. 步骤 ID 格式是否正确（6 位数）',
-      test: async () => {
-        const result = await page.evaluate(() => {
-          const steps = (window as any).__recorderSteps || [];
-          if (steps.length === 0) return { success: false, error: 'No steps' };
-          const id = steps[0].id;
-          const isValid = /^\d{6}$/.test(id);
-          return { success: isValid, id };
-        });
-        console.log('  [DEBUG] 步骤 ID:', result.id);
-        return result.success;
-      }
-    },
-    {
-      name: '8. __recorderAction list 操作',
-      test: async () => {
-        const result = await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          if (!action) return { success: false };
-          const res = action({ type: 'list' });
-          return {
-            success: res.success && res.steps.length >= 1,
-            stepsLength: res.steps.length
-          };
-        });
-        console.log('  [DEBUG] list 结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '9. __recorderAction update 操作',
-      test: async () => {
-        const result = await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          const steps = (window as any).__recorderSteps || [];
-          if (steps.length === 0) return { success: false, error: 'No steps' };
-          const stepId = steps[0].id;
-          const res = action({
-            type: 'update',
-            id: stepId,
-            data: { annotation: { type: 'test', label: 'Test Label' } }
-          });
-          const updatedStep = res.steps.find((s: any) => s.id === stepId);
-          return {
-            success: res.success && updatedStep?.annotation?.label === 'Test Label',
-            stepId,
-            annotation: updatedStep?.annotation
-          };
-        });
-        console.log('  [DEBUG] update 结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '10. __recorderAction delete 操作',
-      test: async () => {
-        const result = await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          const steps = (window as any).__recorderSteps || [];
-          if (steps.length === 0) return { success: false, error: 'No steps' };
-          const stepId = steps[0].id;
-          const beforeLength = steps.length;
-          const res = action({ type: 'delete', id: stepId });
-          return {
-            success: res.success && res.steps.length === beforeLength - 1,
-            deletedId: stepId,
-            beforeLength,
-            afterLength: res.steps.length
-          };
-        });
-        console.log('  [DEBUG] delete 结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '11. __recorderAction clear 操作',
-      test: async () => {
-        // 先添加一些步骤
-        await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          action({ type: 'add', data: { action: 'test1' } });
-          action({ type: 'add', data: { action: 'test2' } });
-        });
-        const result = await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          const res = action({ type: 'clear' });
-          return {
-            success: res.success && res.steps.length === 0,
-            stepsLength: res.steps.length
-          };
-        });
-        console.log('  [DEBUG] clear 结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '12. __recorderAction 错误处理',
-      test: async () => {
-        const result = await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          // 测试无效操作
-          const res1 = action({ type: 'invalid' });
-          const res2 = action({ type: 'delete', id: '999999' });
-          const res3 = action({ type: 'update', id: '999999', data: {} });
-          const res4 = action(null);
-          return {
-            success: !res1.success && !res2.success && !res3.success && !res4.success,
-            errors: [res1.error, res2.error, res3.error, res4.error]
-          };
-        });
-        console.log('  [DEBUG] 错误处理结果:', result);
-        return result.success;
-      }
-    },
-    // ========== 功能测试 ==========
-    {
-      name: '13. 折叠功能是否正常',
-      test: async () => {
-        const collapseBtn = await page.$('#recorder-collapse');
-        const panelBody = await page.$('#recorder-steps');
-        const panelTools = await page.$('#recorder-tools');
-        if (!collapseBtn || !panelBody || !panelTools) return false;
-        // 点击折叠
-        await collapseBtn.click();
-        await page.waitForTimeout(100);
-        const bodyDisplay = await panelBody.evaluate((el) =>
-          window.getComputedStyle(el).display
-        );
-        const toolsDisplay = await panelTools.evaluate((el) =>
-          window.getComputedStyle(el).display
-        );
-        if (bodyDisplay !== 'none' || toolsDisplay !== 'none') return false;
-        // 再次点击展开
-        await collapseBtn.click();
-        await page.waitForTimeout(100);
-        const bodyDisplay2 = await panelBody.evaluate((el) =>
-          window.getComputedStyle(el).display
-        );
-        return bodyDisplay2 === 'block';
-      }
-    },
-    {
-      name: '14. 录制步骤是否正常',
-      test: async () => {
-        // 清空现有步骤
-        await page.evaluate(() => {
-          (window as any).__recorderAction({ type: 'clear' });
-        });
-        // 点击测试输入框
-        await page.click('#test-input');
-        await page.waitForTimeout(500);
-        // 手动触发 UI 更新
-        await page.evaluate(() => {
-          if (typeof (window as any).__updateRecorderUI === 'function') {
-            (window as any).__updateRecorderUI();
-          }
-        });
-        await page.waitForTimeout(200);
-        const steps = await page.evaluate(() => {
-          return (window as any).__recorderSteps || [];
-        });
-        console.log('  [DEBUG] 步骤数量:', steps.length);
-        return steps.length > 0;
-      }
-    },
-    {
-      name: '15. 选中步骤功能是否正常',
-      test: async () => {
-        // 使用 JavaScript 点击
-        const result = await page.evaluate(() => {
-          const stepEl = document.querySelector('.recorder-step');
-          if (!stepEl) return { success: false, error: 'No step element' };
-          stepEl.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-          return {
-            stepId: stepEl.dataset.stepId
-          };
-        });
-        console.log('  [DEBUG] 选中步骤 ID:', result.stepId);
-        // 等待 1 秒让 UI 更新
-        await page.waitForTimeout(1000);
-        // 验证选中状态
-        const verifyResult = await page.evaluate(() => {
-          const stepEl = document.querySelector('.recorder-step');
-          const currentStepId = (window as any).__recorderCurrentStepId;
-          return {
-            isSelected: stepEl ? stepEl.classList.contains('selected') : false,
-            currentStepId: currentStepId
-          };
-        });
-        console.log('  [DEBUG] 验证结果:', verifyResult);
-        return verifyResult.isSelected && verifyResult.currentStepId === result.stepId;
-      }
-    },
-    {
-      name: '16. 添加标签功能是否正常',
-      test: async () => {
-        // 先选中一个步骤
-        const selectResult = await page.evaluate(() => {
-          const stepEl = document.querySelector('.recorder-step');
-          if (stepEl) {
-            stepEl.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-            return { success: true, id: stepEl.dataset.stepId };
-          }
-          return { success: false, id: null };
-        });
-        if (!selectResult.success) {
-          console.log('  [DEBUG] 没有找到步骤元素');
-          return false;
-        }
-        console.log('  [DEBUG] 选中步骤 ID:', selectResult.id);
-        await page.waitForTimeout(300);
-        // 点击 Wait 工具按钮
-        const waitBtn = await page.$('.tool-btn[data-tool="wait_element"]');
-        if (!waitBtn) {
-          console.log('  [DEBUG] 没有找到 Wait 按钮');
-          return false;
-        }
-        // 监听 dialog 事件
-        page.once('dialog', async dialog => {
-          console.log('  [DEBUG] Dialog 出现:', dialog.message());
-          await dialog.accept('5000');
-        });
-        await waitBtn.click();
-        // 延迟 2 秒验证标注是否持久化
-        await page.waitForTimeout(2000);
-        const result = await page.evaluate(() => {
-          const steps = (window as any).__recorderSteps || [];
-          const currentStepId = (window as any).__recorderCurrentStepId;
-          const step = steps.find((s: any) => s.id === currentStepId);
-          if (step) {
-            return {
-              success: step.annotation && step.annotation.type === 'wait_element',
-              annotation: step.annotation
-            };
-          }
-          return { success: false, annotation: null };
-        });
-        console.log('  [DEBUG] 添加标签结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '17. 修改已有标注功能是否正常',
-      test: async () => {
-        // 选中已有标注的步骤
-        const selectResult = await page.evaluate(() => {
-          const stepEl = document.querySelector('.recorder-step');
-          if (stepEl) {
-            stepEl.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-            return { success: true, id: stepEl.dataset.stepId };
-          }
-          return { success: false, id: null };
-        });
-        if (!selectResult.success) return false;
-        await page.waitForTimeout(200);
-        // 点击 Check 工具按钮（修改标注）
-        const checkBtn = await page.$('.tool-btn[data-tool="checkpoint"]');
-        if (!checkBtn) return false;
-        await checkBtn.click();
-        await page.waitForTimeout(500);
-        const result = await page.evaluate(() => {
-          const steps = (window as any).__recorderSteps || [];
-          const currentStepId = (window as any).__recorderCurrentStepId;
-          const step = steps.find((s: any) => s.id === currentStepId);
-          if (step) {
-            return {
-              success: step.annotation && step.annotation.type === 'checkpoint',
-              annotation: step.annotation
-            };
-          }
-          return { success: false, annotation: null };
-        });
-        console.log('  [DEBUG] 修改标注结果:', result);
-        return result.success;
-      }
-    },
-    {
-      name: '18. 步骤删除功能是否正常',
-      test: async () => {
-        // 禁用录制
-        await page.evaluate(() => {
-          (window as any).__recorderPaused = true;
-          if ((window as any).__clearPendingSteps) {
-            (window as any).__clearPendingSteps();
-          }
-        });
-        const beforeInfo = await page.evaluate(() => {
-          const steps = (window as any).__recorderSteps || [];
-          return {
-            length: steps.length,
-            ids: steps.map((s: any) => s.id)
-          };
-        });
-        console.log('  [DEBUG] 删除前步骤数量:', beforeInfo.length);
-        if (beforeInfo.length === 0) return false;
-        // 选中最后一个步骤
-        const selectResult = await page.evaluate(() => {
-          const steps = document.querySelectorAll('.recorder-step');
-          if (steps.length > 0) {
-            const lastStep = steps[steps.length - 1];
-            lastStep.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-            return { success: true, id: lastStep.dataset.stepId };
-          }
-          return { success: false, id: null };
-        });
-        await page.waitForTimeout(200);
-        // 点击删除按钮
-        const deleteResult = await page.evaluate(() => {
-          const btn = document.querySelector('.recorder-delete-btn');
-          if (btn) {
-            btn.click();
-            return true;
-          }
-          return false;
-        });
-        await page.waitForTimeout(500);
-        const afterInfo = await page.evaluate(() => {
-          const steps = (window as any).__recorderSteps || [];
-          return { stepsLength: steps.length };
-        });
-        // 重新启用录制
-        await page.evaluate(() => {
-          (window as any).__recorderPaused = false;
-        });
-        console.log('  [DEBUG] 删除后步骤数量:', afterInfo.stepsLength);
-        return afterInfo.stepsLength === beforeInfo.length - 1;
-      }
-    },
-    {
-      name: '19. Clear 按钮功能是否正常',
-      test: async () => {
-        // 先添加一些步骤
-        await page.evaluate(() => {
-          const action = (window as any).__recorderAction;
-          action({ type: 'add', data: { action: 'test1' } });
-          action({ type: 'add', data: { action: 'test2' } });
-        });
-        // 手动触发 UI 更新
-        await page.evaluate(() => {
-          (window as any).__updateRecorderUI();
-        });
-        await page.waitForTimeout(200);
-        // 点击 Clear 按钮
-        const clearBtn = await page.$('#recorder-clear');
-        if (!clearBtn) return false;
-        await clearBtn.click();
-        await page.waitForTimeout(200);
-        const result = await page.evaluate(() => {
-          const steps = (window as any).__recorderSteps || [];
-          return { stepsLength: steps.length };
-        });
-        console.log('  [DEBUG] Clear 后步骤数量:', result.stepsLength);
-        return result.stepsLength === 0;
-      }
-    },
-    {
-      name: '20. 滚动穿透是否阻止',
-      test: async () => {
-        // 这个测试需要手动验证
-        return true;
-      }
-    }
-  ];
-  let passed = 0;
-  let failed = 0;
-  for (const { name, test } of tests) {
-    try {
-      const result = await test();
-      if (result) {
-        console.log(`✅ ${name}`);
-        passed++;
-      } else {
-        console.log(`❌ ${name}`);
-        failed++;
-      }
-    } catch (error) {
-      console.log(`❌ ${name} - ${(error as Error).message}`);
-      failed++;
-    }
-  }
-  console.log(`\n=== 测试结果 ===`);
-  console.log(`通过: ${passed}/${tests.length}`);
-  console.log(`失败: ${failed}/${tests.length}`);
-  console.log('\n浏览器将保持打开 5 秒...');
-  await page.waitForTimeout(5000);
-  await browser.close();
-  return failed === 0;
-}
-testRecorderPanel()
-  .then(success => {
-    process.exit(success ? 0 : 1);
-  })
-  .catch(error => {
-    console.error(error);
-    process.exit(1);
-  });