javascript - 使用 Protractor 获取范围内的文本

Question

我需要使用 expect 和 Jasmine 检查按钮中跨度的文本是否为“Vigente”。我该怎么做？

<button _ngcontent-hke-28="" class="btn btn-success disabled" tabindex="-1">
<span _ngcontent-hke-28="" class="glyphicon glyphicon-check">
</span> Vigente</button>

我可以像这样使用 xpath 吗:

/html/body/application/auth-container/layout/div/main-content/div/norma-cadastro/div/form/div[8]/div/button/text(Vigente)

Answer 1

首先，您询问的 XPath 表达式不正确 - 不需要括号内的 Vigente 部分。另外，尽量不要使用绝对 XPath 表达式，因为路径中的级别越多，它中断的可能性就越大。而且，XPaths are not recommended by the Protractor team .

相反，我会找到元素 by partial button text并检查此元素是否存在:

expect(element(by.partialButtonText("Vigente")).isPresent()).toBe(true);

或者，您可以通过 CSS 选择器定位元素并获取文本:

expect($("button.btn-success").getText()).toContain(Vigente);

button.btn-success CSS 选择器虽然非常广泛，但看看您是否可以改进它。