wordpress - Cypress:信用卡支付的自动测试

Question

我正在做信用卡付款的自动测试。不幸的是，测试在到期日期项目中失败了
我的代码:

    cy.getWithinIframe('[name="cardnumber"]').type('4242424242424242');
    cy.getWithinIframe('[name="exp-date"]').type('122024');
    cy.getWithinIframe('[name="cvc"]').type('987');

给出以下错误:

测试结束的地方

Answer 1

因此，对于 iframe，我们必须寻找解决方法，因为 cypress 不提供对 iframe 的开箱即用支持。
1. 我们将创建一个自定义命令，这将帮助我们遍历 iframe 并有助于代码的可重用性。
下 cypress/support/command.js写:

Cypress.Commands.add('getIframe', (iframe) => {
    return cy.get(iframe)
        .its('0.contentDocument.body')
        .should('be.visible')
        .then(cy.wrap);
})

2. 我看到测试有时会随机失败，所以如果我们使用 retry option from cypress 会很好.为此，请访问 cypress.json和写: "retries": 2此选项仅适用于 cypress v5.0 及更高版本。
3. 在您的测试文件中，
用于输入 卡号用:

cy.getIframe('#stripe-card-element > .__PrivateStripeElement > iframe').click().type('4242 4242 4242 4242')

用于输入 有效期用:

cy.getIframe('#stripe-exp-element > .__PrivateStripeElement > iframe').click().type('0921')

用于输入 CVC号码用:

cy.getIframe('#stripe-cvc-element > .__PrivateStripeElement > iframe').click().type('123')