[英]Protractor clicking on dropdown toggle
我正在使用Protractor在我的角度應用程序上運行E2E。 我遇到了一個很奇怪的問題。 我正在使用Bootstrap Dropdown,它具有一些選項。 我需要單擊其中一個選項。 我提到了這個答案,它試圖做類似的事情,但對我不起作用: 量角器-如何選擇高度嵌套的下拉菜單元素?
我的結構如下:
<div id="fc-more-btn" class="btn-group btn-group-sm dropdown" role="group" dropdown="" is-open="ctrl.fcDropdown">
<button type="button" class="btn btn-default dropdown-toggle filetree-btn" tooltip="More Actions" tooltip-trigger="mouseenter" tooltip-placement="bottom" ng-disabled="ctrl.sd.noSelections" dropdown-toggle="" aria-haspopup="true" aria-expanded="false">
<span class="fa fa-caret-down"></span>
</button>
<ul class="dropdown-menu filetree-dropdown" role="menu">
<li>
<a class="btn fc-dropdown-link" ng-disabled="ctrl.sd.noSelections||(ctrl.sd.multipleSelections||!ctrl.sd.dirSelected)" ng-click="ctrl.createNewFile()">
New File
</a>
</li>
<li>
<a class="btn fc-dropdown-link" ng-disabled="ctrl.sd.noSelections||(ctrl.sd.multipleSelections||!ctrl.sd.dirSelected)" ng-click="ctrl.createNewDir()">
New Folder
</a>
</li>
<li>
<a class="btn fc-dropdown-link" ng-disabled="ctrl.sd.noSelections" ng-click="ctrl.copyFiles()">
Copy
</a>
</li>
<li>
<a class="btn fc-dropdown-link" ng-disabled="ctrl.clipboardEmpty||ctrl.sd.noSelections||(ctrl.sd.multipleSelections||!ctrl.sd.dirSelected)" ng-click="ctrl.pasteFiles()" disabled="disabled">
Paste
</a>
</li>
<li>
<a class="btn fc-dropdown-link" ng-disabled="ctrl.sd.noSelections||ctrl.sd.multipleSelections" ng-click="ctrl.renameFile()">
Rename
</a>
</li>
</ul>
</div>
在測試中,我試圖單擊“重命名”鏈接。
我寫的代碼是:
element(by.css('.dropdown-toggle')).click().then(function(){
//click on rename
});
在運行測試時,下拉切換按鈕上會有一個小的閃爍,並且似乎單擊了該按鈕。 但是,未顯示應顯示的下拉菜單。
結果,我無法模擬單擊以重命名。 難道我做錯了什么?
嘗試通過cssContainingText進行選擇,這對於下拉菜單和嵌套元素非常有用!
element(by.cssContainingText('option', 'Rename')).click();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.