如何通过pdf图标，量角器测试的css获取元素

Question

我在锚标签内有一个pdf图像。我需要获取元素，我需要点击pdf链接。通过Id尝试元素，但是元素不可见但是它是可见的。通过css获得元素的帮助，在这将近2天。

<div class="az content-block">

            <ol>
                <li>{{'check.ant.label'|text}}</li>
                <li>{{'check.bed.label'|text}}</li>
                <li>{{'check.hin.label'|text}}<a id="checkPdfLink" ng-href="{{check.pdf}}" target="_blank"><span class="az icon-pdf"></span></a></li>
            </ol>
</div>

Answer 1

您是否尝试使用css Selector？如果很难找到唯一ID，请尝试右键单击pdf链接的inspect元素，然后单击Copy Unique Selector并尝试单击它。

element(by.css('paste your Unique Selector here')).click();

希望这会有所帮助。 ：）

Answer 2

在一个简单的例子中，这只是：

element(by.id("checkPdfLink")).click();

但是，因为你得到了＆＃34;元素不可见＆＃34;错误，可能有几个原因。一个是，你可能需要实际做一些事情来使元素可见 - 打开菜单或下拉列表。另一个原因可能是时间问题。在点击：

之前，请等待become clickable的链接

var EC = protractor.ExpectedConditions;
var pdfLink = element(by.id("checkPdfLink"));
browser.wait(EC.elementToBeClickable(pdfLink), 5000);  // wait up to 5 seconds

pdfLink.click();