Hey guys having some issues here.

So i would like to locate first row in my table that have confirmed status then click on that row to perform another checks within that element

it('should be able to view transaction id', () => {
     Get first element in the table that have confirmed status
     Click on that row 
     Check if that expanded row have Transaction ID and value of that ID is not empty 

});

This is my table rows

static get tableRows(): Cypress.Chainable<JQuery<HTMLElement>> {
    return cy.get<HTMLElement>('tbody[role="rowgroup"] tr');
  }

Here is my status column

static get statusColumn(): Cypress.Chainable<JQuery<HTMLElement>> {
    return cy.get<HTMLElement>('tr td.cdk-cell.status.cdk-column-Status');
  }a

Another complexity is that expanded row have more td blocks

enter image description here