cy.mount cannot mount multiple components

[cypress-io]

cy.mount cannot mount multiple components

[dmtrKovalenko]

This actually means that you are trying to inject a raw jsx to the ReactDOM.render (here). Then displayName will be undefined and undefined is an invalid value for WeakMap.

Wrap your components into another component should help, but it looks like a thing that needs to be fixed. I can open a PR cc @bahmutov

[bahmutov]

yeah, still a "problem" in v4

// DOES NOT WORK YET
mount(<div>I am a div</div>)

[bahmutov]

Important to solve this, because a lot of examples adjust a component like this

import MyComponent from './component'
mount(
  <div class="app>
    <MyComponent />
  </div>
)

With this bug, the user 1) gets a cryptic error 2) has to create a dummy component just to make it work

import MyComponent from './component'
const TestMyComponent = (
  <div class="app>
    <MyComponent />
  </div>
)
mount(<TestMyComponent />)

[bahmutov]

🎉 This issue has been resolved in version 4.1.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀