Reaction Native：如何测试元素是否聚焦？ [英] React Native: How to test if element is focused?

问题描述

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

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

1. 您可以检查元素是否与Docent.activeElement相同(可能需要丢弃一些包装器)
2. 您可以使用https://github.com/testing-library/jest-dom#tohavefocus和expect(<element>).toHaveFocus()
扩展您的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用户太容易了！

这篇关于Reaction Native：如何测试元素是否聚焦？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！