webdrivercss не сохраняет скриншоты

Question

Я новичок в 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», обратный вызов Params «Res» как «не определено» значения.

Узел версии 'v0.12.7'.

Answer 1

, если вам нужно создать скриншот какого-то конкретного элемента вам необходимо

1. создать скриншот браузера

2. размера прибудет и расположение на странице и вырезать из screenchot, принятый на этапе 1;

код 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; 
    } 

точка Точка, размер Размер - размер элементов и расположение

Answer 2

Я также имел дело с этим вопросом раньше. Оказалось, что WebdriverCSS несовместим с последней версией WebdriverIO.

@ Христианско-bromann комментировал 9 июл

Hi @terekim, я в настоящее время работает над обновлением WebdriverCSS так работает с WebdriverIO v3. В настоящее время это не работает. Пожалуйста, не переключайтесь.

https://github.com/webdriverio/webdrivercss/issues/89

последняя суб- v3 версия WebdriverCSS является 2.4.5.