I have a web page where the items when checked get a line-through as in the image below.
Before checking:
<li style="text-decoration: none;">test</li>
After checking:
<li style="text-decoration: line-through;">test</li>
I am trying to assert on the line-though with :
cy.get('li').should('have.css', 'text-decoration', 'line-through')
But, I get this error on assertion :
assertexpected <li> to have CSS property text-decoration with the value line-through, but the value was line-through solid rgb(0, 0, 0)
How do I assert on the line-through?
CodePudding user response:
You need a partial check.
I know this works Cypress.$(e).css('text-decoration').includes('line-through')
so perhaps this:
cy.get('li')
.invoke('css', 'text-decoration')
.should('include', 'line-through')