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

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

您可以通过生成元素并获取其 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。

Answer 2

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

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

How to validate a error message in cypress?

javascript

typescript

cypress

cypress-cucumber-preprocessor