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

Question

我有一个带有样式 text-transform: 大写的 html 输入，所以每当用户在其中输入一个值时，它都会变成大写。但是当我使用柏树来定位这个元素的价值时

.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')
  })