Hi there! I am currently new to automated testing with protractorJS for an angularJS homepage. While the code I've written so far has been successful, I'm facing an issue where I'm unable to input keys into the search field. After running the code, I consistently receive the error message "Failed: Timed out waiting for Protractor to synchronize with the page after 11 seconds."
I believe the problem lies in my element by syntax:
element(by.css("input[name='search_query']")).sendKeys('Virginia Beach VA');
--- HTML code block ----
<div ng-transclude>
<input parse-search-query="" type="text" tabindex="1" name="search_query" autocomplete="off" placeholder="Search by City ST, Zip, or Address" data-ng-model="searchQueryFieldCtrl.searchFormController.searchParams.search_query" data-ng-change="searchQueryFieldCtrl.searchFormController.clearErrors()" data-focus-on="focusQuery || form.search_query.$error" data-uib-typeahead="suggestion as suggestion.label for suggestion in searchQueryFieldCtrl.getSuggestions($viewValue)" data-typeahead-focus-first="false" data-typeahead-min-length="0" data-typeahead-wait-ms="300" data-typeahead-on-select="searchQueryFieldCtrl.setSearch($item)" class="ng-pristine ng-untouched ng-valid ng-scope" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-69-6255">
</div>
---homeshptest.js file ----
describe('New stack hompage test', function() {
it('should test search form', function() {
browser.ignoreSynchronization = true;
browser.get('http://localhost:3000/');
browser.sleep(5000);
element(by.css("input[name='search_query']")).sendKeys('Virginia Beach VA');
browser.sleep(5000);
VA');
}); }); ---------------