How can I get the value of the tooltip

Question

After any changes made to the web service in our project we test the Web Service by providing data to the web services and then check if accurate data has come to the application by checking the graph on the web portals.

I am facing a problem in getting the data from the tool tip so that I can assert.

I am using Selenium. I have to first mouse-hover on the bar (graph) and then a tooltip item appears having the value.

How can I get the value so that I can compare it with my actual data.

Please find the code :

    act.moveToElement(driver.findElement(By.xpath(".//*[@id='chart']/svg/g/g[1]/g[4]/g[1]/path[3]")));

    act.moveToElement(driver.findElement(By.xpath("html/body/div[14]/text()")));

Here is the HTML

`div class="k-tooltip k-chart-tooltip" style="position: absolute; font: 12px Arial,Helvetica,sans-serif; border: 1px solid rgb(0, 0, 255); opacity: 1; background-color: rgb(0, 0, 255); top: 212px; left: 1068px;">16,042</div>`

Answer 1

The chart looks like an SVG chart. So you would need to go to the particular bar and then get the tool tip using the .text attribute - if you're using Python or using the getText( ) -in case you're using Java.

Here is an example of such a chart (it's a pie chart)

SVG Pie Chart

Here is how I got the tool tip text for the Violet portion of the pie chart :

def setUp(self):
    self.driver = webdriver.Firefox()
    self.driver.maximize_window()
    self.driver.get('http://yuilibrary.com/yui/docs/charts/charts-pie.html')

def test_tootltip(self):
    driver = self.driver

    """getting the xpath for the violet portion"""
    violetcolor= driver.find_element_by_xpath("//*[contains(@class,'yui3-svgSvgPieSlice')][@fill='#66007f']")


    """tooltip xpath

       tooltipactual=driver.find_element_by_xpath("//div[contains(@id,'_tooltip')]")



    print('for violet part')

    """click on the violet part so that the tooltip appears on the DOM"""

    violetcolor.click()

    """get the tooltip text"""
    e = tooltipactual.text

    print(e)


def tearDown(self):
    self.driver.quit()

I get the tool tip text in the console out put as

  day: Monday
  taxes: 2000
  24.24%` 

which can then be used to assert the values.

Answer 2

If the Graph is inside a frame then probably you need to switchTo Frame and perform the action.

If that is not the case, then if possible can you provide the sample for the barchart.

Answer 3

Maybe this question was already resolved, but here's an example that I use in my test project. I use C# and the web application uses kendo charts too. I created a method just to capture the tooltips values and return a string.

 public string GetTooltipValue()
    {
        Thread.Sleep(400);
        IWebElement waitToolTip = Wait.Until(ExpectedConditions.ElementIsVisible(By.CssSelector("div.k-tooltip.k-chart-tooltip")));
        String tooltipText = Driver.FindElement(By.CssSelector("div.k-tooltip.k-chart-tooltip")).Text;
        return tooltipText;
    }

It uses a Thread.Sleep on the first line because sometimes there is a delay between click on the chart and the tooltip be shown.