Используйте функции Cypress для переменных

Я циклически выбрасываю все .row и мне нужно захватить внутренние элементы внутри .row. Есть ли способ сделать это? Я не смог найти никакой документации по этому вопросу на веб-сайте Cypress.

let num = 0
cy.get('.row').each(row => { 
  let rowDiv = cy.get(row).get('div') // not correct
  let rowBtn = cy.get(row).get('button') // not correct

  cy.get(rowDiv).should('have.text', 'Task ' + num)
  cy.get(rowBtn).should('have.text', "Btn ' + num)

  num++
})
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
0
14
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать cy.wrap(), чтобы превратить полученные элементы JQuery обратно в Cypress Chainables. Кроме того, cy.each() может дать вам индекс текущей итерации, поэтому вместо использования num вы можете просто использовать эту индексную переменную.

cy.get('.row')
  .each((row, rowIndex) => { // yields JQuery element and current iteration
    cy.wrap(row).find('div').should('have.text', `Task ${rowIndex}`);
    cy.wrap(row).find('button').should('have.text', `Btn ${rowIndex}`);
  });

Спасибо, что сработало! Мне просто нужно было изменить .get на .find в вашем решении.

stumped 17.05.2022 20:25

Ах, мой плохой, скопируйте и вставьте ошибку. Я обновлю ответ.

agoff 17.05.2022 20:31

Другие вопросы по теме