Select Elements By Computed Style
How do you select elements by the run-time color? For example, how do you select anchor links that are red? An element can be red because a class was applied, or an inline style, or it could be made red using JavaScript. To help you, the cy.filter https://on.cypress.io/filter command allows using a callback function that can grab the computed style of an element and return true if the current runtime color of an element is red.
cy.get('a').filter(function (k, el) {
const color = window.getComputedStyle(el).color
return color === 'rgb(255, 0, 0)'
})
Find this example among the recipes at https://glebbahmutov.com/cypress-exam...
Watch video Select Elements By Computed Style online, duration hours minute second in high quality that is uploaded to the channel gleb bahmutov 12 April 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 830 times and liked it 22 visitors.
