如何使用量角器而不是xpath定位元素'54'

Question

我正在努力找到以下HTML片段中的数字54（或整个实习生div），我不想根据搜索结果改变xpath作为我的页面结构更改。 请问如何使用CSS找到它？ PS：我正在使用量角器来测试角度应用。

<div class="listItem">
<div>
    <label class="ng-binding">54</label> <span class=
    "listItemNum ng-binding">1054</span>
</div>
</div> 

Answer 1

你可以在html中分配一个唯一的ID，不过我觉得有些人对此不以为然。下面是一些可能对你有帮助的链接

// http://www.youtube.com/watch?v=idb6hOxlyb8 - 一个视频，有人通过他的量角器e2e测试他的角点

http://www.yearofmoo.com/2013/09/advanced-testing-and-debugging-in-angularjs.html - 非常好的网站，带有一些很好的小技巧和视频

https://docs.google.com/presentation/d/1QWFnYAur19R7RQ5KkLkLDMOMz5jrzNlBId3XBrwRNs8/edit#slide=id.gf9a5a479_019 - 来自第一个视频的幻灯片

幻灯片可能是你最好的选择，因为幻灯片11开始谈论量角器定位器而css就是其中之一

这是我为你的小提取物做的事情，虽然随着应用程序变大可能不会有用

var labelText = ptor.findElement(protractor.By.tagName('label').getText();
console.log(labelText);

应该将54打印到控制台

希望这会有所帮助