我正在尝试获取一个网页中给出的表格的屏幕截图。和我在代码中提供的元素xpath相同,但是Ashot代码正在捕获其他位置的屏幕截图。
我还尝试了其他截屏代码
Screenshot screenshot = new AShot().takeScreenshot(driver,driver.findElement(By.xpath(webElementXpath)));
但是它给了我错误,我可以通过阅读以下链接来解决:https://github.com/pazone/ashot/issues/93,然后使用下面的代码:
WebElement myWebElement = driver.findElement(By.xpath("//center/table/tbody/*"));
Screenshot fpScreenshot = new AShot()
.coordsProvider(new WebDriverCoordsProvider()).takeScreenshot(driver,myWebElement);
ImageIO.write(fpScreenshot.getImage(),"PNG",new File("/Users/sanatkumar/eclipse-workspace/com.ScreenshotUtility/Screenshots/error.png"));
请提供帮助,因为此代码为我提供了网页中某些随机部分的屏幕截图。我也尝试捕获其他元素,但是再次没有获得正确的屏幕截图:
请注意,我的表格在网页上并不完全可见,我必须手动向下滚动才能查看完整表格。我需要编写其他代码来获取表格的完整屏幕截图吗?
我的网站也是基于角度的,我正尝试使用Selenium Java实现自动化。我这样做的原因是因为在量角器中我找不到任何像Ashot这样的API。如果有人知道,请告诉我。
答案 0 :(得分:0)
通过添加ShootingStrategy,我能够在页面底部捕获id为“ post-form”的表单元素。
摘自https://github.com/pazone/ashot上的文档
不同的WebDriver截取屏幕截图的方式有所不同。一些WebDrivers 提供整个页面的屏幕截图,而其他人则处理 仅视口。
...
ShootingStrategies中有针对不同用例的内置策略。
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import ru.yandex.qatools.ashot.AShot;
import ru.yandex.qatools.ashot.Screenshot;
import ru.yandex.qatools.ashot.shooting.ShootingStrategies;
import javax.imageio.ImageIO;
import java.io.File;
public class Main
{
public static void main(String args[]) throws Exception
{
System.setProperty("webdriver.gecko.driver", "./geckodriver");
System.setProperty("webdriver.firefox.bin", "/usr/bin/firefox");
WebDriver driver = new FirefoxDriver();
driver.get("https://stackoverflow.com/questions/54724963/ashot-is-not-taking-screenshot-of-correct-element");
Thread.sleep(2000);
WebElement webElement = driver.findElement(By.id("post-form"));
Screenshot screenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(100)).takeScreenshot(driver,webElement);
ImageIO.write(screenshot.getImage(),"PNG",new File("/home/dan/ElementScreenshot.png"));
Thread.sleep(2000);
driver.quit();
}
}
答案 1 :(得分:0)
Protractor也可以通过要求NPM模块(例如“ protractor-image-comparison”)来实现此功能。例如,如果要捕获侧栏上的相关帖子,可以使用以下代码。
注意:我没有使用超出浏览器视口范围的大型元素来测试此程序包,因此无法说明它们如何在这些视图上工作。
规范文件
describe('simple test', () => {
it('will save image', async () => {
await browser.get("https://stackoverflow.com/questions/54724963/ashot-is-not-taking-screenshot-of-correct-element");
await browser.driver.sleep(10 * 1000);
let related_questions_sidebar = element(by.className('module sidebar-related'));
await browser.executeScript('arguments[0].scrollIntoView();', related_questions_sidebar);
await browser.driver.sleep(3 * 1000);
// saveElement
await browser.protractorImageComparison.saveElement(related_questions_sidebar, 'sidebar-image');
});
});
Conf.js-在您的OnPrepare中
onPrepare: async () => {
// await jasmine.getEnv().addReporter(new dbReporter());
const protractorImageComparison = require('protractor-image-comparison');
browser.protractorImageComparison = new protractorImageComparison(
{
baselineFolder: './screen-compare/baselines/',
screenshotPath: './screen-compare/screenshots/'
}
);
);
已保存图片