用Javascript中的Webdriver返回DOM元素

Question

How do I return a DOM Element with Webdriver in Javascript?

I am using the wd.js Javascript bindings:

require("wd")
  .remote("promiseChain")
  .init()
  .get("http://www.google.com")
  .elementById("mngb")
  .then(function(element) { console.log(element); });

I am getting this weird object that is not a standard DOM Element (for example I cannot get the HTML code out of it):

{ value: '0',
  browser: 
  { domain: null,
    _events: {},
    _maxListeners: 10,
    configUrl: 
  { protocol: 'http:',
    slashes: true,
    auth: null,
    host: '127.0.0.1:4444',
    port: '4444',
    hostname: '127.0.0.1',
    hash: null,
    search: '',
    query: {},
    pathname: '/wd/hub',
    path: '/wd/hub',
    href: 'http://127.0.0.1:4444/wd/hub' },
 sauceRestRoot: 'https://saucelabs.com/rest/v1',
 noAuthConfigUrl: 
  { protocol: 'http:',
    slashes: true,
    host: '127.0.0.1:4444',
    port: '4444',
    hostname: '127.0.0.1',
    hash: null,
    search: null,
    query: null,
    pathname: '/wd/hub',
    path: '/wd/hub',
    href: 'http://127.0.0.1:4444/wd/hub' },
 defaultCapabilities: 
  { browserName: 'firefox',
    version: '',
    javascriptEnabled: true,
    platform: 'ANY' },
 _httpConfig: 
  { timeout: undefined,
    retries: 3,
    retryDelay: 15,
    baseUrl: undefined },
 sampleElement: { value: 1, browser: [Circular] },
 sessionID: '238c9837-3d82-4d90-9594-cefb4ba8e6b9' } }

Answer 1

It is impossible to get the actual Javascript DOM element with any Webdriver client, but it should be no problem for most cases since the method getAttribute() is available. For example:

require("wd")
  .remote("promiseChain")
  .init()
  .get("http://www.google.com")
  .elementById("mngb")
  .getAttribute("outerHTML")
  .then(console.log.bind(console))

returns the HTML code for #mngb on www.google.com

In case using the DOM element is really needed, one can create a copy using jsdom