KaneAI - JavaScript Execution
With KaneAI’s new JavaScript Execution feature, you now have the flexibility to write or paste custom JavaScript code snippets to perform tests. This allows for more advanced and customized test scenarios alongside KaneAI’s plain English test-writing format.
This can be very useful for:
- Advanced Interactions: If you need more granular control over interactions that can’t be expressed in plain English.
- Complex Test Scenarios: For scenarios that involve manipulating the DOM, testing specific elements, or interacting with APIs directly.
- Flexibility: Switch between natural language and JavaScript to suit your testing needs.
- Precision: Perform tests that require more detailed code logic.
- Seamless Execution: Test JavaScript code directly without any setup.
How to Execute Custom JavaScript Tests
Step 1: Click on the "Write a Step" Field
In KaneAI’s test editor, navigate to the "Write a Step" field where you typically write your test scenarios in plain English.
Step 2: Trigger JavaScript Mode
To switch to JavaScript execution mode, type the forward slash /
or click on the +
icon. You will see a JavaScript Pop-up Option appear. Click on the JavaScript option to switch the input mode to custom JavaScript.
Step 3: Write or Paste Your JavaScript Code
Now, you can write or paste your custom JavaScript code snippet directly into the text field. A sample JavaScript code:
function simulateTyping(element, text) {
element.value = ''; // Clear any existing value
for (let i = 0; i < text.length; i++) {
let char = text[i];
let keyDownEvent = new KeyboardEvent('keydown', {key: char});
element.dispatchEvent(keyDownEvent);
element.value += char;
let inputEvent = new Event('input', {bubbles: true});
element.dispatchEvent(inputEvent);
let keyUpEvent = new KeyboardEvent('keyup', {key: char});
element.dispatchEvent(keyUpEvent);
}
let changeEvent = new Event('change', {bubbles: true});
element.dispatchEvent(changeEvent);
}
// Example usage
let inputElement1 = document.querySelector('[aria-label="First Name"]');
let inputElement2 = document.querySelector('[aria-label="Last Name"]');
let inputElement3= document.querySelector('[aria-label="Email"]');
simulateTyping(inputElement1, 'Aman');
simulateTyping(inputElement2, 'Chopra');
simulateTyping(inputElement3, 'amanc@lambdatest.com');
return {"First name": "Aman", "Last name": "Chopra", "email": "amanc@lambdatest.com"};
The provided code snippet simulates typing into text fields programmatically by dispatching key-related events such as keydown, input, keyup, and change. It mimics real user interaction by typing each character into the field and updating its value accordingly. The example provided fills in the first name, last name, and email fields with specific values and returns them in an object format.