Cypress 简明教程

Cypress - Prompt Pop-up Window

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

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

Example

让我们看一下下面的示例,单击单击 JS 提示按钮时,会显示一个提示弹出窗口,如下所示−

click for js prompt

随即显示带用户输入字段的提示。如您所见,Tutorialspoint 已输入在提示弹出窗口中,如下所示。

prompt pop up

您输入的 − Tutorialspoint 显示在结果下方。

您可以在以下所示的屏幕中看到这一点−

entered result

Implementation

下面是 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')
      });
   });
});

Execution Results

输出如下 −

implementation of the commands

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

You enteredTutorialspoint ,是单击提示弹出窗口中的确定按钮时产生的。另外,应用于提示窗口的存根在输出日志中可见。