Selenium with async/await in JS, find and click on element

Question

I'm trying to refactor my tests using Selenium webdriver and Mocha to ES7 with async/await functionality. I have got following piece of code:

await loginPage.loginAsAdmin()

/* THIS DOES NOT WORK */
//await layout.Elements.routePageButton().click()

/* THIS DOES WORK */
let a = await layout.Elements.routePageButton()
await a.click()

I don't understand why the particular does not work - I get:

TypeError: layout.Elements.routePageButton(...).click is not a function

Function before click method returns webElement, as you can see:

Layout:

routePageButton:  async () => await findVisibleElement('#route_info a')
const findVisibleElement = utils.Methods.Element.findVisible

Method:

findVisible: async (cssSelector) => {
  let elm = await driver().findElement(by.css(cssSelector))
  return elm
}

async/await is part of ES2017, not ES2016 (ES7).

Felix Kling
– Felix Kling

2017-04-18 17:48:07 +00:00
Commented Apr 18, 2017 at 17:48 — Felix Kling
– Felix Kling, Commented Apr 18, 2017 at 17:48

Benjamin · Accepted Answer · 2017-04-18 18:19:37Z

4

The problem here is misunderstanding that await is a language keyword in ES2017 that allows you to block execution of the calling async function until a Promise returned by an invoked function resolves.

routePageButton() returns a Promise, and this is why the second syntax above works, as execution is blocked until the Promise resolves to a WebElement object.

However in the syntax you are using in the first example, the function that it is attempting to await on (click()) is never called, because a Promise does not have a click() function. Note that you have two awaits in your second syntax, but only one in your first.

To do what you are attempting to do in one line, you would have to do something like:

await (await layout.Elements.routePageButton()).click()

edited Apr 18, 2017 at 18:19

answered Apr 18, 2017 at 12:00

Benjamin

1,23911 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Benjamin Over a year ago

Thanks for the clarification, apologies that I got this wrong, I'll edit soon.

Collectives™ on Stack Overflow

Selenium with async/await in JS, find and click on element

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related