自动化测试，让你上班拥有一杯咖啡的时间 | Day 27 - 学习 cypress window 的用法

此系列文章会同步发文到个人部落格，有兴趣的读者可以前往观看喔。

今天要跟大家分享当网站有用到 Javascript prompt 时，要如何测试。

cy.window(): Get the window object of the page that is currently active.

cy.window()
cy.window(options)

cy.stub(): Replace a function, record its usage and control its behavior.

cy.stub()
cy.stub(object, method)
cy.stub(object, method, replacerFn)

1. Javascript prompt: 输入文字用，会有一个输入框和确认/取消按钮
   

2. 动手写程序

   describe('JavaScript Alerts, Confirm, Prompt in Cypress', () => {
   
       beforeEach(() => {
           cy.visit('https://www.seleniumeasy.com/test/javascript-alert-box-demo.html')
       })
   
       it('JS Prompt - 输入文字并按确定', () => {
           cy.window().then(($win) => {
               cy.stub($win, 'prompt').returns('Jennifer') 
               cy.get('.row > .col-md-6 > .panel:nth-child(6) > .panel-body > .btn').click() //点选按钮
           })
           cy.get('#prompt-demo').contains("You have entered 'Jennifer' !") //应该要有You have entered 'Jennifer' !
       })
   
   })
   

3. 结果
   

参考资料

• https://www.seleniumeasy.com/test/javascript-alert-box-demo.html
• https://docs.cypress.io/api/commands/window
• https://docs.cypress.io/api/commands/stub
• https://docs.cypress.io/api/commands/then