I am using an application which is developed using Angular 2 and Kendo Components. The scenario is to edit the customer details (text box, drop down, checkbox) in a page and save the details. Objects are recognized and executed (such as enter input in text box, choose value in drop down, click save) as expected during playback, but the changes or modified details are not reflected on clicking save button. The same works well when I execute the scripts manually. This issue occurs in all the pages in application, as the events are triggered during playback due to two way binding issue.
I hope this is the same issue as mentioned in the following thread.
Though Telerik explicitly say that it supports Angular and Kendo, why the solution for this issue is not derived yet.
SimulateRealTyping is not the recommended option to go for. I tried with the code suggested by Stoil (from thread), but an error occurs on executing the script.
string text = "QA Text";
Actions.InvokeScript("angular.element(" + Pages.Retail.TitleText.ClientSideLocator + ").val('" + text.Replace("'", "\\'") + "').triggerHandler('input')");
Error Message: InError set by the client. Client Error: angular is not defined
Should I define or add references to angular elements before executing the scripts. Can you please help.