Chained cypress-testing-library commands don't work as expected

• cypress-testing-library version: 6.0.0
• node version: 12.14.1
• npm (or yarn) version: yarn 1.21.1

Relevant code or config

cy.findAllByTestId('test-id').findByText('mytext').parents('.parent');

What you did: I want to chain commands from cypress-testing-library, so that they are executed in the same context. In the example above I want to retrieve the element which contains the text “mytext” but only for elements which have a parent (somewhere in the upper DOM) with a data-testid attribute with the value ‘test-id’.

What happened: The command doesn’t find an element with the given text, even if there would be such an element (proof is being provided in the Hint below).

Hint:

If I run the same code as above, but with a contains instead of the findByText everything works as expected:

cy.findAllByTestId('test-id').contains('mytext').parents('.parent');

Thanks for this library and the whole testing-library family in general! Cheers!

[ismay]

It’s a bit unclear to me whether the chaining behaviour was removed on purpose (as I read @kentcdodds reply), or if it’s a bug (@NicholasBoll’s reply).

Personally, I think the chaining is useful. For example, say that in a table I want to verify that a particular cell (selected by the ‘rowheader’ role), has sibling cells with a certain expected content.

If you can’t chain I don’t see how I could gradually scope the selection of elements. For a practical example, see the screenshot below:

Let’s say I want to ensure that Job 1 (rowheader) is rendering with the expected type ‘Credentials expiry alert’. I’d expect to be able to do:

    cy.findByRole('rowheader', { name: 'Job 1' })
        .siblings()
        .findByRole('cell', { name: 'Credentials expiry alert' })
        .should('exist')

Yes, I could do this (and that works):

    cy.findByRole('cell, { name: 'Credentials expiry alert' }).should('exist')

But that doesn’t guarantee that the expected cell is rendered in the row that contains the Job 1 rowheader.

[kentcdodds]

Hi @silviuaavram,

I’m guessing your issue is related to the breaking change documented here: https://github.com/testing-library/cypress-testing-library/releases/tag/v6.0.0

Should be a reasonably easy update for you 😃