如何在cypress中测试浮动对话框？

发布于 2025-01-11 08:26:16 字数 521 浏览 0 评论 0原文

我正在 Facebook 应用程序上练习 Cypress。我在测试以下场景时遇到问题：

单击“名字”时，此浮动对话框应该可见。
验证对话框中的文本为“你叫什么名字？”。

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 注册页面

原文

I am practicing Cypress on the Facebook app. I am having an issue on testing these following scenarios:

When clicked on First Name, this floating dialog should be visible.
Validating the text in the dialog box to be 'What's your name?'.

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?");
});

But this is not working.

This is a pic of what I am testing:

Facebook sign up page

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

飘落散花 2025-01-18 08:26:16

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

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

The popup is added to the end of the page after clicking the red icon.

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

回复收藏 0 原文

心如荒岛 2025-01-18 08:26:16

你可以这样做：

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')

You can do something like this:

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')

回复收藏 0 原文

~没有更多了~