如何在<ion-input>输入类型中通过cypress cy.type键入文本？

Question

如果我愿意   var typedText ='test@email.com'

echo $this->Form->control('paid', ['label' => 'Paid', 'type'=>'number']);

测试运行显示类似错误

CypressError：cy.type（）失败，因为它需要有效的可输入元素。

Answer 1

var typedText ='test@email.com'

    cy.get('[data-cy=type-email]>[data-cy=type-email]')
        .type(typedText)   
        .should('have.value',typedText)

OR

var typedText ='test@email.com'

    cy.get('[data-cy=password]').children() 
        .type(typedText)   
        .should('have.value',typedText)

这适用于离子。

Answer 2

cypress documentation for the type() method指出，要将其与非输入或非文本区域结合使用，必须将tabindex属性应用于要键入的元素。

他们没有解释为什么会这样，我自己也没有与柏树合作。我希望这对您有用。