Using cy.react after updating the state does not find the updated component

[bahmutov]

Test cypress/component/advanced/react-book-example/src/components/ProductsList.spec.js

Using https://github.com/abhinaba-ghosh/cypress-react-selector

it('finds components by props and state', () => {
  // by clicking on the Order button we change the
  // internal state of that component
  cy.contains('.product', 'First item')
    .find('button.order')
    .click()
    .wait(1000)

  // the component is there for sure, since the DOM has updated
  cy.contains('.product', '1')
    .find('.name')
    .should('have.text', 'First item')

  // now find that component using the state value
  // DOES NOT WORK FOR SOME REASON
  cy.react('AProduct', null, { orderCount: 1 })
    .should('not.be.empty')
    .find('.name')
    .should('have.text', 'First item')
})

The DOM is there, but the cy.react does not find the component

[abhinaba-ghosh]

It found out, after the state changes, react-selector loose track on the react root. It is rectified now.

Changes are available in V2.0.1
Breaking changes introduced.
Raised PR: #386

[bahmutov]

works