css - codeception 无法单击 xpath，因为它无法找到 CSS 或 Xpath

Question

<div id="page" class="container-fluid">
<div id="pageContent" class="">
<h1>Angular Test: projectUI</h1>
<!-- ngView: -->
<div class="ng-scope" data-ng-view="">
<ul class="package-menu container white ng-scope">
<!-- ngRepeat: package in packages | orderBy:'name' -->
<div class="ng-scope" data-ng-repeat="package in packages | orderBy:'name'">
<li>
<a class="ng-binding" href="#package/2">Craig's farm</a>
</li>
</div>

任务：我想点击 Craig 的农场标签，但是当我尝试通过 CSS 进行点击时，它在下面给出

错误：CSS 或 XPath '#pageContent.package-menu.container.white.ng-scope>li:nth-child(1)

谁能给我上述代码的确切xpath？

谢谢

Answer 1

我认为问题在于您的 html 片段不是有效的 xml。有很多未闭合的标签，没有根元素。Xpath 适用于 xml，而 xml 比 html 更严格。

//a[@class="ng-binding" and text()="Craig's farm"]

修复html并运行上面的xpath