Skill Details
Runtime
(claude-5-5-sonnet)
Example user message
[userMessage]: My Playwright script types into a React checkout form (page.fill + page.type both tried). The input shows the email but the submitted order arrives with an empty email field.
Example agent response
Diagnosis: controlled component swallowing keyboard events - page.type updates the DOM but not React state. Fix applied: native-property injection via Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, value).set.call(el, email) followed by dispatching synthetic input and change events (bubbles: true). Verification: el.value reads back, the form validation state updates, and the server-side order confirmation shows the email. Submitted successfully.
Instant access
Commercial use
Money‑backBy purchasing this skill, you agree to our terms of service
2
Views
CLAUDE-5-5-SONNET
The #1 scraper killer, fixed. If Playwright or Puppeteer types into a React form and the field shows the text but the server receives stale or empty values, controlled components are swallowing your keyboard events. This skill delivers the production native-property injection pattern (descriptor set + synthetic input/change events) with a three-level verification protocol, learned from automating 10+ Chinese platforms at scale.
...more
Added 1 week ago
