在量角器中查找元素

Question

 <div>
                <label localize="{data: 'Name', suffix: ':'}">Name:</label>
                <span class="required" ng-class="{'disabled': meterCreating}" input-control="{title: 'Meter', okCallback:setMeterName, value: meter.meterName, ss: 'meters'}">
                    <span hs-placeholder="Enter Name" class="ng-binding"></span>
                </span>
            </div>

查找元素的最佳方法是什么：placeholder = "Enter Name"？

场景：使用上面的 Snippet 查找元素

用户点击“输入姓名”框，弹出另一个输入姓名的窗口。

Answer 1

基于该 HTML，我能看到的最简洁的方法是 css 链接：

element(by.css('span.required span.ng-binding'))（通常只是span.ng-binding，但我非常怀疑这是独一无二的。我也怀疑span.required span.ng-binding 是独一无二的）

还有许多其他选项，但它们不会很漂亮，因为它们将是相似的链。

element(by.cssContainingText('label', 'Name:')).element(by.css('span > span'));

或

element(by.css('div label span.ng-binding')) 等..

我建议向您的开发人员询问更好的定位器（特别是 ID），它使 JavaScript 更容易。不幸的是，我认为您无法通过 HTML 属性找到该元素，这是我最喜欢的方法之一。它应该是这样的：

element(by.css('span[placeholder=Enter Name]')) -- 但我很确定这会为无效定位器引发错误。它接受大多数“标准”html 属性，例如value、option、style 等...