如何使用selenium WebDriver捕获SVG图像的工具提示值？

Question

从这个网站：

http://demos.telerik.com/kendo-ui/bar-charts/index

当您将鼠标悬停在SVG图像的单个条上时，如何捕获工具提示值？

Answer 1

你必须要做一些事情......

1. 等待图表绘制
2. 将鼠标悬停在所需的栏上（由barIndex指定）
3. 等待工具提示出现
4. 从工具提示中抓取文字

我测试了下面的代码。

int barIndex = 3;
WebDriver driver = new FirefoxDriver();
driver.get("http://demos.telerik.com/kendo-ui/bar-charts/index");
WebDriverWait wait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("g[clip-path] path")));
List<WebElement> bars = driver.findElements(By.cssSelector("g[clip-path] path"));
System.out.println(bars.size());
new Actions(driver).moveToElement(bars.get(barIndex)).build().perform();
WebElement tooltip = wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div.k-tooltip.k-chart-tooltip")));
System.out.println(tooltip.getText().trim());

Answer 2

当您将图表鼠标悬停时，会显示div class=k-tooltip k-chart-tooltip driver.findElement(By.className("k-tooltip k-chart-tooltip")).getText(); 。鼠标悬停代码后，运行以下代码：

gulp.task('appjs', function(){
	browserify({ debug: true })
		.transform(babel.configure({stage: 0}))
		.require(source.appjs, { entry: true })
		.bundle()
		.pipe(vsource('app.min.js'))
		.pipe(gulp.dest('./ui-dist'));
});

gulp.task('buildapp', function(){
	browserify({ debug: false })
		.transform(babel)
		.require(source.appjs, { entry: true })
		.bundle()
		.pipe(vsource('app.min.js'))
		.pipe(vbuffer())
		.pipe(uglify())
		.pipe(gulp.dest('./ui-dist'));
});