如何测试赛普拉斯中的浮动对话框？

Question

我对 cypress 还很陌生，在 Facebook 应用程序上练习它的功能。我在测试以下这些场景时遇到问题：

单击名字时，应该可以看到此浮动对话框。
正在验证对话框中的文本是否为“你叫什么名字？”。

cy.get('input[name="firstname"]').focused().then(($txt)=>{
            cy.get('[data-testid="undefined"]>.uiContextualLayer uiContextualLayerLeft>._5v-0 _53im>#js_18n').should('be.visible').and('contain',"What's your name?");
        });

但这不起作用这是我正在测试的图片

Facebook sign up page

Answer 1

你可以这样做：

cy.get('[name="firstname"]').click()
cy.get('[name="lastname"]').click()
cy.get('[name="firstname"]').click() //triggers the error message
cy.contains('What\'s your name?').should('be.visible')

Answer 2

点击红色图标后弹出窗口添加到页面末尾。

cy.contains('div', 'First name')
  .parent()
  .next()    // red icon
  .click()
cy.contains('.uiContextualLayerPositioner', "What's you name?")

如何测试赛普拉斯中的浮动对话框？

How to test floating dialog boxes in cypress?

javascript

assertion

chai

cypress