javascript - 如何验证 Cypress 中的错误消息？

Question

我是 cypress 的新手，并试图验证单击按钮后出现在 UI 上的错误消息
我已经尝试了以下 3 个，但它们都没有工作

cy.get('pvd-system-message').should('have.text', 'SSN 123456789 not found ')

cy.contains('SSN 123456789 not found').should('be.visible')  

cy.contains('pvd-system-message', 'SSN 123456789 not found ')

任何帮助将不胜感激，谢谢!
请在此处查看屏幕截图
Screenshot of UI and elements

Answer 1

您在图像中有一个 #shadow-root，看看 .shadow() examples 。
其中之一应该工作

cy.get('pvd-system-message')
  .shadow()
  .find('p.message__bind')
  .contains('SSN 123456789 not found ');

cy.get('pvd-system-message')
  .shadow()
  .find('p.message__bind')
  .should('have.text', 'SSN 123456789 not found ');

cy.get('pvd-system-message')
  .shadow()
  .contains('p.message__bind', 'SSN 123456789 not found ');