带有文本转换大写的赛普拉斯输入没有选择正确的值

Question

我有一个 html 输入，样式为 text-transform: uppercase，因此每当用户向其中输入值时，它都会变成大写。但是当我使用 cypress 来定位这个元素的值时，使用

.should('have.value', FIELD),

我得到的仍然是小写输入的原始值，而不是输入字段中显示的大写值。

cypress 有办法处理这种情况吗？

仅供参考，我正在使用“cypress”：“7.4.0”

Answer 1

CSS 文本转换应用于浏览器渲染，但不影响 javascript，据我所知。

在 JS 中你能做的最好的事情就是查询元素的 CSS 属性

cy.get('span')
  .should($el => {
    expect(window.getComputedStyle($el[0])['text-transform']).to.eq('uppercase')
  })

cypress Input with text-transform uppercase not picking correct value