<li class="nav-item" ng-reflect-ng-class="nav-item,">
<a class="nav-link" href="javascript:void(0);">
<span>By Coordinator & Salesman</span>
<!--bindings={}-->
</a>
</li>
<li class="nav-item" ng-reflect-ng-class="nav-item,">
<a class="nav-link" href="javascript:void(0);">
<span>By Branch</span>
<!--bindings={}-->
</a>
</li>
<li class="nav-item active" ng-reflect-ng-class="nav-item,">
<a class="nav-link active" href="javascript:void(0);">
<span>Selling Branches</span>
<!--bindings={}-->
</a>
</li>
For the above code i need to click on the span
items:
- click on 'Selling branch' and verify data is loaded and any error
- click on 'By Branches' and verify data is loaded without any error.
What is the best approach to write locator using protractor/js?