Getting the jquery element but not using it

[DamienCassou]

Hi,

first I would like to thank you for the great webinar. I learned quite a bunch of stuff.

I see this code in your project:

 cy.findAllByTestId('article-preview')
    .should('have.length', articles.length)
    .each(($articlePreview, index) => {
      const article: Article = articles[index]

      cy.wrap($articlePreview).within(() => { ... });

I'm wondering why your code gets the jquery element $articlePreview only to wrap it 3 lines after. Wouldn't it be possible to avoid this round trip? In other words, I would expect to write something like this instead:

 cy.findAllByTestId('article-preview')
    .should('have.length', articles.length)
    .each((articlePreview, index) => {
      const article: Article = articles[index]

      articlePreview.within(() => { ... });

In this version, the first argument to the each() callback is a Cypress object which understands within() as opposed to a jquery element that you have to wrap to get to call within().