量角器 - 如何 select 重嵌套下拉元素?

Protractor - how to select heavily nested dropdown element?

我正在测试的网站有一个下拉菜单,代码如下:

<ul class="nav navbar-nav navbar-right" data-ng-show="authentication.user">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span data-ng-bind="authentication.user.displayName" class="ng-binding">Testy McTesterson</span> <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li>
                    <a href="/#!/userprofile">View Profile</a>
                </li>
                <li>
                    <a href="/#!/settings/profile">Edit Profile</a>
                </li>
                <li id="h_manage_social_accounts">
                    <a href="/#!/settings/accounts">Manage Social Accounts</a>
                </li>
                <li data-ng-show="authentication.user.provider === 'local'" class="">
                    <a href="/#!/settings/password">Change Password</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="/auth/signout">Signout</a>
                </li>
            </ul>
        </li>
    </ul>

如何让量角器点击下拉菜单中的 "Signout" 等链接?

首先,您需要点击切换按钮,然后从下拉列表中选择元素:

element(by.css('li.dropdown > a.dropdown-toggle')).click();
element(by.linkText('Signout')).click();