c# - 无法在 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

（我来自 Applitools。）

设置forcefullpagescreenshoot为 true 时，applitools 将尝试滚动HTML页面中的元素，如果HTML不是可滚动元素，则需要您自己设置：

eyes.Check(Target.Window().ScrollRootElement(selector))

在 Firefox 中，您可以在可滚动元素附近看到滚动标签。

Answer 3

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

Answer 4

如果您想使用 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 );