Select Elements By Computed Style

Publicado em: 12 Abril 2022
no canal de: 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...

Nesta página do site você pode assistir ao vídeo on-line Select Elements By Computed Style duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário gleb bahmutov 12 Abril 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 830 vezes e gostou 22 espectadores. Boa visualização!

190