Got TestingLibraryElementError when running tests

Hi,

I am trying to test react-select with this library, and I was following documentation, I got TestingLibraryElementError: Found a label with the text of: Food, however no form control was found associated to that label. Make sure you're using the "for" attribute or "aria-labelledby" attribute correctly.

Here is my code for the test, it is copied directly from documentation. https://github.com/JLFullstack/react-select-testing/blob/master/src/openMenu.test.js

Here is the repository I set up to re-produce this issue. https://github.com/JLFullstack/react-select-testing

[romgain]

Sorry for the confusion @JLFullstack !

That was an issue with the docs 😞

I updated the example here: https://github.com/romgain/react-select-event/commit/7e4b980288b1195d847966951c542278441a396c

Please, let me know if you have any other issues!

[romgain]

@JLFullstack

Oh, I see. That’s actually an issue with newer versions of @testing-library/react, not with react-select-event. It’s documented under the “MutationObserver shim removed” breaking change here: https://github.com/testing-library/dom-testing-library/releases/tag/v7.0.0

You can fix it by installing jest-environment-jsdom-sixteen and updating your test script:

  "scripts": {
    ...
-   "test": "react-scripts test --env=dom"
+   "test": "react-scripts test --env=jest-environment-jsdom-sixteen"
    ...
  },

Let me know if you have any other issues!