如何检查元素在鼠标悬停时是否可见

Question

1. 我想检查铅笔按钮是否出现在鼠标悬停上。

2. 以下是HTML：

   <h2 class="col-md-12" data-ng-mouseover="editmode = true" data-ng-mouseleave="editmode = false">
       <span class="ng-binding" data-ng-bind-html="selectedPage.htmlTitle">New Page</span>
       <a class="btn btn-xs glyphicon glyphicon-pencil ng-hide" data-ng-click="toggleEditMode()" data-ng-show="editmode"></a>
   </h2>
   

3. 我正在使用以下代码测试铅笔按钮是否在鼠标悬停时可见，但它不起作用：

   browser
       .actions()
       .mouseMove(element(by.css("a[data-ng-click='toggleEditMode()']")))
       .perform();
   expect(element(by.css("a[data-ng-click='toggleEditMode()']")).isDisplayed())
       .toBeTruthy();
   

4. 我想首先验证铅笔按钮是否可见，之后我想点击铅笔按钮。