Select Elements By Computed Style

Publié le: 12 avril 2022
sur la chaîne: gleb bahmutov

830

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...

Sur cette page du site, vous pouvez voir la vidéo en ligne Select Elements By Computed Style durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur gleb bahmutov 12 avril 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 830 fois et il a aimé 22 téléspectateurs. Bon visionnage!

11,731

160