Fill out forms based on user instructions.
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": "[email protected]",
"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**
Statistics
Installs
11
history
Category
Rating
0.0 (0 votes)
Last update / version
2024-03-31 / 1.0
Listing languages
en