Reaction Native:如何测试元素是否聚焦?

简单的测试用例:希望查看给定元素是否被聚焦。

要检查某个元素是否集中在带有RTL和JEST的Reaction Web应用程序上,您可以使用两个简单的选项:

  1. 您可以检查元素是否与Docent.activeElement相同(可能需要丢弃一些包装器)
  2. 您可以使用https://github.com/testing-library/jest-dom#tohavefocus和expect(<element>).toHaveFocus()
  3. 扩展您的JEST匹配器

我不确定使用REACTIVE本机进行的等价检查是什么(Jest-dom扩展的RN等效项是https://github.com/testing-library/jest-native,并且明显缺少toHaveFocus匹配器)。


解决方案

今天花了几个小时在这上面。在我看来,React Native Testing Library没有此匹配器,Jest Native matcher extender也没有。

看起来Detox支持它。

有很多建议使用refs(这可能会让我们调用ref.Current.isFocsed())或捕获onFocusonBlur事件。但从测试环境的角度来看,这些是不可行的。

我从裁判那里观察到了两件事。

  1. 裁判都被嘲笑为笑话(我对笑话的了解还不够多,不知道为什么)。
  2. 当元素未聚焦时,the ref is completely gone

关于跟踪onFocusonBlur,这是不必要的开销,而且只会为了测试而使产品代码进一步复杂化。然后组件必须将它们作为道具接受,并且必须为每个道具创建一个模拟……不用了,谢谢!

我决定开一个feature request in the Jest Native project。祈祷吧。

React.js用户太容易了!

相关文章