gpt4 book ai didi

unit-testing - 在测试中禁用 React 的 CSSTransitionGroup

转载 作者:行者123 更新时间:2023-12-03 13:24:31 25 4
gpt4 key购买 nike

我正在使用CSSTransitionGroup当元素出现在 DOM 中或离开 DOM 时为该元素设置动画。效果很好。

现在 - 我想对该组件进行单元测试。我正在创建一个临时 DOM 节点并将其附加到 <body> ,我将组件渲染到其中,然后执行一些操作。因此,我预计子 DOM 节点会消失。

问题:应用动画类,并将组件保留在 DOM 中,直到 CSS 动画结束。这意味着我的测试还应该等待几百毫秒,然后才能断言该元素已经消失。我不能这样做 - 我希望我的测试能够快速,因为这些是单元测试。

问题:有没有办法在不向组件添加额外选项的情况下禁用 CSS 转换?

我尝试过的:单元测试本身效果很好。我可以通过将参数传递给我的组件来摆脱动画,这将使其不使用 CSSTransitionGroup 。所以 - 最坏的情况 - 我会这么做。但我正在寻找更好的解决方案。

我还可以断言相关元素上存在“-enter”/“-enter-active”/“-leave”/“-leave-active”类。不过,这似乎有点老套,因为我可以想象一个错误,这些类将被应用,但元素将保留在 DOM 中。我不想采用这种方法。

最佳答案

http://reactcommunity.org/react-transition-group/testing/

import { config } from 'react-transition-group'

config.disabled = true

这帮助我用 enzyme 摆脱了动画

关于unit-testing - 在测试中禁用 React 的 CSSTransitionGroup,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36550906/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com