javascript - 使用 Protractor 单击中继器中的链接

Question

我一直在努力寻找点击特定项目下的“编辑”链接的方法:

<li ng-repeat="item list | orderBy: predicate:false" class="ng-scope">
        <h1 class="ng-binding">item name</h1>
            <p>
                </p><div class="w140 left borderRight ng-binding">
                Contains:

                </div>

                <div class="left marginLeft20 ng-binding">
                    Last modified:
                    Dec 5, 2014
                </div>

            <p></p>

            <a href="#/f64d6673-450d-4f9c-9de8-2fa3fd29f922">edit</a>
    </li>

所以我需要按项目名称找到正确的项目并单击编辑链接。这是我到目前为止所拥有的，但没有找到任何东西:

 element(by.cssContainingText('.ng-binding', 'item name')).
            element(by.linkText('edit')).
            click();

Answer 1

您正在尝试在 h1 元素内选择“编辑”链接。

选择li 元素内的“编辑”链接。

element(by.cssContainingText('li', 'item name')).element(by.linkText('edit')).click();

编辑

或者

element(by.cssContainingText('li', 'item name')).element(by.css('a')).click();