How do one properly iterate over elements?

On webdriver homepage there is an example:

        var results = $$('.commands.property a').filter(function (link) {
            return link.isVisible();
        });

Spectron is promised-based, therefore I adopt it to something like this:

        var results = await app.client.$$('.commands.property a')
        var filtered = results.filter(function (link) {
            return link.isVisible();
        });

But it throws TypeError: link.isVisible is not a function. Same error occurs on this:

      var results = await app.client.$$('..commands.property a')
      var isVisible = results[0].isVisible()

So what is a proper way to iterate over array of dom elelements returned from $$?

[negamaxi]

Yep, it works.

[negamaxi]

@DHedgecock I gues we can use :nth-child(n) for this:

const elements = await this.app.client.$$('.container > *')
const childIndexesArray = Array.from(Array(elements.length + 1).keys()).splice(1)
// [ 1, 2, 3, 4 ... ]
const childElements = await Promise.all(
  childIndexesArray.map(index => this.app.client.$(`.container > *:nth-child(${index})`)
)
// child elements must contain elements we can interact with

Haven’t tested yet.