如何在< ion-input>中使用cypress cy.type键入文本输入类型? [英] How to type text by cypress cy.type in <ion-input> Input type?

问题描述

< ion-input data-cy =电子邮件" type =电子邮件" class ="border"占位符="EMAIL">

< ion-input data-cy="email" type="email" class="border" placeholder="EMAIL">

如果我愿意 var typedText ='[e-mail]'

If I do var typedText = '[e-mail]'

    cy.get('[data-cy=email]')
        .type(typedText,{ force: true })   
        .should('have.value',typedText)

测试运行显示类似错误

CypressError:cy.type()失败，因为它需要有效的可输入元素.

CypressError: cy.type() failed because it requires a valid typeable element.

推荐答案

var typedText ='[e-mail]'

var typedText = '[e-mail]'

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

OR

var typedText ='[e-mail]'

var typedText = '[e-mail]'

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

这适用于离子.

这篇关于如何在&lt; ion-input&gt;中使用cypress cy.type键入文本输入类型?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！