Cypress получить имя тега элемента с помощью селектора CSS

Question

Простой вопрос.Как мне проверить (с cypress), что элемент, который я запрашиваю с помощью селектора css, например, h2?

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

Answer 1

@ Ответ Маккурта работает для сценариев, в которых нет другого элемента с выбранным классом, но при наличии следующего тест выдаст ложное срабатывание.

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

См. Этот вопрос Какпроверить тип элемента с помощью chai .

Я думаю, вы можете использовать что-то вроде

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

Answer 2

Можете ли вы показать нам фрагмент всего HTML?

Если я правильно прочитал ваши вопросы, вы хотите убедиться, что h2 существует.Вы говорите, должен быть h2, я думаю, что существующий сделал бы то же самое.Я предполагаю, что этот виджет является h2 и имеет класс qards-widget-hero.

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

// Если вы хотите первый

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