Protractor AngularJS mouseOver field to reveal hidden buttons to click -
i new protractor. trying hover on field show hidden icons click on. there list of 'bookings'(sometimes 1 many) when hovered on reveals button edit or delete booking. having trouble filtering booking want hover on field reveal delete or edit buttons.
<div class="list-view-container"> <div class="list-view-header"> <div class="col-sm-3 col-md-3 column-item" ng-click="bookingsctrl.changebookingsort(bookingsctrl.sortcolumns.postas)">booking name <span class="booking-icon" ng-show="bookingsctrl.bookingsort === bookingsctrl.sortcolumns.postas" ng-class="bookingsctrl.bookingsortreverse? 'icon-down':'icon-up'"></span> </div> <div class="col-sm-2 col-md-2 column-item" ng-click="bookingsctrl.changebookingsort(bookingsctrl.sortcolumns.startdate)">start date <span class="booking-icon" ng-show="bookingsctrl.bookingsort === bookingsctrl.sortcolumns.startdate" ng-class="bookingsctrl.bookingsortreverse? 'icon-down':'icon-up'"></span> </div> <div class="col-sm-2 col-md-2 column-item" ng-click="bookingsctrl.changebookingsort(bookingsctrl.sortcolumns.enddate)">end date <span class="booking-icon" ng-show="bookingsctrl.bookingsort === bookingsctrl.sortcolumns.enddate" ng-class="bookingsctrl.bookingsortreverse? 'icon-down':'icon-up'"></span> </div> <div class="col-sm-2 col-md-2 column-item" ng-click="bookingsctrl.changebookingsort(bookingsctrl.sortcolumns.ownername)">owner <span class="booking-icon" ng-show="bookingsctrl.bookingsort === bookingsctrl.sortcolumns.ownername" ng-class="bookingsctrl.bookingsortreverse? 'icon-down':'icon-up'"></span> </div> <div class="col-sm-2 col-md-2 column-item" ng-click="bookingsctrl.changebookingsort(bookingsctrl.sortcolumns.bookingstatus)">status <span class="booking-icon" ng-show="bookingsctrl.bookingsort === bookingsctrl.sortcolumns.bookingstatus" ng-class="bookingsctrl.bookingsortreverse? 'icon-down':'icon-up'"></span> </div> <div class="col-sm-1 col-md-1 column-item"></div> </div> <div class="list-item-row" ng-repeat="booking in bookingsctrl.bookings track booking.bookingid" ng-click="bookingsctrl.selectbooking(booking)"> <div class="col-xs-3 col-sm-3 col-md-3"> <div class="list-item-name" ng-bind="booking.postas"></div> <div ng-if="bookingsctrl.ismultiplevenues" ng-bind="bookingsctrl.getvenuename(booking)"></div> </div> <div class="col-xs-2 col-sm-2 col-md-2 list-item" ng-bind="booking.startdate | date: 'shortdate'"></div> <div class="col-xs-2 col-sm-2 col-md-2 list-item" ng-bind="booking.enddate | date: 'shortdate'"></div> <div class="col-xs-2 col-sm-2 col-md-2 list-item" ng-bind="bookingsctrl.ownername(booking)"></div> <div class="col-xs-2 col-sm-2 col-md-2 list-item" ng-bind="bookingsctrl.statuses[booking.bookingstatus]"></div> <div class="col-xs-1 col-sm-1 col-md-1 list-icon-container"> <div class="list-icon" ng-click="bookingsctrl.deletebooking(booking.bookingid)" stop-event> <span class="booking-icon icon-delete"></span> </div> <div class="list-icon" ng-click="bookingsctrl.editbooking(booking.bookingid)" stop-event> <span class="booking-icon icon-gear"></span> </div> </div>if (elementtext == bookingname1) { console.log('found booking: ' + elementtext); //bookingtoedit = bookinglist.get(i); var list - element = element.all(by.click('bookingsctrl.selectbooking(bookingname1)')).first(); browser.actions().mousemove(list - element).perform(); }
from understand, use case filter():
var desiredbooking = element.all(by.exactrepeater("booking in bookingsctrl.bookings")).filter(function (booking) { return booking.evaluate("booking.postas").then(function (bookingname) { return bookingname === desiredbookingname; }); }).first(); // delete desiredbooking.element(by.css("div[ng-click*=deletebooking]")).click(); assuming booking.postas booking name.
Comments
Post a Comment