腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何使用
Jest
中
的
react
钩子来模拟
react
组件的
状态
值?
javascript
、
jestjs
、
react-hooks
我使用
react
和。
在
jest
中
测试
组件时,我发现我不能访问
状态
值,也不能模拟它。 const handleDecrement = () => { };
React
.
useEffect
,它负责cou
浏览 1
提问于2019-08-26
得票数 1
回答已采纳
2
回答
Jest
:
在
useEffect
中
测试
React
状态
更改
reactjs
、
jestjs
、
enzyme
、
react-test-renderer
我是
Jest
和Enzyme的新手,正在努力编写单元
测试
,以检查当某个
状态
值存在时,我的组件是否正确呈现。export const Auth = ({ children }) => { {authStatus === 'Authed' && <>{Chi
浏览 53
提问于2021-01-06
得票数 2
2
回答
在
useEffect
运行后
测试
更改
后的
状态
javascript
、
reactjs
我使用ReactJs、
jest
和
react
测试
库。data) return <p>'data is' {data},<p/>describe('App
浏览 1
提问于2021-11-03
得票数 0
1
回答
React
测试
库
在
初始呈现后没有找到使用getAllByTestId的元素
javascript
、
reactjs
、
testing
、
jestjs
、
react-testing-library
我有一个非常简单的组件,在这个组件
中
,我试图模拟一个API调用,以获得一些稍微延迟的电影。我
在
元素
中
添加了一个,并且可以
在
DOM中看到这些内容。 这是完整的组件代码..。/App.css'; import {
useEffect
, useState } from '
浏览 5
提问于2021-07-20
得票数 8
回答已采纳
4
回答
Jest
测试
中
的触发器
useEffect
javascript
、
reactjs
、
jestjs
、
enzyme
我正在使用
Jest
和酶来
测试
一个
React
功能组件。Store group object in state
useEffect
params : ''}`; <iframe src={src}></iframe>} it
浏览 2
提问于2019-12-03
得票数 16
6
回答
如何在
jest
和酶
中
设置useState钩子的初始
状态
?
javascript
、
reactjs
、
enzyme
、
react-hooks
、
react-hooks-testing-library
目前,我正在使用带有
react
钩子的功能组件。但是我无法完全
测试
useState钩子。考虑这样的场景,
在
useEffect
钩子
中
,我正在做一个API调用并在useState
中
设置值。对于
jest
/酶,我有要
测试
的模拟数据,但我无法为
jest
中
的useState设置初始
状态
值。const [state, setState] = useState([]); 我想在
jest
中
浏览 7
提问于2019-07-14
得票数 34
1
回答
如果在
useEffect
之后没有发生什么事情,则进行反应
测试
reactjs
、
jestjs
、
react-testing-library
我使用
react
-testing-library和
jest
来
测试
在
设置某个支柱时是否调用了我的API。目前,
在
没有完成
useEffect
()调用的情况下,
测试
立即成功。如何让
测试
等到
useEffect
完成,这样我才能确定API没有被调用?守则:
React
.
useEffect
(() => {
浏览 3
提问于2020-06-10
得票数 3
回答已采纳
1
回答
jest
测试
中
React
中
的两个
useEffect
之间的
状态
未更新
reactjs
、
jestjs
、
ts-jest
我为两个不同的redux变量使用了两个
useEffect
。当我
在
浏览器
中
运行应用程序时,一切都运行得很好,但是它没有通过
jest
测试
,因为
状态
没有更新。代码如下:
useEffect
(() =&g
浏览 0
提问于2021-02-19
得票数 0
1
回答
测试
函数是否已被调用-
React
,
reactjs
、
unit-testing
、
axios
、
react-hooks
、
enzyme
我正在尝试
测试
一个简单的组件。
在
我的组件
中
,我使用
useEffect
调用fetchPdf函数。
在
fetchPdf函数
中
,我发出axios请求,如果调用成功,我会将响应(即pdf)设置为
状态
。我的组件: import
React
, { useState,
useEffect
} from "
react
"; export
浏览 17
提问于2020-12-16
得票数 0
2
回答
如何正确地编写
Jest
测试
以避免act()警告?
javascript
、
reactjs
、
react-hooks
、
jestjs
、
react-test-renderer
useEffect
通常使用更新
状态
的承诺。此更新会在
jest
中
引起长时间警告:Warning: An update to null inside a test was not wrapped in act(...).如何正确地为这种情况编写
Jest
测试
?import
React
from "
react
"; import Hello from "."]}
浏览 25
提问于2022-01-14
得票数 2
回答已采纳
4
回答
如何修复“警告: useLayoutEffect
在
服务器上什么都不做”?
reactjs
、
jestjs
、
material-ui
、
react-hooks
、
react-testing-library
以下是完整的错误:/* eslint-disable quotes */import { shallow, configure } from "enzymesignInButton = wrapper.find(Button)
浏览 1
提问于2019-09-23
得票数 41
回答已采纳
1
回答
如何模拟
useEffect
以更新
状态
,同时
测试
与作出反应
javascript
、
reactjs
、
testing
我第一次投入
测试
反应。我有一个完全构建出来的应用程序,现在我正在添加
测试
。我用的是反应
测试
库和
Jest
。为了
测试
组件是否如我所期望的那样呈现,我需要更新一些
状态
,这是通过
useEffect
钩子
中
的axios调用来实现的。一旦获取了3组数据,另一个
useEffect
将运行并设置一个名为loaded的
状态
,我想
测试
之后会发生什么。 使用
React
Jest
Libra
浏览 5
提问于2021-07-01
得票数 0
回答已采纳
1
回答
如何使用计时器为
useEffect
编写
JEST
测试
?
react-native
、
jestjs
我正在使用@
react
-native-community/netinfo检测应用程序的连接
状态
,并在连接丢失时显示一条消息。如何为
useEffect
中
的以下代码编写
测试
,以确保消息显示/隐藏以及清理工作正常?
useEffect
(() => { if (!clearTimeout(snack); };
浏览 18
提问于2021-05-27
得票数 0
回答已采纳
7
回答
反应导航钩子:如何
测试
useFocusEffect
unit-testing
、
react-native
、
jestjs
、
react-navigation
据我所知,应该这样做,以便useFocusEffect可以作为
useEffect
进行
测试
(模拟)。确保您没有忘记创建和呈现
react
导航应用程序容器。如果需要访问可选导航对象,则可以使用useContext(NavigationContext),这可能会返回"
jest
": "^24.9.0","
react
-navigation&quo
浏览 19
提问于2020-02-07
得票数 12
回答已采纳
1
回答
测试
自定义钩子并得到“警告:
在
测试
中
对TestHook的更新没有包装在act
中
reactjs
、
unit-testing
、
react-hooks
、
react-hooks-testing-library
只需将
jest
.advanceTimersByTime调用包装在act函数
中
即可。('Hello World');虽然
测试
通过了,但我收到以下警告:我知道,如果我要调用一个函数来更新钩子的内部
状态
(
浏览 0
提问于2019-06-15
得票数 3
1
回答
Jest
测试
:如何在setTimeout中正确编写expect断言?
reactjs
、
asynchronous
、
jestjs
、
settimeout
我想
JEST
测试
一个
React
组件,它在呈现
状态
之前和之后都会在超时后更新
状态
。expect()断言
在
测试
()
中
工作得很好,但在SetTimeout回调中使用时就会中断。错误说明expect未在setTimeout回调
中
定义。我在这里创建了一个沙箱:https://codesandbox.io/s/
jest
-delayed-render-test-j5b7l 简单组件
在
浏览 29
提问于2021-08-03
得票数 0
1
回答
如何
测试
由
在
SetTimeout上触发的
useEffect
修改的组件样式?
reactjs
、
jestjs
、
react-hooks
、
enzyme
、
ts-jest
我正在使用
Jest
/酶法
测试
React
/TypeScript应用程序,而且我很难编写
测试
来断言某个按钮是否
在
一段时间后出现:import { StyledNotifyButtonSomeComponent = (): ReactElement => {
useEffect</
浏览 2
提问于2021-05-07
得票数 4
回答已采纳
1
回答
jest
.UseFakeTimers() / jestjest.runAllTimers()不工作
reactjs
、
testing
、
usefaketimers
我刚刚开始了
react
中
的
测试
这个主题,我已经被介绍了如何和为什么
在
React
中进行
测试
的一些方面。直到我想要使用
jest
.UseFakeTimers()和
jest
.runAllTimers()来
测试
组件
状态
是否
在
延迟一秒钟后发生变化并重新排列之前,一切都很好。构成部分: const [ctr, setCtr] = useState(0)
useEf
浏览 10
提问于2022-08-28
得票数 0
2
回答
数组
在
使用酶呈现的组件
中
未定义?
javascript
、
reactjs
、
jestjs
、
react-hooks
、
enzyme
我有一个简单的组件,它使用useSelector和useDispatch钩子从我的redux存储中分派和获取当前
状态
,并在它们上映射以返回子组件。我刚开始使用钩子进行
测试
,
在
阅读了一些文章之后,我用
jest
mock模拟了两个redux钩子,以查看它们
在
挂载时是否被调用,但是,在运行
测试
时,我的
状态
数组返回为未定义,因此
测试
失败。COMPONENT.tsx import
React
, {
useEffect
, use
浏览 34
提问于2020-12-07
得票数 1
7
回答
检查是否使用
react
卸载组件?
reactjs
、
react-hooks
我正在检查是否卸载了组件,以避免调用
状态
更新函数。
useEffect
(() => { return () => {
use
浏览 17
提问于2019-11-21
得票数 18
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
携程租车React Native单元测试实践
编写React组件时常见的5个错误
2020 年你应该知道的 React 库
React组件开发中常见的陷阱
使用React Hooks代替类的6大理由
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券