cy.should('have.value', someValue) always fails when applied to <progress> or <meter> elements #7603
Comments
|
@LisaManresa Thanks for providing a reproducible example! This looks to be a regression introduced in 4.6.0 very likely within #7315 A progress element's <html>
<body>
<progress max="100" value="70">70%</progress>
<meter min="0" max="100" low="33" high="66" optimum="80" value="50">
at 50/100
</meter>
</body>
</html>describe('progress', () => {
it('test', () => {
cy.visit('index.html')
// ❗️fails in 4.6.0 - passes in 4.5.0
cy.get('progress').should('have.value', 70)
})
it('test', () => {
cy.visit('index.html')
// fails in 4.6.0 and 4.5.0
cy.get('progress').should('have.value', '70')
})
it('test', () => {
cy.visit('index.html')
// passes in 4.6.0 and 4.5.0
cy.get('progress').invoke('val').should('eq', 70)
})
it('test', () => {
cy.visit('index.html')
cy.get('progress').should(($el) => {
// passes in 4.6.0 and 4.5.0
expect($el.val()).to.eq(70)
})
})
})
describe('meter', () => {
it('test', () => {
cy.visit('index.html')
// ❗️fails in 4.6.0 - passes in 4.5.0
cy.get('meter').should('have.value', 50)
})
it('test', () => {
cy.visit('index.html')
// fails in 4.6.0 and 4.5.0
cy.get('meter').should('have.value', '50')
})
it('test', () => {
cy.visit('index.html')
// passes in 4.6.0 and 4.5.0
cy.get('meter').invoke('val').should('eq', 50)
})
it('test', () => {
cy.visit('index.html')
cy.get('meter').should(($el) => {
// passes in 4.6.0 and 4.5.0
expect($el.val()).to.eq(50)
})
})
})
WorkaroundDowngrade to 4.5.0 or use one of the other passing methods above to test the value outside of the |
jennifer-shehane
added
v4.6.0 
cypress-bot
bot
added
the
stage: ready for work
|
Elements that accept number type
Elements that accept string type
|
cypress-bot
bot
added
stage: work in progress
cypress-bot
bot
added
stage: pending release
|
The code for this is done in cypress-io/cypress#7621, but has yet to be released. |
|
Released in This comment thread has been locked. If you are still experiencing this issue after upgrading to |
cypress-bot
bot
removed
the
stage: pending release
Current behavior:
cy.should('have.value', someValue)always fails when testing<progress>or<meter>elements. This is regardless of whether the value passed to the assertion is a String or Number.Assertion results in
expected '<progress#progressEl>' to have value '50', but the value was 50Desired behavior:
When applied to a
<progress>or<meter>element, thecy.should('have.value', someValue)should behave the same way it does for<input>elements.Test code to reproduce
HTML
Test
Comparison between
have.valueasserted on<input>vs<progress>/<meter>, as well as a comparison withhave.attrcan be found here: https://github.com/LisaManresa/cypress-test-tinyVersions
Cypress 4.6.0
The text was updated successfully, but these errors were encountered: