Cypress: поиск родительского элемента

Question

У меня есть дерево элементов, и у каждого элемента есть значок переключения, чтобы развернуть его. Мое намерение состоит в том, чтобы щелкнуть значок переключения, соответствующий элементу, у которого есть текст для ex "TIME PERIODS" В настоящее время я пишу свой код, как показано ниже, Есть ли лучший способ сделать это? Пожалуйста, смотрите скриншот для моей структуры элемента.

 cy.get('.tree-node',{ timeout: 60000 }).contains('TIME PERIODS',{force: true}).parent().parent().find('.tree-node-collapsed').click()

Answer 1

каждый () метод доступен в Cypress.io. С помощью которого мы можем перемещаться по дереву элементов и фильтровать по тексту. Пожалуйста, следуйте нижеприведенному коду:

Код

   cy
    .get('.tree-node')
    .each(($el, index, $list) => {
        // $el is a wrapped jQuery element
       $el.get('.tree-item').contains('TIME PERIODS').siblings('.tree-node- 
       collapsed').click();
     });

Answer 2

Мы можем сделать, как показано ниже, без использования .each

cy.get('.tree-node').get('.tree-item').contains('Header').parent().siblings('.tree-node-collapsed').click();

Answer 3

У меня исправлены проблемы - рабочий код указан ниже

cy.get('.tree-node').each(($el, index, $list) => {
    // $el is a wrapped jQuery element
     cy.wrap($el).get('.tree-item').contains('TIME PERIODS').parent().siblings('.tree-node-collapsed').click();