title: How to filter through assertion on deep child div content but yield original element?
body: <p>I have a DOM tree and would like to use <code>cypress</code> to do e2e testing.</p>
  
  <pre><code>&lt;div class="this-is-an-array"&gt;
    &lt;div class="array-item-element"&gt;
      ...
    &lt;/div&gt;
    &lt;div class="array-item-element"&gt;
      &lt;div class="very"&gt;
        &lt;div class="deep"&gt;
          &lt;div class="child"&gt;
            &lt;div class="element"&gt;
              Expected Content
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="another"&gt;
        &lt;div class="component"&gt;
          &lt;div class="dom"&gt;
            &lt;div class="tree"&gt;
              &lt;button&gt;ButtonToClick&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="array-item-element"&gt;
      ...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to filter out expected item by asserting on its one child component and click on its another child button through possible code like this:</p>
  
  <pre><code>cy.get('.this-is-an-array') // get the root node of array
    .find('.array-item-element') // looping over all items
    .should(($el) =&gt; {
      // the very deep child element should contain text of 'Expected Content'
    })
    .get('.another .component .dom .tree button')
    .click()
  </code></pre>
  
  <p>How can I write the <code>should</code> clause to achieve this?</p>