[英]Ashot is not taking screenshot of correct element
我正在嘗試獲取一個網頁中提供的表格的屏幕截圖。 和我在代碼中提供的元素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。 如果有人知道,請告訴我。
通過添加shootingStrategy,我可以僅捕獲本頁底部具有id =“ post-form”屬性的form元素。
從https://github.com/pazone/ashot的文檔中
不同的WebDriver截取屏幕截圖的方式有所不同。 一些WebDriver提供整個頁面的屏幕截圖,而其他WebDriver僅處理視口。
...
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();
}
}
通過使用諸如“量角器圖像比較”之類的NPM模塊,量角器也可以實現此功能。 例如,如果要捕獲側欄上的相關帖子,可以使用以下代碼。
注意:我沒有使用超出瀏覽器視口范圍的大型元素來測試此包,因此無法說明它們如何在這些視圖上工作。
規格文件
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/'
}
);
);
圖片已保存
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.