赛普拉斯：键入要记录的输入元素值（文本）答案

【问题标题】：Cypress: Typing input element value (text) to log赛普拉斯：键入要记录的输入元素值（文本）
【发布时间】：2021-04-20 18:11:33
【问题描述】：

我有一个输入字段，我需要验证其文本内容。现在，验证它工作正常。出于某种原因，我无法终生将值键入 cy.log()。我以前做过，但我找不到这个例子。而且我一直在尝试调用（'val'），'value'和'text'的所有变体，但无济于事。

cy.get('[data-e2e-selector=byggrad]').eq(0)
      .within(() => {
        cy.get('[data-e2e-selector=adresserad]').eq(0)
          .within(() => {
            cy.get('[data-e2e-selector=etasjerad]').eq(0)
              .within(() => {
                cy.get('[data-e2e-selector=finansieringsobjektrad]').eq(boligrad)
                  .within(() => {
                    cy.get('input[data-e2e-selector=boligbetegnelse]').should('have.value', '123');
                    cy.log('BOLIGBETEGNELSE: ' + cy.get('input[data-e2e-selector=boligbetegnelse]').invoke('val'));
                    //cy.log('BOLIGBETEGNELSE: ' + cy.get('input[data-e2e-selector=boligbetegnelse]').invoke('value'));                    
                    //cy.log('BOLIGBETEGNELSE: ' + cy.get('input[data-e2e-selector=boligbetegnelse]').invoke('text'));
                  });
              });
          });
      });

这是柏树的输出：

完整的标记：

<input _ngcontent-pxm-c10="" class="hb-inputfelt hb-inputfelt--10tegn ng-pristine ng-valid ng-touched" data-e2e-selector="boligbetegnelse" ng-reflect-form="[object Object]" id="finansieringsobjekt-boligbetegnelse-319-H02-0">

【问题讨论】：

标签： cypress

【解决方案1】：

您需要断开 .invoke() 调用以获取值。

例如：

cy.get("matcher").invoke("val").then((value) => {
    cy.log(value);
});

【讨论】：

同样的结果。 “4000 毫秒后重试超时：cy.invoke() 出错，因为属性：您的主题上不存在值。”赛普拉斯声称对象上不存在作为属性的值，因此我认为无论链接如何都会改变。
根据您的屏幕截图，“value”不存在，但“val”或“text”应该存在。

【解决方案2】：

因为 value 它是输入元素的一个属性。

您可以找到元素的所有属性：devtools -> 在 DOM 中查找元素 -> 右侧查找选项卡属性 -> 向下滚动并查找 value 属性

  cy.get("input[data-e2e-selector=boligbetegnelse]").invoke('prop','value').then((value) => {
    cy.log(value);
});

【讨论】：