web-form-automation_skill

Overview

This skill automates web form interactions with Playwright, handling login, file uploads, text input, and reliable form submission. It includes session management via cookies/localStorage, compressed image uploads (webp), and event-triggering techniques to ensure forms behave like real user interactions.

How this skill works

The skill launches a Playwright browser context, optionally restores session data (cookies and storage), navigates to target pages, and interacts with elements using robust methods. File inputs are populated with compressed webp images, text fields are filled using simulated typing that triggers input/change events, and submission buttons are clicked with options to force clicks when needed.

When to use it

• Automating batch uploads to web forms or content platforms
• Filling complex multi-field forms that require event triggers
• Logging into sites using saved session cookies or storage
• Uploading large images where compression and upload timing matter
• Testing or scripting workflows that require reliable submit behavior

Best practices

• Compress images to webp and resize large assets before uploading
• Restore cookies and localStorage before navigation to reuse sessions
• Use simulated typing (pressSequentially) instead of fill() to fire input events
• Wait for upload processing (3+ seconds) and verify element states before submit
• Use click({ force: true }) only when selectors are correct and button should be actionable

Example use cases

• Automated video-generation form: upload start/end images, select options, type prompt, submit, and capture result
• Bulk content submission: compress files to webp, iterate file inputs, wait for each upload, then submit
• Headless login flow: load session JSON, add cookies/localStorage, then access authenticated pages
• End-to-end testing: simulate real typing, trigger events, and validate that buttons enable before clicking