React Testing Library：元素在DOM中但toBeInTheDocument偶发失败

针对findByText成功定位元素但toBeInTheDocument()偶发失败的情况，结合debug结果和DOM未变更的前提，可能的原因如下：

• 元素可见性的异步延迟：findByText仅确认元素存在于DOM中，但toBeInTheDocument()会额外校验元素是否可见且处于活跃渲染状态。如果元素刚被插入DOM，浏览器的CSS过渡、动画或渲染队列还未完成，会导致断言瞬间判定元素不可见，触发失败。

• 匹配逻辑的细微差异：findByText默认模糊匹配，可能命中了多个元素中的某一个，而该元素在断言时刚好被其他元素覆盖、或因层级/样式问题被判定为不可见；也可能元素文本存在细微的空格、换行差异，debug时肉眼无法察觉，但断言严格校验了文本匹配度。

• 测试计时的临界误差：findByText自带重试机制，找到元素后立即返回，但此时浏览器可能还未完成该元素的渲染更新。toBeInTheDocument()是同步断言，刚好卡在渲染完成前执行，导致误判。

• 工具版本的兼容性bug：部分旧版本的Testing Library或Jest中，toBeInTheDocument()的实现存在偶发判定逻辑问题，或者与异步测试的处理逻辑冲突，导致明明存在的元素被误判。

• 父容器状态的间接影响：即使目标元素本身存在，若其某个父容器短暂触发了display: none、visibility: hidden等隐藏属性，toBeInTheDocument()会因父元素不可见而判定目标元素不在文档中，而findByText不会校验父元素的可见性。

内容的提问来源于stack exchange，提问作者plusheen