量角器 - 从Bootstrap Dropdown中选择 [英] Protractor - Select from Bootstrap Dropdown

问题描述

我有一个 Bootstrap单键下拉菜单，我想点击使用Protractor在下拉列表中显示的选项之一。我如何做到这一点？

I have a Bootstrap single-button dropdown and I would like to click on one of the options appearing in the dropdown using Protractor. How do I accomplish this?

               <div class="btn-group" ng-if="!persist.edit" dropdown>
                    <button type="button"
                            class="btn btn-default"
                            dropdown-toggle>
                        <span translate="GENERAL.ACTIONS"></span>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">

                        <!-- Check In -->
                        <li role="presentation">
                            <a ng-click="checkIn()"
                               role="menuitem"
                               tabindex="-1"
                               translate="ITEMS.LIST.BUTTON_CHECK_ITEM_IN">
                            </a>
                        </li>


                        <!-- Check Out -->
                        <li role="presentation"">
                            <a ng-click="checkOut()"
                               role="menuitem"
                               tabindex="-1"
                               translate="ITEMS.LIST.BUTTON_CHECK_ITEM_OUT"
                               translate-value-length="1">
                            </a>
                        </li>
                    </ul>
                </div>

我试过这个（下拉列表被调用） ，但点击失败）：

I tried this (dropdown is called, but click fails):

it('Should click Actions button and show dropdown', function(){
    element(by.buttonText("Actions")).click(); 
    browser.sleep(1000);
});
it('Should click the Check Item Out dropdown option and change status to checked out', function(){
    element(by.css('[value="ITEMS.LIST.BUTTON_CHECK_ITEM_OUT"]')).click();
});

推荐答案

首先，点击下拉切换按钮打开下拉列表。然后，选择一个选项：

First, click the "dropdown toggle" button to open up the dropdown. Then, select an option:

var dropDown = element(by.css("div[dropdown]"));
dropDown.element(by.css("button[dropdown-toggle]")).click(); 
dropDown.element(by.css("a[ng-click*=checkIn]")).click();  // Check In

工作代码：

    element(by.buttonText("Actions")).click(); 
    element(by.css('[ng-click="]checkIn()"]')).click();  // Check In

这篇关于量角器 - 从Bootstrap Dropdown中选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！