我有一个表,有行,我想编辑第一行。 为此,我有一个禁用的编辑按钮(禁用ng),直到我选择一行。我有一个关于这个按钮的复杂指令,还有一个名为“disabled”的属性。选择行后,我收到错误:
ElementNotVisibleError: element not visible
此外,我有一个添加按钮,该按钮始终处于活动状态且可以选择。
“添加和编辑”按钮的HTML代码为:
<div class="tbl" >
<div class="table"heading" >
<div style="float: right;" >
<div ng- show="canBeResized && !isExpandedTable && !isMobile" class="extend"
ng - click="expand()" tabindex= "0" role= "button" > <i class="fa fa-expand" > </i></div>
</div>
< div class="table" style= "float:right;" >
<div style="text-align: center !important;" ng- show="!(!actions || actions.length == 0)" class="ng-scope" >
<div class="skiplink" > <a href="#content" > skip navigation links< /a></div >
<ul id="action" class="table" >
<li ng- repeat="act in actions" id= "btn" class="ng-scope" >
<a ng-if="(act.command || act.commandList) && (act.name != 'CheckAll' && act.code != 'checkAll')" href= ""
ng - click="invokeAction(act.code || act.name, null, act.disabled, act.hasMultiSelect)" ng- disabled="isDisabledAction(act.code || act.name, act.disabled, act.hasMultiSelect)"
class="ng-scope" >
<i ng-if="act.command && (act.name == 'Add' || act.code == 'add')" class="fa fa-plus ng-scope" > </i>
< span class="hidden" > Add < /span></a >
</li>
< li ng- repeat="act in actions" id= "btn" class="ng-scope" >
<a ng-if="(act.command || act.commandList) && (act.name != 'CheckAll' && act.code != 'checkAll')" href= ""
ng - click="invokeAction(act.code || act.name, null, act.disabled, act.hasMultiSelect)" ng- disabled="isDisabledAction(act.code || act.name, act.disabled, act.hasMultiSelect)"
class="ng-scope" disabled= "disabled" >
<i ng-if="act.command && (act.name == 'Edit' || act.code == 'edit')" class="fa fa-pencil ng-scope" > </i>
< span class="hidden" > Edit < /span></a >
</li>
< /ul>
< /div>
< /div>
< div class="table" > <span class="caption"> </span><span class="tbl"></span>
<div class="btn" ng- show="" >
<button type="button" id= "btnLeft" ng- disabled="_isDisabledNextButton" aria- label="Next" class="btn btn-radius"
ng - click="prevPage()" > <i class="glyphicon glyphicon-chevron-left" > </i></button>
<!--ngRepeat: p in Pages-- >
<button type="button" id= "btnRight" ng- disabled="_isDisabledPrevButton" aria- label="Previous" class="btn btn-radius"
ng - click="nextPage()" > <i class="glyphicon glyphicon-chevron-right" > </i></button>
</div>
< /div>
< /div>
< /div>
我试过这个选择我要编辑的行:
var row = element(by.xpath('//[@id="List"]/div[2]/table/tbody/tr[1]/td[7]/span'));
row.click();
然后选择如下的编辑按钮:
var editButton = element(by.xpath('//*[@id="btnedit"]/a'));
editButton.click();
但即使选择行也不行......