我正在对一个组件进行单元测试，该组件利用react-lazyload来延迟加载内容。在我的单元测试中呈现时，我注意到Lazyload没有呈现内容，并且显示了它的占位符。我尝试将waitFor与async/await一起使用，以等待延迟加载的内容在下一个节拍周期中呈现，但它仍然失败，screen.debug()仍然在dom中显示占位符。有没有什么方法可以测试这样的组件？toBeInTheDocument()
//
浏览 27提问于2021-09-14得票数 0
我正在使用‘’包来延迟加载呈现图像的组件，我想使用react测试库编写一个测试，当用户滚动到所需的视口时，该测试库将检查图像是否存在。我使用fireEvent来触发滚动事件，这样我就可以断言我的图像是否可见，但是测试失败了。我仍然掌握测试库的诀窍，所以不知道我哪里出错了，任何帮助都会很感激。//测试文件
it('should show images on scroll',
浏览 3提问于2021-07-15得票数 2
：模拟从第三方库导入的React组件的正确方法是什么？下面是我试着嘲笑它的方法。Localize: () => (key:string) => (<span>{key}</span>)
}))
浏览 4提问于2020-09-23得票数 3
回答已采纳
在完美的滚动条中，我将懒惰地加载图像。但它不会起作用。import React, { useState, useCallback, useEffect } from 'react';import useIsMountedRef from 'src/hooks/useIsMountedRef';
import Laz
浏览 8提问于2021-01-29得票数 1
我一直在优化我的react项目，今天我使用react-lazyload ()实现了所有图片的延迟加载。Uncaught [TypeError: Cannot read property 'position' of undefined]
import React f
浏览 9提问于2018-06-13得票数 0
1回答
我有一个用create-react-app创建的React应用程序。它包含标准的src/目录，我已经创建了一个src/assets/home/目录，其中保存了我打算在项目中使用的图像文件。/assets/home/home-logo.png"
/> InfographicBlock使用库react-lazyload (https://www.npmjs.com/package
浏览 7提问于2020-06-17得票数 0
1回答
这是我的组成部分：import LazyLoad from 'react-lazyload'; </div>)
在App.
浏览 3提问于2020-04-13得票数 3
我想延迟加载一个文章列表组件，但是react-lazyload和react-lazy-load都要求我正确地设置height属性。在react-lazyload的文档中，他们提到可以在没有高度的情况下使用，但在我的示例中不起作用。因为我不会在根级别上偷懒。
浏览 89提问于2020-08-06得票数 0
回答已采纳
在我想要测试的组件中，我使用useLocation钩子。在我的组成部分中： const history = useHistory(); const，我编写了这个测试： useLocation: jest.fn().mockReturnValue({&
浏览 7提问于2021-07-04得票数 3
目标结果它的方式是，单击“跟随”按钮后，发出一个“跟随/取消跟随”动作，并向记录在案的用户跟踪帐户数组(userToFollow)中添加changes (loggedUserData.following我的2分钱为什么测试失败了
我假设问题在于，我模拟了后续/取消跟
浏览 1提问于2021-08-01得票数 1
回答已采纳
1回答
在组件中，表单由React处理，因此，handleSubmit由RHF控制。testing-library/jest-dom'; import { SubmitHandler, useForm } from 'react-hook-form';
浏览 11提问于2022-11-03得票数 0
在路由器文件中，我导入了如下内容： exact /> </Switch>
在这个场景中，所有文件都是绑定的，我希望使用React.lazy来避免这种情况。我知道只需在路由器组件中随意导入每个路由器组件，并手动添加所有路
浏览 2提问于2020-04-18得票数 0
回答已采纳
我正在写一个测试，以确保我的表单是使用react测试库提交的，我也在使用react钩子表单。我的提交方法在我的测试中调用失败。当此测试运行时，我会遇到以下错误： </button&g
浏览 2提问于2021-01-31得票数 1
1回答
React测试库
、、
我在寻找解决方案。我有表单，验证用户输入和显示错误，如果输入没有提供。然后，在手动测试期间，如果提供了输入，错误就会消失，但是我无法在测试中重现正确的行为。我已经尝试了.not.toBeInDocument和.not.toBeVisible() +将状态更新包装到act()中。<SubmitButton type="submit" value="Login"></SubmitButton>
<&#
浏览 18提问于2021-10-11得票数 0
12回答
App.jsimport Select from "react-select";
import { fireEvent, waitForElement,} from "react-testing-librar
浏览 0提问于2019-04-08得票数 62
回答已采纳
如何测试这个组件：？如何在测试环境中模拟用户行为？not fired. target: { innerHTML: "New content text" }以上所有都是失败的测试
浏览 31提问于2020-03-03得票数 5
回答已采纳
1回答
刚开始学习测试库的React js.Some，比如chai，Sinon，testing和mocha用于单元测试。在react js中有没有可用于测试驱动开发实践的测试库？另一个问题是如何在react js中测试页面导航，因为一旦页面提交，状态和属性就会更新。注意:通过react路由器，它将导航到其他页面。如何编写集成测试的测试用
浏览 1提问于2018-06-18得票数 0
2回答
我在测试React testing Library中API调用的数据填充的下拉列表时遇到了问题。下面是显示该问题的CodeSandbox https://codesandbox.io/s/mutable-sea-wtt9u 如果我将App更改为使用硬编码数组来填充下拉列表(在App组件中已注释掉)，则测试通过。
浏览 28提问于2019-08-27得票数 0
回答已采纳
我想我找到了另一种使用useContext钩子测试组件的方法。我看过一些教程，这些教程测试一个值是否可以从父上下文提供程序成功地传递到子组件，但是没有找到关于子组件更新上下文值的教程。我的解决方案是将根父组件与提供程序一起呈现，因为状态最终在根父组件中更改，然后传递给提供程序，然后提供程序将其传递给所有子组件。对吗？
co
浏览 0提问于2019-06-30得票数 12
1回答
我有以下React组件： const PaymentModal = () => { const stripePromise = loadStripe(apiKey);： import React from 'react';import
浏览 11提问于2021-04-07得票数 0
云服务器
对象存储
ICP备案
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号