识别切换栏元素文本并在量角器中单击它

Question

我正在尝试单击作为切换栏一部分的文本来打开其部分。

源代码是这样的：

<h3 class="hdg hdg--3 hdg--muted">
Projects
<span class="toggleBar__toggle--icon toggleBar__icon--isOpen" data-ng-  class="{'toggleBar__icon--isOpen' : isVisible}"></span>
</h3>

代码是用 Javascript 编写的，我用它来测试量角器：

element(by.cssContainingText('h3', 'Projects')).click();

运行测试时，我收到以下错误：

No element found using locator by.cssContainingText("h3", "Projects")

可能是什么问题？

Answer 1

恐怕这是需要 XPath 的情况之一：

element(by.xpath("//h3[.//text()[normalize-space(.) = 'Projects']]")).click();

或者，如果你需要点击里面的span元素：

element(by.xpath("//h3[.//text()[normalize-space(.) = 'Projects']]/span")).click();

---

当我在调试模式下执行时，这两个命令都有效。但是，当我正常运行它时，我收到一条错误消息，提示元素在某某点不可点击。其他一些元素接受点击.......

这意味着这是一个时间问题。添加等待：

var EC = protractor.ExpectedConditions;
var elm = element(by.xpath("//h3[.//text()[normalize-space(.) = 'Projects']]"));
browser.wait(EC.elementToBeClickable(elm), 5000);
elm.click();