如何测试依赖于useContext钩子的React组件？
我有一个组件，它使用useContext，然后其输出取决于上下文中的值。这是一个简单的例子:import React, { useContext } from 'react'; const MyComponent = () => { const name = useContext(...
使用Hooks获取数据的测试React组件
我的React应用程序有一个组件，它从远程服务器获取要显示的数据。在没有Hooks的时代，componentDidMount()是去的地方。但现在我想使用Hooks来做这件事。 const App = () => { const [ state, setState ] = useS...
Jestjs如何测试在另一个函数内部调用的函数
我使用jest和react-test-renderer进行测试。测试应该很简单，但是我很难找到合适的示例。我尝试过类似这样的方式（一般将函数保留在单独的文件中）： utils.jsexport const childFunction = () => 'something'; c...
react-test-renderer的create()与@testing-library/react的render()有何不同？
我是React的新手，对所有的测试库感到困惑。虽然我的测试代码可以工作，但似乎需要调用react-test-renderer中的create()才能使用其toMatchSnapshot()，并且需要调用@testing-library/react中的render()才能使用其断言函数，如get...
ReactTestUtils已经被移动。
我开始学习React，当我做一些测试的时候我注意到了两个警告信息： 警告：ReactTestUtils已经迁移到react-dom/test-utils。更新引用以删除此警告。 警告：Shallow渲染器已经迁移到react-test-renderer/shallow。更新引用以删除此警告。...
React快照测试- react-test-renderer与react-testing-library的比较
我正在尝试在我的React应用程序中进行快照测试。我已经使用react-testing-library进行单元测试。然而，在进行快照测试时，我在网络上看到了不同的方法，可以使用react-test-renderer或react-testing library。以下是三个示例，请问它们之间有什么...
如何使用Jest和新的React lazy 16.6 API测试快照
我已经使用新的React lazy API (16.6)导入了两个组件。 import React, {PureComponent, lazy} from 'react'; const Component1 = lazy(() => import('./Component1')); ...
React测试渲染器：在查找React Native中的testID时，findAllByProps返回了应该查找到的两倍内容。
我正在使用React Test Renderer和Jest测试我的React Native应用程序。下面是我所做的简单代码示例： 我使用React Test Renderer与Jest来测试我的React Native应用程序。 这里是我正在做的简单代码示例：it('renders on...
如何使用 Jest 检查元素是否可见？
我有一个简单的React组件，我想根据React状态测试样式。该组件如下所示： React组件。 const Backdrop = ({ showBackdrop }) => { const backdropRef = useRef(); function getB...
React Jest测试在使用ts-jest时无法运行 - 在导入文件时遇到意外的标记
我是React/Typescript应用测试的新手。我想对我的React组件进行单元测试，因为我不想开发没有测试的应用程序。应用本身运行良好，只是在测试模式下无法运行。 命令（react-scripts test 的别名）： yarn test 输出： FAIL src/cont...