Как дождаться загрузки документа в селезене Saucelab?

Question

Я экспериментирую с Saucelab atm, и это замечательный инструмент. Я хочу настроить мой код, чтобы дождаться загрузки документа и jquery, чтобы я мог успешно выполнить полный скриншот страницы, которую я хочу проверить. Я добавил мой сценарий JS Скрипки ссылке здесь: https://jsfiddle.net/ttLLdcq1/ и скопировать и вставить скрипт:

"use strict"; 
var webdriver = require('selenium-webdriver'); // muse use selenium-webdriver version <=2.47.0 
var username = "my_username"; 
var accessKey = "my_access_key"; 
var driver; 
var deviceTypes = { 
    desktop: 'desktop', 
    mobile: 'mobile' 
} 
/*Desktops*/ 
var screenResolutions = { 
    desktop: "1280x1024", 
    tablet: "1024x768", 
    mobile: "800x600" 
}; 
var browsers = [ 
    /*Desktop*/ 
    { 
     type: deviceTypes.desktop, 
     browser: 'chrome', 
     platform: 'Windows XP', 
     version: '43.0', 
     screenResolution: screenResolutions.desktop 
    }, 
    { 
     type: deviceTypes.desktop, 
     browser: 'firefox', 
     platform: 'Windows XP', 
     version: '38.0', 
     screenResolution: screenResolutions.desktop 
    }, 
    { 
     type: deviceTypes.desktop, 
     browser: 'internet explorer', 
     platform: 'Windows 10', 
     version: '11.103', 
     screenResolution: screenResolutions.desktop 
    }, 
    { 
     type: deviceTypes.desktop, 
     browser: 'safari', 
     platform: 'OS X 10.8', 
     version: '6.0', 
     screenResolution: screenResolutions.desktop 
    }, 
    /*Tablet*/ 
    { 
     type: deviceTypes.desktop, 
     browser: 'chrome', 
     platform: 'Windows XP', 
     version: '43.0', 
     screenResolution: screenResolutions.tablet 
    }, 
    { 
     type: deviceTypes.desktop, 
     browser: 'firefox', 
     platform: 'Windows XP', 
     version: '38.0', 
     screenResolution: screenResolutions.tablet 
    }, 
    { 
     type: deviceTypes.desktop, 
     browser: 'internet explorer', 
     platform: 'Windows 10', 
     version: '11.103', 
     screenResolution: screenResolutions.tablet 
    }, 
    { 
     type: deviceTypes.desktop, 
     browser: 'safari', 
     platform: 'OS X 10.8', 
     version: '6.0', 
     screenResolution: screenResolutions.tablet 
    }, 
    /*Mobiles - Android*/ 
    { 
     type: deviceTypes.mobile, 
     browserName: 'android', 
     platform: 'linux', 
     version: '5.1', 
     deviceName: 'Android Emulator', 
     deviceOrientation: 'portrait' 
    }, 

    { 
     type: deviceTypes.mobile, 
     browserName: 'android', 
     platform: 'linux', 
     version: '4.4', 
     deviceName: 'Samsung Galaxy S4 Emulator', 
     deviceOrientation: 'portrait' 
    }, 
    { 
     type: deviceTypes.mobile, 
     browserName: 'iphone', 
     platform: 'OS X 10.10', 
     version: '9.2', 
     deviceName: 'iPhone 5s', 
     deviceOrientation: 'portrait' 
    } 

]; 

var index = 0; 

loopBrowsers(); 
function loopBrowsers(){ 

    var browserConfig = browsers[index]; 
    var capabilities; 

    if(browserConfig.type === deviceTypes.desktop){ 
     capabilities = { 
      'browserName': browserConfig.browser, 
      'platform': browserConfig.platform, 
      'version': browserConfig.version, 
      'screenResolution': browserConfig.screenResolution, 
      'username': username, 
      'accessKey': accessKey 
     } 
    } else if (browserConfig.type === deviceTypes.mobile) { 
     capabilities = { 
      'browserName': browserConfig.browserName, 
      'platform': browserConfig.platform, 
      'version': browserConfig.version, 
      'deviceName': browserConfig.deviceName, 
      'deviceOrientation': browserConfig.deviceOrientation, 
      'username': username, 
      'accessKey': accessKey 
     } 
    } 

    driver = new webdriver.Builder(). 
    withCapabilities(capabilities). 
    usingServer("http://" + username + ":" + accessKey + "@ondemand.saucelabs.com:80/wd/hub"). 
    build(); 

    driver.get('http://example.com'); 

    //Taking screenshot on currently targeting browser 
    driver.takeScreenshot().then(
     function(image, err){ 

      var fileName; 

      if(browserConfig.type === deviceTypes.desktop){ 
       fileName = "screen_"+browserConfig.browser+"_"+browserConfig.screenResolution; 
      } else if (browserConfig.type === deviceTypes.mobile) { 
       fileName = "screen_"+browserConfig.deviceName+"_"+browserConfig.deviceOrientation; 
      } 

      require('fs').writeFile("screenshots/"+ fileName +".png", image, 'base64', function(err){ 
       console.log("Completed screenshot: " + index + " any errors: " + err); 

       index++; 
       if(index < browsers.length){ 
        loopBrowsers(); 
       } else { 

       } 
      }); 
     } 
    ); 
    driver.quit(); 
} 

В принципе, я хочу, чтобы ждать документа, чтобы загрузить, а затем сделать снимок. Кроме того, существует ли всестороннее руководство по использованию JS с Selenium? Например, я хочу выбрать элемент и посмотреть, находится ли этот элемент в правильном положении и т. Д. Есть ли какая-либо инфраструктура оболочки, которая делает это и работает с Saucelab? Благодарю.

Answer 1

Я просто понял, что вы можете просто ждать загрузки последних элементов, что в значительной степени означает, что страница загружена.