赛普拉斯通过CSS选择器获取元素标签名称

Question

简单的问题。如何测试（使用cypress），例如，我使用CSS选择器查询的元素是h2？

cy.get('.qards-widget-hero').first()// this needs to be a h2

Answer 1

您能告诉我们所有HTML的片段吗？

如果我正确地阅读了您的问题，则要确保存在h2。您说需要是h2，我认为存在会做同样的事情。我假设此小部件为h2，并且具有qards-widget-hero类。

cy.get('h2.qards-widget-hero').should('exist')

//如果想要第一个

cy.get('h2.qards-widget-hero').first().should('exist')

Answer 2

@Maccurt的答案适用于所选类别中没有其他元素的情况，但是如果符合以下条件，则测试将报告误报。

<h1 class="qards-widget-hero"></h1>
<h2 class="qards-widget-hero"></h2>

查看此问题How to check an element type with chai。

我认为您可以使用类似的

cy.get('.qards-widget-hero').first()
  .should('have.prop', 'tagName' ).should('eq', 'H2') // tagName is uppercase