如何通过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 选择器？如果很难找到唯一 ID，请尝试右键单击 pdf 链接的检查元素，然后单击复制唯一选择器并尝试单击它。

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

希望这会有所帮助。 :)

Answer 2

在一个简单的情况下，这只是：

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

但是，由于您收到“元素不可见”错误，可能有几个原因。第一，您可能实际上需要做一些事情来使元素可见 - 打开一个菜单或下拉菜单。另一个原因，可能是时间问题。等待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();