My current task involves automating end-to-end tests using Protractor on an Angular application. However, I've encountered an issue with sending keys to input fields. The sendKeys function consistently misses a few characters each time it is used, so I came up with a workaround:
static sendKeys(value, element){
value.split('').forEach((c) => element.sendKeys(c));
}
While this workaround effectively solves the issue, it unfortunately takes more than three times longer than the original sendKeys function.
Despite the slower execution, my tests are still functioning properly. Recently, the app introduced new fields with scripts attached to them. One of these fields is a datepicker input, where you can either select a date from the date picker or manually type it in. When entering today's date as '09022018', the slashes automatically appear in the correct positions (e.g., '09/02/2018'). If an incorrect date is entered, the field is then cleared.
The main problem arises when it seems that both my custom implementation of sendKeys and the original one lose focus after each key press. This prevents me from entering a valid date in the input field as it gets cleared after each simulated key press.
While I could potentially use browser.executeScript to resolve this issue, doing so would prevent me from testing the functionality of adding automatic slashes. Additionally, since the datepicker stays open and refreshes after each key press, being able to pick a date from it at any moment is also a feature that I need to test.
Thank you in advance for any assistance.