Search code examples
angularprotractorpopovermousehover

How to confirm if a popover is displayed on mouse over a element and how to get the inside text of the displayed popover using protractor


My protractor code

var meover = element(by.xpath('/html/body/div[2]/div[1]/div[2]/span[1]/code'));

meover.getText().then(console.log);

browser.actions().mouseMove(meover).perform();

browser.sleep(2000);

How to get popover text?? see the images for better understanding

Images

enter image description here

enter image description here


Solution

  • Found the solution:

    .........
    .........
    browser.actions().mouseMove(element(by.css('code.nocode.code-annotation'))).perform();
    expect(element(by.css('.popover')).isDisplayed()).toBe(true);
    popOver = element(by.css('.popover'));
    popOver.getAttribute('title').then(console.log);
    popOver.getAttribute('content').then(console.log);