select outer element with cy.contains()

Current behavior:

As you mentioned below we can reach an element with html tags:

https://docs.cypress.io/api/commands/contains.html#Selector

But if a tag name is exists more than one nested it select the innermost one.

Test code is below:

cy.contains('tr', 'Semanta Murphy')

Desired behavior:

But i need outer DOM object. How can I select it?

Versions

Cypress 3.0.2 macOS 10 Electron 59

[jennifer-shehane]

Yes, this is the intended behavior of .contains() when passed a selector - to find the deepest element containing the text, then go up to the first parent matching the selector passed.

Some things that would get you the tr’s parent tr:

cy.contains('tr', 'Semanta Murphy').parent('td').parent('tr')

cy.contains('tr', 'Semanta Murphy').parentsUntil('tr')

cy.contains('tr.ember-view', 'Semanta Murphy')

Let me know if this helps.

[elcsiga]

Also parentsUntil(null, 'tr.ember-view') worked for me. Second parameter is a filter, so if you have a selector which safely matches a single level, it’s fine.

A cy.safeContains() command can be implemented this way:

Cypress.Commands.add('safeContains', (collectionSelector, searchSelector, searchString) => cy
    .get(collectionSelector)
    .contains(searchSelector, searchString)
    .parentsUntil(null, collectionSelector)); 

cy.safeContains('tr', 'td.name', 'foo') then returns a tr element which has the ‘foo’ match in his name column.