无法在Applitools C#中获取完整页面屏幕截图

Question

通过使用以下代码，我试图获取页面的全屏屏幕截图：

public void OpenEyesForVisualTesting(string testName) {
 this.seleniumDriver.Driver = this.eyes.Open(this.seleniumDriver.Driver, "Zinc", testName);

}

public void CheckScreenForVisualTesting() {
 this.eyes.Check("Zinc", Applitools.Selenium.Target.Window().Fully());
}

public void CloseEyes() {
 this.eyes.close();
}

但是我只得到了半页的截图，我试着联系Applitools，但是他们只是告诉我把eyes.checkwindow()替换为eyes.Check("tag", Target.Window().Fully());，但是它仍然不起作用。

如果有人能帮我那就太好了。

Answer 1

我为Applitools工作，为你的麻烦感到抱歉。也许你没有看到我们的回复，或者他们去了你的垃圾邮件文件夹。您需要设置ForceFullPageScreenshot = true和StitchMode = StitchModes.CSS，以便捕获完整的页面屏幕快照。

下面的代码示例是捕获完整页面图像所需的所有操作。另外，请确保您的.Net Eyes.Sdk版本是>= 2.6.0和Eyes.Selenium >= 2.5.0。

如果您有任何进一步的问题或仍然遇到问题，请直接给我发电子邮件。谢谢。

var eyes = new Eyes();
eyes.ApiKey = "your-api-key";
eyes.ForceFullPageScreenshot = true;
eyes.StitchMode = StitchModes.CSS;

eyes.Open(driver, "Zinc", testName, new Size(800, 600)); //last parameter is your viewport size IF testing on a browser. Do not set if testing on a mobile devices.
eyes.CheckWindow("Zinc");
//or new Fluet API method
eyes.Check("Zinc", Applitools.Selenium.Target.Window().Fully();
eyes.Close();

Answer 2

使用范围报告库，您可以使用屏幕截图以及关于pass和失败案例的交互式报告。下面是它如何工作的链接：http://www.softwaretestingmaterial.com/generate-extent-reports/

Answer 3

如果您想要使用Applitools的完整页面截图/特定元素。您可以使用代码行：-

全镜头

eyes.setHideScrollbars(false);
eyes.setStitchMode(StitchMode.CSS);
eyes.setForceFullPageScreenshot(true);
eyes.checkWindow();

为特定元素拍摄屏幕截图

WebElement Button = driver.findElement(By.xpath("//button[@id='login-btn']"));
eyes.setHideScrollbars(false);
eyes.setStitchMode(StitchMode.CSS);     
eyes.open(driver, projectName, testName);
eyes.setMatchLevel(MatchLevel.EXACT);       
eyes.checkElement(Button );