如何验证柏树中的错误消息?

How to validate a error message in cypress?

我是 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

您可以通过 生成 元素并获取其 textContent 值来断言 UI 中的错误消息,如下所示:

cy.get('.message__bind').then($el => {
   const elText = $el.text(); // gets the text content

   // asserts element contains the right text
   cy.wrap(elText).should('have.text', 'SSN 123456789 not found ');
})

你应该阅读更多相关内容 here

你的图片里有一个#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 ');