TypeError [ERR_UNESCAPED_CHARACTERS] when running nightwatchjs test

Question

I just updated my chromedriver from version 74.xx to 76.xx and received the following error:

Error while running .isElementDisplayed() protocol action: TypeError [ERR_UNESCAPED_CHARACTERS]: Error while trying to create HTTP request for "/wd/hub/session/676ee244a59ce7cba8601d00582bbe13/element/[object Object]/displayed": Request path contains unescaped characters
    at new ClientRequest (_http_client.js:115:13)
    at Object.request (http.js:42:10)
    at HttpRequest.createHttpRequest (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/http/request.js:112:55)
    at HttpRequest.send (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/http/request.js:191:29)
    at Promise (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/transport/transport.js:189:15)
    at new Promise (<anonymous>)
    at Selenium2Protocol.sendProtocolAction (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/transport/transport.js:187:12)
    at Selenium2Protocol.runProtocolAction (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/transport/jsonwire.js:61:17)
    at Object.isElementDisplayed (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/transport/actions.js:54:10)
    at Selenium2Protocol.executeProtocolAction (/Users/bradleystillwagon/Documents/dev/git/nightwatch_intellij/node_modules/nightwatch/lib/transport/transport.js:235:48)

I also update nightwatch from 1.1.13 to 1.2.1 in the process.

Answer 1

As part of the change from chrome version 74.xx to 76.xx, I ran into the switch that was made where ChromeDriver now runs in W3C standard compliant mode by default (chromeDriver version 75.0.3770.8 specifically).

To get around this for my existing codebase, I had to add the w3c setting below to my configuration file:

desiredCapabilities: {
        browserName: "chrome",
        chromeOptions: {
          w3c: false
        }
      }

Answer 2

In the above commented code, the implementation is not correct so adding that

"desiredCapabilities": {
            "browserName": "chrome",
            "javascriptEnabled": true,
            "acceptSslCerts": true,
            "chromeOptions": {
              "w3c": false,
              "args": ["--headlesffs",  "window-size=1280,800"]

            }
          }