Concatenation of multiple finds for Page Objects

[MaPhiWe]

Hi,

I have the following Page Object PwFrame:

const pwFrameCommands = {
  async jumpToInvoice(this: PwFrame, index: number) {
    return this.element.findAll('@tableRow').nth(index).find('td a span[name=RECHNUNG]').click()
  },
}

const pwFrame: PageObjectModel = {
  commands: [pwFrameCommands],
  elements: {
    tableRow: {
      selector: 'tbody tr',
      timeout: 10000,
    },
    invoiceField: {
      selector: 'td a span[name=RECHNUNG]',
    },
  },
}

Now, while the jumpToInvoice command is working as expected, I have two questions:

1. It seems I can't use @invoiceField in the second find, but I have to use the CSS selector directly. Is this a bug, working as intended, or me just being stupid?
2. Is it possible to simplify this? In my mind, the whole command should be something like this:

async jumpToInvoice(this: PwFrame, index: number) {
    return this.element.find(`@tableRow:nth(${index}) @invoiceField`).click()
},

However, I get an invalid selector error with this syntax.

Thanks a lot,

MaPhi