UI量角器查找并单击基于文本搜索的选择框

debugcn 发表于 Dev

那家伙狗狗

我试图找到一种方法来搜索其中具有名称X的行，然后使用UI Protractor单击该行中的复选框。

到目前为止，我一直没有成功。

如果您在下面看到，我想搜索testproxy，然后单击与其关联的复选框。

<div id="general_section">
            <p> The following proxies are available to add to a cluster.</p>
            <div class="table-responsive">
                <table id="proxies_table" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th><input type="checkbox" ng-model="selectAll" ng-click="selectAllServers(selectAll)" class="ng-pristine ng-untouched ng-valid"></th>
                        <th res-key="settings.emailProxy.proxy">Proxy</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- ngRepeat: server in model.selectedServers | orderBy:'hostname' --><tr ng-repeat="server in model.selectedServers | orderBy:'hostname'">
                        <td>
                            <input type="checkbox" ng-model="server.selected" class="ng-pristine ng-untouched ng-valid">
                        </td>
                        <td>
                            testproxy
                        </td>
                    </tr><!-- end ngRepeat: server in model.selectedServers | orderBy:'hostname' --><tr ng-repeat="server in model.selectedServers | orderBy:'hostname'">
                        <td>
                            <input type="checkbox" ng-model="server.selected" class="ng-pristine ng-valid ng-touched">
                        </td>
                        <td>
                            testproxy_1
                        </td>
                    </tr><!-- end ngRepeat: server in model.selectedServers | orderBy:'hostname' -->
                    </tbody>
                </table>
                <p class="lead ng-hide" ng-show="model.selectedServers.length === 0 &amp;&amp; isAdd">No available proxies.</p>
                <p class="lead ng-hide" ng-show="model.selectedServers.length === 0 &amp;&amp; !isAdd">There are no proxies to remove.</p>
            </div>
        </div>

汤姆新闻

尝试使用过滤器功能，我添加了一些注释以使其易于阅读：

//filter through each row using the ng-repeat as locator
$$('[ng-repeat="server in model.selectedServers | orderBy:\'hostname\'"]').filter(function(foo){
    //check for the text in the td with index 1, aka the second one
    return foo.$$('td').get(1).getText().then(function(bar){
        //return the row which has your value (textproxy)
        return bar === "testproxy";
    });
//Here you can use the elements in the row with your value
//So you'd want to click the checkbox
}).then(function(values){
    values[0].$('[type="checkbox"]').click();
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。