Webdriverio - 元素不可见

Question

这是我第一次在Stackoverflow中发帖。

目前，我正在使用Mocha Framework和Selenium-Standalone与WebdriverIO合作。我目前在我的工作实习中，我的任务是进行一些自动化测试。

我的问题是一个特殊元素 - fa-trash ：

  <label class="gf-form-label">
        <a ng-click="ctrl.toggleHideQuery()" role="menuitem">
            <i class="fa fa-eye"></i>
        </a>
    </label>
    <label class="gf-form-label">
        <a class="pointer" tabindex="1" ng-click="ctrl.removeQuery(ctrl.target)">
            <i class="fa fa-trash"></i>
        </a>
    </label>

每当我尝试点击它时，它会输出一条消息，表明该元素不存在。

代码段：

it('should Delete', function(){
    browser.pause(500);
    browser.click('.fa-trash');
    browser.pause(2000);
});

我能够毫无错误地点击 fa-eye ，这会隐藏浏览器中的当前元素，但如果我尝试点击 fa-trash ，它会给我一条消息，表明它不存在。

感谢您的帮助：）