测试导航项目时，元素不可点击...

Question

我正在Angular应用程序中进行Cucumber测试，尝试单击导航项（注销）时出现以下错误：

  

WebDriverError：未知错误：元素<a _ngcontent-c1="" class="nav-link" href="">...</a>在点（864，33）处不可单击。其他元素将获得点击：<div _ngcontent-c4="" class="header-bar">...</div>

我尝试以不同的方式实现该方法：by.cssContainingText(), by.linkText()...，但是我无法定位问题。

这是代码的主要部分。

nav.component.html：

 <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
...
<li class="nav-item">
                    <a href="" class="nav-link" (click)="onSignOut()">Logout</a>
                </li>
...
</div>

app.po.ts（“ sleep”是自己的方法）：

 introduceCredentials() {
    this.sleep(3000);
    return element(by.linkText('Logout')).click();
 }

app.steps.ts：

Then(/^I introduce my credentials$/, async () => {
    await page.introduceCredentials();
});

我看不出问题出在哪里，我对此部分非常执迷。