Form Filler

Simplifies small-scale form testing by accepting step-by-step instructions in JSON format. These instructions include CSS selectors, actions (such as text input or clicking), values, and optional delays for realistic timing. Here's how to get started: Prepare your instructions in a JSON array format, where each object represents a step in form filling. Specify: "selector": The CSS selector for the element you want to interact with, e.g., "#nameInput" for an input field with id "nameInput". "action": Choose from supported actions like "input" for entering text or "click" for simulating a mouse click. "value": Provide the input value for "input" actions, such as "John Doe". Leave blank for "click" actions. "delay": Optionally add a delay in seconds for a natural pause between steps. Save these instructions locally on your machine. The extension will utilize them for automatic form filling when you revisit the same form. Sample Instructions: [ { "selector": "#nameInput", "action": "input", "value": "John Doe", "delay": 3 }, { "selector": ".emailInputClass", "action": "input", "value": "johndoe@example.com", "delay": 3 }, { "selector": "textarea", "action": "input", "value": "Hello, this is a test message.", "delay": 3 }, { "selector": "#exampleForm button", "action": "click", "value": "", "delay": 3 } ] Sample HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example Form</title> </head> <body> <form id="exampleForm"> <label for="nameInput">Name:</label> <input type="text" id="nameInput" name="name"> <label for="emailInput">Email:</label> <input type="email" id="emailInput" class="emailInputClass" name="email"> <label for="selectInput">Cars:</label> <select name="cars" id="selectInput" class="selectInputClass"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> <label for="messageInput">Message:</label> <textarea id="messageInput" name="message"></textarea> <button id="button-one" type="button">Submit</button> </form> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script> $(document).ready(function (e) { $( "#button-one" ).on( "click", function() { alert( "Handler for `click` called." ); } ); }); </script> </body> </html> Activate the extension when encountering the form again. Watch as it seamlessly fills out the form, mimicking human interaction. **Make sure to save the instructions locally. Saving is currently not supported**