如何点击量角器中的隐藏元素？

我有一个元素，只有当我将鼠标悬停在它上面时才可见。

我编写了以下代码将鼠标悬停在面板上，以便该元素可见。

ptor.actions().
            mouseMove(ptor.findElement(protractor.By.xpath('//*[@id="productapp"]/div/div/div[2]/div/div/div/div[2]/div/div/div/div[4]/table/thead/tr/th[2]'))).
            perform();
        ptor.element.all(by.tagName('i')).then(function(elm){
            elm[0].click();
        });

现在我尝试点击它，但它说 - ElementNotVisibleError：元素不可见 量角器错误。

基本场景是，我想将鼠标悬停在面板上，然后单击隐藏的元素，因为该元素只有悬停在其上才可见。

有时，在某些情况下，您故意想要单击隐藏的元素。

一种选择是单击通过 JavaScript:

var elm = element(by.id("myid"));
browser.executeScript("arguments[0].click();", elm.getWebElement());

也可以看看：WebDriver click() 与 JavaScript click()

另一个，到使元素可见并单击它。现在，这取决于元素的隐藏方式 - 使用style.block or style.visibility或与ng-hide等等。我们设置元素的示例解决方案visibility to visible和display to block:

var elm = element(by.id("myid"));
browser.executeScript(function (arguments) {
    arguments[0].style.visibility = 'visible'; 
    arguments[0].style.display = 'block';
}, elm.getWebElement());