如何使用Cypress.io Js自动化框架测试警报及其显示的文本？

沃梦达教程前端问题

2022-01-01 8

How can we test the alert and the text it is displaying using Cypress.io Js automation framework?(如何使用Cypress.io Js自动化框架测试警报及其显示的文本？)

本文介绍了如何使用Cypress.io Js自动化框架测试警报及其显示的文本？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何使用Cypress.io Js自动化框架测试显示的警报和内部文本？我无法理解Cypress文档中的相关示例，请告知。

describe('Test an alert and the text displaying', function() {
it('Verify alert and its text content', function(){
    cy.visit('http://www.seleniumeasy.com/test/javascript-alert-box-demo.html')     
    cy.get('button').contains('Click me!').click()
    cy.on ('window:alert', 'I am an alert box!')    

    })

})

推荐答案

按照理查德·马特森的建议，使用cy.stub()方法计算出答案：

describe('Test an alert and the text displaying', function() {
it('Verify alert and its text content', function(){
    cy.visit('http://www.seleniumeasy.com/test/javascript-alert-box-demo.html')    

    const stub = cy.stub()  
    cy.on ('window:alert', stub)
    cy
    .get('button').contains('Click me!').click()
    .then(() => {
      expect(stub.getCall(0)).to.be.calledWith('I am an alert box!')      
    })  

    })

})

这篇关于如何使用Cypress.io Js自动化框架测试警报及其显示的文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！