@epoint-testtech/stage-core 0.0.3-alpha.1

package/README.md

@@ -0,0 +1,40 @@
+# @epoint/stage-core
+
+> Epoint Stage — Playwright 测试框架核心库
+
+## 安装
+
+```bash
+npm install @epoint/stage-core
+# 或
+pnpm add @epoint/stage-core
+```
+
+## 使用
+
+```typescript
+import { StageContext, StagePath, stageLocator, syncAutoFill } from '@epoint/stage-core';
+import { log } from '@epoint/stage-core/utils';
+
+StageContext.init();
+await syncAutoFill(page);
+log.info(StagePath.authFilePath);
+const locator = stageLocator(page.locator('xpath=//button[@id="submit"]'), '提交按钮');
+```
+
+## 核心模块
+
+- **StageContext** - 测试上下文管理
+- **StagePath** - 页面路径管理
+- **stageLocator** - 元素定位器（优先使用 xpath）
+- **syncAutoFill** - 基于前端框架的表单自动填充能力
+
+## 开发
+
+```bash
+# 安装依赖
+pnpm install
+
+# 构建
+pnpm build
+```

package/dist/assets/content-scripts/autofill/autofill-bridge.js

@@ -0,0 +1,86 @@
+/**
+ * autofill-bridge.js — 桥接脚本
+ *
+ * - 监听 CustomEvent 触发填充
+ * - 定时探测可填充控件，通过 DOM 属性通知按钮显隐
+ * - 监听快捷键触发填充
+ * - 每个 frame 的 mini.findControls() 仅查找当前 frame 的 MiniUI 控件
+ */
+
+(function () {
+  'use strict';
+
+  function doFill(fillType, api) {
+    if (fillType === 'required') {
+      api.requiredFill();
+    } else {
+      api.defaultFill();
+    }
+  }
+
+  var themeReg = /^https?:\/\/.*\/fui\/pages\/themes\/(\w+)\/\1/i;
+
+  function updateVisibility() {
+    // 主题页不显示填充按钮（无表单控件可填）
+    if (themeReg.test(window.location.toString())) {
+      document.body.setAttribute('data-epoint-autofill', '0');
+      return;
+    }
+    var api = window.__epoint_autoFill;
+    var has = !!(api && api.hasFillableControls && api.hasFillableControls());
+    document.body.setAttribute('data-epoint-autofill', has ? '1' : '0');
+  }
+
+  // 首次探测：MiniUI 控件可能在脚本注入后才渲染
+  setTimeout(updateVisibility, 300);
+
+  // 定时刷新
+  var _visInterval = setInterval(updateVisibility, 1000);
+
+  // MiniUI 框架初始化完成后再次探测（epoint 框架特有事件）
+  if (window.epoint && window.epoint.on) {
+    window.epoint.on('afterInit', function () {
+      setTimeout(updateVisibility, 500);
+    });
+  }
+
+  // 监听清理（停止定时器）
+  document.addEventListener('epoint:remove-autofill-btn', function () {
+    clearInterval(_visInterval);
+  });
+
+  // ── 快捷键监听 ──
+  if (!window.__epoint_autofill_hotkey_bound__) {
+    window.__epoint_autofill_hotkey_bound__ = true;
+    document.addEventListener('keydown', function (event) {
+      var key = event.key;
+      var api = window.__epoint_autoFill;
+      if (!api) return;
+
+      // Ctrl+Alt+Shift+A → 默认填充（所有可填充控件）
+      if (event.ctrlKey && event.altKey && event.shiftKey && (key === 'A' || key === 'a')) {
+        event.preventDefault();
+        try { api.defaultFill(); } catch (e) { console.error('[auto-fill] 快捷键默认填充失败:', e); }
+      // Shift+A（无 Ctrl/Alt）→ 仅填充必填项
+      } else if (!event.ctrlKey && !event.altKey && event.shiftKey && (key === 'A' || key === 'a')) {
+        event.preventDefault();
+        try { api.requiredFill(); } catch (e) { console.error('[auto-fill] 快捷键必填填充失败:', e); }
+      }
+    });
+  }
+
+  // 监听填充触发
+  document.addEventListener('__epoint_autofill_trigger__', function (e) {
+    if (!e.detail || !e.detail.fillType) return;
+    var fillType = e.detail.fillType;
+
+    var api = window.__epoint_autoFill;
+    if (!api) return;
+
+    try {
+      doFill(fillType, api);
+    } catch (err) {
+      console.error('[auto-fill] 填充失败:', err);
+    }
+  });
+})();

package/dist/assets/content-scripts/autofill/autofill-button-playwright.js

@@ -0,0 +1,120 @@
+/**
+ * autofill-button-playwright.js — 页面悬浮填充工具栏
+ */
+
+(function () {
+  'use strict';
+
+  if (document.getElementById('__epoint_autofill_btn__')) return;
+
+  var bar = document.createElement('div');
+  bar.id = '__epoint_autofill_btn__';
+  bar.style.display = 'none'; // 默认隐藏，bridge 探测到可填充控件后显示
+  bar.innerHTML =
+    '<button class="af-btn af-btn-fill" data-fill="default" title="默认填充">' +
+      '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">' +
+        '<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>' +
+      '</svg>' +
+      '<span>默认填充</span>' +
+    '</button>' +
+    '<button class="af-btn af-btn-req" data-fill="required" title="仅必填">' +
+      '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">' +
+        '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>' +
+        '<polyline points="22 4 12 14.01 9 11.01"/>' +
+      '</svg>' +
+      '<span>仅必填</span>' +
+    '</button>' +
+    '<div class="af-handle" title="拖拽移动">' +
+      '<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" opacity="0.35">' +
+        '<circle cx="9" cy="5" r="1.5"/><circle cx="15" cy="5" r="1.5"/>' +
+        '<circle cx="9" cy="12" r="1.5"/><circle cx="15" cy="12" r="1.5"/>' +
+        '<circle cx="9" cy="19" r="1.5"/><circle cx="15" cy="19" r="1.5"/>' +
+      '</svg>' +
+    '</div>';
+
+  var css = document.createElement('style');
+  css.textContent =
+    '#__epoint_autofill_btn__ { position:fixed; z-index:999; display:flex; align-items:center; gap:6px;' +
+      'padding:7px; background:#fff; border-radius:28px;' +
+      'box-shadow:0 2px 16px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06);' +
+      'font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;' +
+      'user-select:none; }' +
+    '#__epoint_autofill_btn__ * { box-sizing:border-box; margin:0; }' +
+
+    '#__epoint_autofill_btn__ .af-btn { display:inline-flex; align-items:center; gap:0; height:36px; padding:0 10px;' +
+      'border:none; border-radius:18px; font-size:13px; font-weight:500; white-space:nowrap;' +
+      'cursor:pointer; transition:all 0.2s ease; outline:none; font-family:inherit; }' +
+    '#__epoint_autofill_btn__ .af-btn span { display:none; }' +
+    '#__epoint_autofill_btn__:hover .af-btn { padding:0 14px; gap:6px; }' +
+    '#__epoint_autofill_btn__:hover .af-btn span { display:inline; }' +
+    '#__epoint_autofill_btn__ .af-btn:active { transform:scale(0.97); }' +
+
+    '#__epoint_autofill_btn__ .af-btn-fill { background:#1d4ed8; color:#fff; }' +
+    '#__epoint_autofill_btn__:hover .af-btn-fill:hover { background:#1e40af; box-shadow:0 2px 8px rgba(29,78,216,0.3); }' +
+
+    '#__epoint_autofill_btn__ .af-btn-req { background:#f1f5f9; color:#475569; }' +
+    '#__epoint_autofill_btn__:hover .af-btn-req:hover { background:#e2e8f0; color:#1e293b; }' +
+
+    '#__epoint_autofill_btn__ .af-handle { display:none; align-items:center; justify-content:center;' +
+      'width:28px; height:36px; cursor:grab; border-radius:24px; color:#94a3b8;' +
+      'transition:background 0.15s; flex-shrink:0; }' +
+    '#__epoint_autofill_btn__:hover .af-handle { display:flex; }' +
+    '#__epoint_autofill_btn__ .af-handle:hover { background:#f1f5f9; }' +
+    '#__epoint_autofill_btn__ .af-handle:active { cursor:grabbing; background:#e2e8f0; }';
+
+  document.head.appendChild(css);
+  document.body.appendChild(bar);
+
+  bar.style.right = '24px';
+  bar.style.bottom = '100px';
+
+  // ── 根据 bridge 写入的 DOM 属性控制显隐 ──
+  function syncVisibility() {
+    var visible = document.body.getAttribute('data-epoint-autofill') === '1';
+    bar.style.display = visible ? 'flex' : 'none';
+  }
+  var _visInterval = setInterval(syncVisibility, 500);
+  syncVisibility();
+
+  // ── 填充触发 ──
+  bar.addEventListener('click', function (e) {
+    var btn = e.target.closest('.af-btn');
+    if (!btn) return;
+
+    document.dispatchEvent(
+      new CustomEvent('__epoint_autofill_trigger__', { detail: { fillType: btn.getAttribute('data-fill') } })
+    );
+  });
+
+  // ── 拖拽 ──
+  var handle = bar.querySelector('.af-handle');
+  var dragging = false, sx, sy, sr, sb;
+
+  handle.addEventListener('mousedown', function (e) {
+    if (e.button !== 0) return;
+    dragging = true;
+    sx = e.clientX; sy = e.clientY;
+    sr = parseInt(bar.style.right, 10);
+    sb = parseInt(bar.style.bottom, 10);
+    e.preventDefault();
+  });
+
+  document.addEventListener('mousemove', function (e) {
+    if (!dragging) return;
+    bar.style.right = (sr + sx - e.clientX) + 'px';
+    bar.style.bottom = (sb + sy - e.clientY) + 'px';
+  });
+
+  document.addEventListener('mouseup', function () { dragging = false; });
+
+  // ── 移除（Playwright 版：通过 CustomEvent 触发，替代 chrome.runtime.onMessage） ──
+  document.addEventListener('epoint:remove-autofill-btn', function () {
+    clearInterval(_visInterval);
+    var el = document.getElementById('__epoint_autofill_btn__');
+    if (el) el.remove();
+    var styles = document.querySelectorAll('style');
+    for (var i = styles.length - 1; i >= 0; i--) {
+      if (styles[i].textContent.indexOf('__epoint_autofill_btn__') > -1) styles[i].remove();
+    }
+  });
+})();