Cypress - 提示弹出窗口

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

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

示例

让我们看下面的示例，点击“点击获取 JS 提示”按钮后，会显示一个提示弹出窗口，如下所示：

显示以下带有用户输入字段的提示。在提示弹出窗口中输入 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，在点击提示弹出窗口上的“确定”按钮后生成。此外，应用于提示窗口的存根在输出日志中可见。