Java 阿肖特没有拍摄正确元素的截图

我正在尝试拍摄一个网页中给出的表格的截图。我在代码中提供的元素xpath与Ashot代码捕获其他位置的屏幕截图相同

我也尝试过其他截图代码

Screenshot screenshot = new AShot().takeScreenshot(driver,driver.findElement(By.xpath(webElementXpath)));

但它给了我一个错误，我可以通过阅读此链接来修复：然后我使用以下代码：

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"));

请帮助，因为这段代码给了我一些网页随机部分的截图。我也尝试捕捉其他元素，但还是没有得到正确的屏幕截图：

请注意，我的表格在网页上不完全可见，我必须手动向下滚动才能查看完整的表格。我是否需要编写其他代码才能获得表格的完整屏幕截图

---

我的网站也是基于angular的，我正在尝试使用SeleniumJava实现自动化。我之所以这样做是因为在量角器中我找不到像Ashot这样的API。如果有人知道，请告诉我。

通过添加一个shootingStrategy，我可以只捕获表单元素，属性id=“post form”位于页面底部

从

不同的网络驱动程序截图的方式不同。一些网络驱动程序 提供整个页面的屏幕截图，而其他人处理 仅适用于视口

射击策略中有针对不同用例的内置策略

产出：

---

使用量角器也可以实现此功能，因为需要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');
    });
});

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/'
        }
    ); 
); 

Conf.js-在您的OnPrepare中

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');
    });
});

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/'
        }
    ); 
); 

图像保存

---

我相信，获取我的表的坐标可以解决我的问题，如下所述：。bt我不知道如何使用它。你能提供更多的代码一个最小的，完整的，可验证的例子，还有一个URL和你想要截图的描述如果可能的话，在你的例子中使用另一个页面。没有其他代码，我只是打开网页，试图用这个代码截图。对于HTML，你可以假设，在某个中心标记中有一个表，我需要捕获该表的图像。这是因为我正在使用selenium自动化angular应用程序吗？？