I am delving into the world of test automation with Selenium and JavaScript. As a newcomer to both, along with functional programming and promises, I am facing a challenge in creating a function that performs three essential tasks:
- Click on an input
- Clear the input
- Type text into the input
The current function I have written is not yielding the expected output:
var clearAndSendKeys = function(driver, elementIdentifier, sendKeys) {
var returnValue;
driver.findElement(elementIdentifier).then(function(inputField){
inputField.click().then(function() {
inputField.clear().then(function() {
returnValue = inputField.sendKeys(sendKeys);
});
});
});
return returnValue;
}
To utilize this function, it should be called as follows:
clearAndSendKeys(driver, webdriver.By.id('date_field'), '14.09.2015').then(function(){
//Implement further actions here
});
My expectation was for the variable returnValue to hold the promise generated by sendKeys. However, the function clearAndSendKeys returns an undefined variable before sendKeys is executed. This indicates that returnValue was never defined as a promise, leading the program to proceed without waiting for sendKeys.
How can I modify my function clearAndSendKeys to properly return the promise from sendKeys? I would prefer to avoid adding a callback to the clearAndSendKeys function.
Edit: I have corrected the typo by removing .then({return data}) from the code snippet.