腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
msw
的
react-query
和
react-testing-library
来
测试
组件
?
reactjs
、
jestjs
、
react-testing-library
、
react-query
、
msw
我有一个页面的下拉
组件
正在加载到它。该
组件
调用一个自定义钩子,该钩子
使用
react查询
来
获取要在下拉列表中显示
的
数据。在初始加载时,此
组件
处于正在加载状态并呈现加载图标。当
react-query
成功完成调用时,
组件
将数据列表呈现到下拉列表中。}} renderInput={(params) => }
浏览 25
提问于2021-02-25
得票数 2
回答已采纳
2
回答
模拟反应查询useQueryClient
来
测试
缓存
的
数据
javascript
、
reactjs
、
testing
、
react-query
我
使用
一个自定义钩子来共享一个increment函数,这占用了我
的
应用程序(它增加了购物车中
的
数量)。React查询缓存API调用
使用
msw
进行模拟。1, quantity: 2 }] }));我还模拟了react query、queryClient.setQueryDat
浏览 6
提问于2022-06-30
得票数 0
回答已采纳
3
回答
在
使用
MSW
和
Jest时,
如何
清除请求间
测试
中
的
RTK查询缓存?
redux
、
jestjs
、
redux-toolkit
、
msw
、
rtk-query
我正在
使用
和
MSW
的
RTK查询
来
模拟,但是当我试图在
测试
中返回一个错误时,我似乎得到了相同
的
数据。: true,refetchOnReconnect: true,//
react-query
example import { QueryCache } fr
浏览 26
提问于2021-06-16
得票数 3
回答已采纳
2
回答
使用
React查询
和
axios
测试
react
组件
中
的
错误时遇到
的
问题。反应
测试
库
测试
,Jest,
msw
reactjs
、
typescript
、
mocking
、
react-testing-library
、
msw
我
测试
了一个应显示旋转、错误或获取菜谱列表
的
react
组件
。我成功地
测试
了这个
组件
的
加载
和
成功获取数据
的
时间。我对
测试
错误有问题。我用
msw
创建了
测试
服务器,它有返回错误
的
路由处理程序。我
使用
axios向服务器发出请求。我认为问题在这里: axios发出3个请求,直到最后一个响应,useQuery返回isLoading=true,isError=false。因此,
浏览 1
提问于2021-05-05
得票数 0
回答已采纳
1
回答
React & React本地
测试
库等待由挂载上
的
useEffect引起
的
异步状态更新
expo
、
react-testing-library
、
react-native-testing-library
、
jest-expo
我似乎无法让这个简单
的
测试
在
react-testing-library
& react-native-testing-library中工作。我尝试过用act包装呈现函数
的
各种组合,或者
使用
waitFor
和
其他异步实用程序,但是在useEffect导致异步api调用设置新状态后,
测试
从不等待
组件
重新呈现。同样值得注意
的
是,我收到了警告:An update to TestComponent inside a test was no
浏览 12
提问于2022-01-05
得票数 0
1
回答
使用
react-react library
和
Jasmine
reactjs
、
unit-testing
、
jasmine
、
react-testing-library
我正在尝试
使用
反应
测试
库,看看我们是否应该在我们
的
项目中
使用
它。我们
使用
jasmine而不是jest。我想知道jasmine是否可以很容易地
使用
react-testing-library
(应该没问题……)谢谢
浏览 3
提问于2019-02-13
得票数 1
1
回答
将根
组件
包装在<Provider>中,或将自定义React提供程序传递给<Provider>,并将相应
的
React
使用
者传递给Connect
reactjs
、
unit-testing
、
redux
、
react-testing-library
我想通过单元
测试
来
测试
组件
,我不知道
如何
将
组件
呈现给,它会出错。我只能
使用
"
React-testing-library
“
浏览 3
提问于2021-08-17
得票数 2
12
回答
如何
使用
jest
和
react
测试
库
测试
元素
的
不存在性?
reactjs
、
jestjs
、
react-testing-library
我有一个
组件
库,我正在编写
使用
Jest
和
react
测试
库
的
单元
测试
。基于某些道具或事件,我想验证某些元素没有被呈现。如果没有找到元素,则getByText、getByTestId等在
react-testing-library
中抛出
和
出错,导致
测试
在expect函数触发之前失败。你
如何
使用
反应
测试
库
来
测试
在玩笑中不存在
的
东西?
浏览 9
提问于2018-10-12
得票数 296
回答已采纳
1
回答
如何
测试
动态页面标题?
reactjs
、
jestjs
、
jsdom
、
react-testing-library
、
react-helmet
我正在
使用
react-helmet,并根据某些条件更改文档页面标题。
如何
使用
react-testing-library
测试
该行为 我试过这样
的
东西 const { debug } = render(<TitleChangingComponent title="Test"此外,我不能100%确定这是否与一般
的
react-tests library或jsdom有关(我
使用
Jest进行
测试
)。
浏览 34
提问于2019-04-16
得票数 4
2
回答
使用
“library` What library`”
和
“`cypress`”有什么区别?
cypress
、
react-testing-library
因此,
react-testing-library
用于单元/集成
测试
,cypress用于e2e
测试
。然而,两者似乎都在做同样
的
事情: 从顶层
组件
开始(这不是一个硬性
和
快速
的
需求,但如果不这样做,您将在您
的
子
组件
测试
中得到一堆重复
的
测试
用例即时反馈,快速<
浏览 4
提问于2019-12-03
得票数 39
1
回答
如何
用反应
测试
库模拟window.location
的
变化
javascript
、
reactjs
、
react-testing-library
、
window.location
我正在从enzyme迁移到
react-testing-library
。我有一个名为<ScrollToTop/>
的
组件
,它只检查自上一次
组件
更新以来window.location是否发生了变化,如果有,则滚动到顶部。render() { }我以前
的
酶
测试
使用
wrapper.set
浏览 12
提问于2022-05-25
得票数 1
回答已采纳
1
回答
反应-
测试
-库validateDOMNesting错误
javascript
、
reactjs
、
unit-testing
、
jestjs
、
react-testing-library
组件
呈现为table元素,而不是
react-testing-library
使用
的
默认div?我还试着在
react-testing-library
测试
中寻找例子,但没有找到任何东西。容器:默认情况下,
react-testing-library
将创建一个div并将该div附加到document.body中,这就是呈现react
组件
的
地方。它用作查询
的
基本元素,以及
使用
debug()时打印
的</e
浏览 0
提问于2018-07-06
得票数 5
回答已采纳
1
回答
如何
通过浅层安装反应元件
测试
反应钩?
reactjs
、
jestjs
、
enzyme
、
react-testing-library
是否有一种方法可以通过浅层安装
来
测试
使用
React构建
的
功能
组件
。我遇到了酶不支持useEffect ()
和
其他钩子与浅层渲染一个
组件
,我不想进入装入。同时也发现
react-testing-library
是一种新
的
流行
的
替代品。比酶更好
的
选择吗?我已经将Enzyme用于
测试
基于类
的
组件
。因此,在重写这些内容时有一种痛苦。
浏览 2
提问于2020-01-30
得票数 1
回答已采纳
1
回答
如何
在react
测试
库中
使用
jest.spyOn
reactjs
、
enzyme
、
react-testing-library
我正在将一个类
组件
重构为一个函数
组件
。在我
的
测试
文件中,我
使用
的
是酶,但我正在迁移到
react-testing-library
it('should change module when clicked button loginbutton#login-button').simulate('click') expect(instance.setModule).to
浏览 2
提问于2020-12-01
得票数 1
1
回答
如何
在
使用
react- testing -library
测试
错误状态时抑制预期
的
Axios错误消息?
jestjs
、
axios
、
react-testing-library
、
react-query
、
msw
我正在修改我
的
一些React代码,以便
使用
@testing-library/react、
react-query
和
msw
来
模拟我
使用
axios进行
的
网络调用。有问题
的
测试
(简化):import { rest } from '
msw
'; import { setupServer } from
浏览 37
提问于2021-02-28
得票数 1
2
回答
SyntaxError:意外令牌,预期"</>“
reactjs
、
react-testing-library
我试图
使用
react-testing-library
来
测试
组件
是否正确呈现。然而,我得到了许多错误,似乎没有多大帮助。下面是我
的
测试
文件(report.test.ts,与代码中
的
组件
一起):import "jest-domreportData} />); expect(
浏览 1
提问于2018-11-14
得票数 3
回答已采纳
1
回答
使用
React
测试
库按
组件
名称进行
测试
reactjs
、
enzyme
、
react-testing-library
我正在尝试
测试
是否向
组件
传递了正确
的
属性。enzyme.mount(<Test />); expect(control.find(<CompToTest />).props().MyProp).toEqual(expectedProp);
如何
使用
react-testing-library
实现相同
的
结果?
浏览 6
提问于2019-05-07
得票数 1
1
回答
我
的
测试
正在通过,但是我总是有这样
的
警告
reactjs
、
unit-testing
、
testing
、
jestjs
、
react-testing-library
我正在
使用
React-Testing-Library
,到目前为止,我
的
测试
都通过了,但我有一个警告,我不能理解,也不知道
如何
解决。Learn more at https://reactjs.org/link/wrap-tests-with-act | ^ 30 | useEffect(() =&
浏览 37
提问于2021-11-20
得票数 0
2
回答
如何
测试
可以将html元素
的
引用传递给它
的
react挂钩
reactjs
、
react-hooks
、
react-hooks-testing-library
我有一个自定义钩子,它可以将一个可选
的
ref作为对象
的
属性传递给它,该钩子接受该对象作为参数: useEffect(() => {代码可以工作,但我现在正在尝试
使用
react-testing-library
和
库
来
编写
测试
我正在
使用
中
的
re
浏览 20
提问于2019-08-05
得票数 4
1
回答
如何
使用
react
测试
库对父
组件
中
的
子
组件
的
渲染进行单元
测试
?
reactjs
、
react-testing-library
、
react-test-renderer
我不能在这里发布原始代码,所以我将尝试解释我想要实现
的
目标。所以,我
的
组件
显示message.This消息是在父component.So中呈现
的
子
组件
的
一部分,我想对这个logic.But进行单元
测试
我不知道
如何
在react testing library.Example代码中编写呈现子
组件
的
单元
测试
:const message=props; if(me
浏览 10
提问于2020-06-09
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
2020年度JavaScript开源大奖揭晓,共有6个项目获奖
为React开发人员推荐8个测试工具、库和框架
21个让React 开发更高效更有趣的工具
音视频同步!RTCP协议解析及代码实现
为什么我不再用Redux了
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券