Скачать или смотреть Find Table Rows With The Given Cells By The Column Titles

This video teaches you the advanced CSS and jQuery selectors like :has, :contains, :nth-child We will find the table rows using the cell values. For example, to find the table rows where the first column cell has the value "Sharks" we can use the following complex selector:

cy.get('table tbody tr:has(td:nth-child(1):contains("Sharks"))')

If we need to find the rows with cells in the column 1 having text "Sharks" and the cells in the column 3 having text "win", we can filter the rows several times

cy.get('table tbody tr')
.filter(':has(td:nth-child(1):contains("Sharks"))')
.filter(':has(td:nth-child(3):contains("win"))')

Instead of using several child cy.filter commands, we can filter inside cy.then callback using the jQuery .filter() method. The same code as above can be written as:

cy.get('table tbody tr')
.then(function ($tr) {
return $tr
.filter(':has(td:nth-child(1):contains("Sharks"))')
.filter(':has(td:nth-child(3):contains("win"))')
})

Finally, if we do not know the column indices, and instead know the column titles, we first need to find the indices, and then call the jQuery filter methods. Let's say we want to find all rows for the games where the team playing away won. Here is our search object

const search = {
Location: 'away',
Result: 'win',
}

We must first find the indices of the columns "Location" and "Result" and then call ".filter" several times, filtering the rows step by step. You can find the final code in a recipe at https://glebbahmutov.com/cypress-exam...