Cypress - 提示弹窗

Cypress 可以处理提示弹出窗口，用户可以在其中输入值。提示有一个文本字段，可在其中进行输入。要处理提示弹出窗口，请使用 cy.window() 方法。

它获取提示对象（远程窗口）的值。在确认/警报弹出窗口中，我们必须触发浏览器事件。但是对于弹出提示，我们必须使用 cy.stub() 方法。

例子

让我们看下面的例子，点击“Click for JS Prompt”按钮，会弹出一个提示，如下所示 -

将显示以下带有用户输入字段的提示。在弹出的提示中输入Tutorialspoint，如下图。

您输入 - Tutorialspoint 显示在结果下。

这可以在下面显示的屏幕中看到 -

执行

下面给出的是在 Cypress 中显示提示弹出窗口的命令的实现 -

describe('Tutorialspoint Test', function () {
   // test case
   it("Scenario 1", function () {
      //URL launch
      cy.visit("https://the-internet.herokuapp.com/javascript_alerts")
      //handling prompt alert
      cy.window().then(function(p){
         //stubbing prompt window
         cy.stub(p, "prompt").returns("Tutorialspoint");
         // click on Click for JS Prompt button
         cy.get(':nth-child(3) > button').click()
         // verify application message on clicking on OK
         cy.get('#result').contains('You entered: Tutorialspoint')
      });
   });
});   

执行结果

输出如下 -

输出日志显示文本验证成功。

您输入- Tutorialspoint，是在弹出提示时单击“确定”按钮生成的。此外，应用于提示窗口的存根在输出日志中可见。