截取 selenium c# 中下拉列表中的选项的屏幕截图

Question

我想使用 selenium c# 捕获下拉菜单中显示的选项的屏幕截图，就像下面显示的图像一样。

我尝试了多种方法来截取屏幕截图。基本上我必须扩展元素的下拉列表来捕获屏幕截图。这是我所做的

//#1
var element = Driver.FindElement(By.Id("carsId"));
Actions builder = new Actions(Driver);
builder.SendKeys(element, Keys.LeftAlt + Keys.Down).Build().Perform();

//#2
Actions act = new Actions(Driver);
act.MoveToElement(element).Build().Perform();

按 Alt + Down 键的第一个实现在我在网站上完成但没有通过 selenium 工作时手动工作。第二个实现也不起作用。我也尝试过builder.ClickAndHold() 方法。

我还有一个问题。 selenium 真的可以点击并展开一会，直到抢屏吗？

任何帮助将不胜感激。

Answer 1

我认为正常的下拉菜单是不可能的。由于带有您可以选择的选项的覆盖显示在本机控件内部和 selenium 可以使用的上下文之外。为此，您需要一些单独的进程或工具来捕获桌面或应用程序自身的屏幕截图。

Link

现在，为了捕获桌面/应用程序的屏幕截图，我们在 Java 中使用 Robot 对象。

对于 C#，您可以使用 Capture screenshot of active window? 中建议的方法。

机器人示例代码：

try {

    //Get the size of the screen stored in toolkit object
    Toolkit tk = Toolkit.getDefaultToolkit();
    Dimension d = tk.getScreenSize();

    //Create Rectangle object using height and width of screen
    //Here entire screen is captured, change it if you need particular area
    Rectangle rect = new Rectangle(0, 0, d.width, d.height);  

    //Creates an image containing pixels read from the screen 
    Robot r = new Robot();
    BufferedImage img = r.createScreenCapture(rect);

    //Write the above generated buffered image to a file
    File f = new File("myimage.jpg");

    //Convert BufferedImage to a png/jpg image
    ImageIO.write(img, "jpg", f);

} catch (Exception e) {
    System.out.println(e.getMessage());
}

这将截取整个屏幕的屏幕截图并将其保存到给定文件位置的文件中。

Selenium 只能截取使用 Javascript/CSS 制作的自定义下拉菜单中的选项，而不能截取选择下拉菜单中的选项。

如果上述代码有效或您需要更多帮助，请告诉我。

Answer 2

相信我，无需任何其他工具即可轻松完成。

您只需在点击选择元素后执行以下步骤：

1. 制作页面截图
2. 获取您的 Select 元素位置（其在页面上的坐标）
3. 获取最后一个 Option 元素位置
4. 获取最后一个 Option 元素大小

5. 创建与选择和位置相同的新矩形

   var screenshotSize = lastOption.Position - Select.Position;

   screenShotSize.height += lastOption.Size.Height;

6. 从屏幕截图中截掉除此 Rectangle 之外的所有内容

如果是 c#，您可以使用 #6 以下代码

Bitmap ScreenshotOfSelect = browserScreenshot.Clone(new Rectangle(point, size), screen.PixelFormat);

因此，您将收到仅包含扩展 Select =) 的位图

如您所见，它真的非常容易做到 =) 除了 selenium，您不需要任何工具。并且 浏览器窗口可能暂时不可见（例如使用 phantomJS）

Answer 3

要打开下拉列表，您只需 .Click() 元素。所以在你的情况下，

IWebElement element = Driver.FindElement(By.Id("carsId"));
element.Click();

将展开下拉菜单。问题是 Selenium 的屏幕截图功能没有捕获打开的下拉菜单。您可以通过使用 .NET 来解决这个问题，只需截取活动窗口的屏幕截图。下面的工作示例代码。

static void Main(string[] args)
{
    IWebDriver Driver = new FirefoxDriver();
    Driver.Navigate().GoToUrl("http://www.tutorialspoint.com/html/html_select_tag.htm");
    Driver.Manage().Window.Maximize();
    IWebElement element = Driver.FindElement(By.Name("dropdown"));
    element.Click();
    TakeScreenShotOfWindow(@"C:\sshot.png");
}

// from http://stackoverflow.com/a/363008/2386774
public static void TakeScreenShotOfWindow(string filePath)
{
    // Create a new bitmap.
    var bmpScreenshot = new Bitmap(Screen.PrimaryScreen.Bounds.Width, Screen.PrimaryScreen.Bounds.Height, PixelFormat.Format32bppArgb);

    // Create a graphics object from the bitmap.
    var gfxScreenshot = Graphics.FromImage(bmpScreenshot);

    // Take the screenshot from the upper left corner to the right bottom corner.
    gfxScreenshot.CopyFromScreen(Screen.PrimaryScreen.Bounds.X, Screen.PrimaryScreen.Bounds.Y, 0, 0, Screen.PrimaryScreen.Bounds.Size, CopyPixelOperation.SourceCopy);

    // Save the screenshot to the specified path that the user has chosen.
    bmpScreenshot.Save(filePath, ImageFormat.Png);
}