feat: 更新 Plus Checkout 逻辑，优化子框架的就绪状态处理，增加地址输入和 PayPal 付款方法的检测功能

2026-04-26 03:08:12 +08:00
parent 1659b7f4f0
commit f454105ff5
7 changed files with 314 additions and 24 deletions
@@ -0,0 +1,201 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+
+const source = fs.readFileSync('content/plus-checkout.js', 'utf8');
+
+function extractFunction(name) {
+  const plainStart = source.indexOf(`function ${name}(`);
+  const asyncStart = source.indexOf(`async function ${name}(`);
+  const start = asyncStart >= 0
+    ? asyncStart
+    : plainStart;
+  if (start < 0) {
+    throw new Error(`missing function ${name}`);
+  }
+
+  let parenDepth = 0;
+  let signatureEnded = false;
+  let braceStart = -1;
+  for (let index = start; index < source.length; index += 1) {
+    const ch = source[index];
+    if (ch === '(') {
+      parenDepth += 1;
+    } else if (ch === ')') {
+      parenDepth -= 1;
+      if (parenDepth === 0) {
+        signatureEnded = true;
+      }
+    } else if (ch === '{' && signatureEnded) {
+      braceStart = index;
+      break;
+    }
+  }
+
+  if (braceStart < 0) {
+    throw new Error(`missing body for function ${name}`);
+  }
+
+  let depth = 0;
+  let end = braceStart;
+  for (; end < source.length; end += 1) {
+    const ch = source[end];
+    if (ch === '{') depth += 1;
+    if (ch === '}') {
+      depth -= 1;
+      if (depth === 0) {
+        end += 1;
+        break;
+      }
+    }
+  }
+
+  return source.slice(start, end);
+}
+
+function createInput({ id = '', name = '', placeholder = '', containerText = '' }) {
+  const attrs = {
+    id,
+    name,
+    placeholder,
+    type: 'text',
+  };
+  const container = {
+    textContent: containerText,
+  };
+  return {
+    id,
+    name,
+    type: 'text',
+    value: '',
+    textContent: '',
+    getAttribute: (key) => attrs[key] || '',
+    closest: (selector) => {
+      if (selector === 'label') return null;
+      if (String(selector || '').includes('[data-testid]')) return container;
+      return null;
+    },
+    getBoundingClientRect: () => ({ width: 240, height: 40 }),
+  };
+}
+
+function createElement({ tagName = 'BUTTON', text = '', attrs = {}, className = '' }) {
+  return {
+    tagName,
+    textContent: text,
+    value: '',
+    className,
+    dataset: {},
+    id: attrs.id || '',
+    checked: false,
+    getAttribute: (key) => attrs[key] || '',
+    closest: () => null,
+    getBoundingClientRect: () => ({ width: 180, height: 64 }),
+  };
+}
+
+test('findAddressSearchInput skips the name field when its container says billing address', async () => {
+  const bundle = [
+    'function throwIfStopped() {}',
+    'function sleep() { return Promise.resolve(); }',
+    extractFunction('waitUntil'),
+    extractFunction('isVisibleElement'),
+    extractFunction('normalizeText'),
+    extractFunction('getActionText'),
+    extractFunction('getFieldText'),
+    extractFunction('getVisibleControls'),
+    extractFunction('getVisibleTextInputs'),
+    extractFunction('findInputByFieldText'),
+    extractFunction('getDirectFieldHintText'),
+    extractFunction('isNonAddressSearchInput'),
+    extractFunction('isLikelyAddressSearchInput'),
+    extractFunction('findAddressSearchInput'),
+  ].join('\n');
+
+  const nameInput = createInput({
+    name: 'name',
+    placeholder: 'Name',
+    containerText: 'Billing address',
+  });
+  const addressInput = createInput({
+    name: 'addressLine1',
+    placeholder: 'Address',
+    containerText: 'Billing address',
+  });
+  const inputs = [nameInput, addressInput];
+  const documentMock = {
+    readyState: 'complete',
+    querySelectorAll: (selector) => {
+      if (selector === 'input, textarea') return inputs;
+      return [];
+    },
+  };
+  const windowMock = {
+    getComputedStyle: () => ({ display: 'block', visibility: 'visible' }),
+  };
+  const cssMock = {
+    escape: (value) => String(value),
+  };
+
+  const api = new Function('window', 'document', 'CSS', `
+${bundle}
+return { findAddressSearchInput, isNonAddressSearchInput };
+`)(windowMock, documentMock, cssMock);
+
+  assert.equal(api.isNonAddressSearchInput(nameInput), true);
+  assert.equal(await api.findAddressSearchInput(), addressInput);
+});
+
+test('isPayPalPaymentMethodActive requires a selected PayPal control', () => {
+  const bundle = [
+    extractFunction('isVisibleElement'),
+    extractFunction('normalizeText'),
+    extractFunction('getActionText'),
+    extractFunction('getSearchText'),
+    extractFunction('getFieldText'),
+    extractFunction('getCombinedSearchText'),
+    extractFunction('getVisibleControls'),
+    extractFunction('getVisibleTextInputs'),
+    extractFunction('isDocumentLevelContainer'),
+    extractFunction('getPayPalSearchCandidates'),
+    extractFunction('hasCreditCardFields'),
+    extractFunction('hasSelectedPayPalControl'),
+    extractFunction('isPayPalPaymentMethodActive'),
+  ].join('\n');
+
+  const paypalButton = createElement({
+    text: 'PayPal',
+    attrs: {
+      id: 'paypal-tab',
+      role: 'tab',
+      'aria-selected': '',
+    },
+  });
+  const elements = [paypalButton];
+  const documentMock = {
+    documentElement: {},
+    body: {},
+    querySelectorAll: (selector) => {
+      if (selector === 'input, textarea') return [];
+      if (String(selector || '').includes('label[for=')) return [];
+      return elements;
+    },
+  };
+  const windowMock = {
+    innerWidth: 1200,
+    innerHeight: 900,
+    getComputedStyle: () => ({ display: 'block', visibility: 'visible' }),
+  };
+  const cssMock = {
+    escape: (value) => String(value),
+  };
+
+  const api = new Function('window', 'document', 'CSS', `
+${bundle}
+return { isPayPalPaymentMethodActive };
+`)(windowMock, documentMock, cssMock);
+
+  assert.equal(api.isPayPalPaymentMethodActive(), false);
+  paypalButton.getAttribute = (key) => (key === 'aria-selected' ? 'true' : (paypalButton.id && key === 'id' ? paypalButton.id : ''));
+  assert.equal(api.isPayPalPaymentMethodActive(), true);
+});