reactjs - 将 userEvent 与 React 测试库和 react-select AsyncSelect 一起使用时出错（但仅在 CodeSandbox 中？）

Question

我创建了这个 CodeSandbox，以便我可以演示相关代码的问题（onChange 未在测试中触发）：

https://codesandbox.io/s/festive-tree-xkw8s?file=/src/App.test.js

但是在 CodeSandbox 中，我什至无法做到这一点，因为只要我打电话

userEvent.type(securityField, 'abc{enter}')

我在控制台中设置了这个错误：

Error: Uncaught [TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.]

因此，永远不会触发 loadOptions 回调AsynSelect（在本地我对此没有任何问题，只是 onChange 没有触发）。

我无法找到有关此错误的任何示例或指导。我没有经常使用 CodeSandbox，所以也许我缺少一些基本的东西。

我在本地环境中没有看到此错误，但我正在尝试解决它，因为我想完成原始问题的设置。

Answer 1

您想在测试中使用react-select-event与您的 react-select 进行交互。这是专门为使用 react-testing-library 进行测试而制作的。