aboutsummaryrefslogtreecommitdiff
path: root/test-suite/index.html
diff options
context:
space:
mode:
authorTianren Dong <tianrendong.dtr@gmail.com>2026-05-13 01:05:46 -0400
committerTianren Dong <tianrendong.dtr@gmail.com>2026-05-13 01:05:46 -0400
commit33110e803fcacc31dc2859dbc0d470b008556798 (patch)
treebb30dad365139c558f9d9651cb8bca375320cb8e /test-suite/index.html
parentd78081aa58ecaa1c72e847c2d095b5f07c391506 (diff)
pi-chrome: humanize synthetic input + anti-automation test suite
Bump 0.8.0 → 0.9.1. Companion extension (service_worker.js): - humanise pointer paths: easing Bezier-ish interpolation w/ wobble, 12–42 steps, 4–18 ms gaps; pointer position persisted across calls - click point picked inside element rect, not dead center - pointer events fill movementX/Y, screenX/Y, pressure (0.5 on down), pointerId, width/height, tilt, composed - click sequence: humanMoveTo → pointerdown → focus → 45–140 ms hold → pointerup → mouseup → click - per-character typing: keydown → keypress → beforeinput → value mutate (or execCommand for contenteditable) → input → keyup, with 25–95 ms hold + 35–140 ms inter-key; auto Shift chord for uppercase/symbols - pressKeyInPage emits same cadence + handles printable insert / Backspace - hoverPage: humanised path + 80–220 ms dwell - dragPage: full HTML5 sequence (dragstart/drag/dragenter/dragover/ dragleave/drop/dragend) with shared DataTransfer + pointer continuity - new scrollPage: wheel events with front-loaded momentum-shaped deltas - self-reload on version drift: SW reads x-pi-chrome-version header, reloads when older than pi-chrome Pi side (index.ts): - new chrome_scroll tool - PI_CHROME_VERSION read from package.json (and re-read on every /next so future bumps take effect without pi restart) - /chrome-doctor escalates version mismatch to top-line ✗ error and skips downstream capability probes when stale - /next response carries x-pi-chrome-version header for SW self-heal Test suite (test-suite/): - 28 challenge pages each catching a different synthetic-event tell: isTrusted, webdriver/fingerprint, mouse entropy/timing/coords, pointer pressure/continuity, per-char cadence + framework invariants, user activation, honeypots, focus order, wheel scroll, drag+ DataTransfer, contenteditable+Selection, paste/clipboard, native select, hover dwell, React valueTracker, keyboard modifiers, touch events, stack-trace fingerprint, viewport-edge clicks, mousemove rate, scroll momentum, IntersectionObserver visibility - shared _lib.js exposes window.__verdict + writes localStorage so index.html dashboard aggregates results - notes/bypass-ideas.md documents fixes still needed per challenge
Diffstat (limited to 'test-suite/index.html')
-rw-r--r--test-suite/index.html90
1 files changed, 90 insertions, 0 deletions
diff --git a/test-suite/index.html b/test-suite/index.html
new file mode 100644
index 0000000..e125f55
--- /dev/null
+++ b/test-suite/index.html
@@ -0,0 +1,90 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>pi-chrome anti-automation test suite</title>
+<link rel="stylesheet" href="_style.css">
+<body>
+<main style="max-width:1100px">
+<h1>pi-chrome anti-automation test suite</h1>
+<p>Each row links to a challenge page. Open it, drive the interaction with <code>chrome_*</code> tools,
+then read <code>window.__verdict</code> via <code>chrome_evaluate</code>. Use the "Run all" button below
+to poll every challenge's verdict into a single table.</p>
+
+<table id="tbl" style="border-collapse:collapse;width:100%;font:13px monospace">
+ <thead><tr><th align=left>id</th><th align=left>file</th><th align=left>verdict</th><th align=left>open</th></tr></thead>
+ <tbody></tbody>
+</table>
+
+<p><button id="poll" style="margin-top:12px;padding:8px 14px">Refresh verdicts from any tab on this origin</button></p>
+
+<h2>How to drive from pi</h2>
+<pre style="background:#111;padding:12px;border-radius:6px;overflow:auto">
+# 1. Start static server in test-suite/
+python3 -m http.server 8765
+
+# 2. From pi:
+chrome_navigate http://127.0.0.1:8765/challenges/01-is-trusted-click.html
+chrome_click selector=#go
+chrome_evaluate JSON.stringify({v:window.__verdict, r:window.__reason})
+</pre>
+
+<script>
+const challenges = [
+ ["is-trusted-click", "challenges/01-is-trusted-click.html"],
+ ["is-trusted-keyboard", "challenges/02-is-trusted-keyboard.html"],
+ ["webdriver-flag", "challenges/03-webdriver-flag.html"],
+ ["mouse-entropy", "challenges/04-mouse-entropy.html"],
+ ["event-timing", "challenges/05-event-timing.html"],
+ ["click-coordinates", "challenges/06-click-coordinates.html"],
+ ["pointer-properties", "challenges/07-pointer-properties.html"],
+ ["keyboard-cadence", "challenges/08-keyboard-cadence.html"],
+ ["composition-input", "challenges/09-composition-input.html"],
+ ["user-activation", "challenges/10-user-activation.html"],
+ ["honeypot", "challenges/11-honeypot.html"],
+ ["fingerprint", "challenges/12-fingerprint.html"],
+ ["focus-order", "challenges/13-focus-order.html"],
+ ["wheel-scroll", "challenges/14-wheel-scroll.html"],
+ ["drag-drop-datatransfer", "challenges/15-drag-drop-datatransfer.html"],
+ ["contenteditable-selection", "challenges/16-contenteditable-selection.html"],
+ ["paste-clipboard", "challenges/17-paste-clipboard.html"],
+ ["native-select", "challenges/18-native-select.html"],
+ ["hover-dwell", "challenges/19-hover-dwell.html"],
+ ["react-value-tracker", "challenges/20-react-value-tracker.html"],
+ ["keyboard-modifiers", "challenges/21-keyboard-modifiers.html"],
+ ["touch-events", "challenges/22-touch-events.html"],
+ ["stack-trace-fingerprint", "challenges/23-stack-trace-fingerprint.html"],
+ ["viewport-edge-clicks", "challenges/24-viewport-edge-clicks.html"],
+ ["pointer-continuity", "challenges/25-pointer-continuity.html"],
+ ["mousemove-rate", "challenges/26-mousemove-rate.html"],
+ ["scroll-momentum", "challenges/27-scroll-momentum.html"],
+ ["intersection-visibility", "challenges/28-intersection-visibility.html"],
+];
+const tbody = document.querySelector("#tbl tbody");
+const rowFor = {};
+for (const [id, file] of challenges) {
+ const tr = document.createElement("tr");
+ tr.innerHTML = `<td>${id}</td><td>${file}</td><td class=v>—</td><td><a target=_blank href="${file}">open</a></td>`;
+ tbody.appendChild(tr);
+ rowFor[id] = tr;
+}
+
+// localStorage rendezvous: each challenge page writes its verdict on change.
+function paint() {
+ for (const [id] of challenges) {
+ const raw = localStorage.getItem("pi-chrome-suite:" + id);
+ if (!raw) continue;
+ try {
+ const { verdict, reason } = JSON.parse(raw);
+ const td = rowFor[id].querySelector(".v");
+ td.textContent = verdict + (reason?.length ? " — " + reason.join(" / ") : "");
+ td.style.background = verdict === "PASS" ? "#1f7a1f" : verdict === "FAIL" ? "#a11" : "#444";
+ td.style.color = "#fff";
+ } catch {}
+ }
+}
+document.getElementById("poll").addEventListener("click", paint);
+window.addEventListener("storage", paint);
+setInterval(paint, 1000);
+paint();
+</script>
+</main>
+</body>