webdrivercss不保存屏幕截图

时间:2015-08-04 20:01:02

标签: selenium-webdriver webdriver automated-tests webdriver-io

我是webdriverio和webdrivercss的新手。我需要制作一些DOM元素的截图。所以,我写了以下内容:

// init WebdriverIO
var client = require('webdriverio').remote({desiredCapabilities:{browserName: 'firefox'}});
// init WebdriverCSS
require('webdrivercss').init(client);
client
    .init()
    .url('http://webdriver.io/')
    .webdrivercss('startpage',[
        {
            name: 'header',
            elem: '.mainnav'
        }
    ], function(err, res) {
            console.log(err, res);
    })
    .end();

结果我得到了空的./webdrivercss目录和' err',' res'回调参数作为' undefined'值。

节点版本' v0.12.7'。

1 个答案:

答案 0 :(得分:-1)

如果您需要创建一些您需要的特定元素的屏幕截图

  1. 创建浏览器的屏幕截图

  2. 获取页面上的大小和位置,并从步骤1中的屏幕截图中剪切;

  3. c#的代码:

    public Bitmap getElementImg(Point point, Size size)
        {
            Screenshot myScreenShot = ((ITakesScreenshot)Instance).GetScreenshot();
    
            Bitmap screen = new Bitmap(new MemoryStream(myScreenShot.AsByteArray));
    
            Bitmap eleScreenshot = screen.Clone(new Rectangle(point, size), screen.PixelFormat);
    
            return eleScreenshot;
        }
    

    点数,尺寸大小 - 元素大小和位置