腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3598)
视频
沙龙
1
回答
如何测试
React
Hooks
useEffect
,useCallBack
reactjs
、
jestjs
、
react-hooks
、
enzyme
我正在尝试使用
Jest
、
useEffect
的
酶和
React
钩子
的
useCallback来编写单元测
试用
例
,但我无法成功。你能帮我为下面的代码写一个测
试用
例
吗?(event) => { closeModal(false); }
useEffect
Modal Comp
浏览 47
提问于2020-07-12
得票数 2
2
回答
react
JS
中
UseEffect
钩子
的
Jest
测
试用
例
reactjs
、
jestjs
、
react-hooks
、
enzyme
、
use-effect
我正在尝试为
useEffect
react
钩子
编写
Jest
-enzyme测
试用
例
,我真的迷路了,我想为2个
react
钩子
写测
试用
例
,一个进行异步调用,另一个使用usestate
钩子
对数据进行排序和设置,我
的
文件在这里。export const DatasetTable:
React
.FC<DatasetTableProps> = ({id, datas
浏览 58
提问于2019-11-25
得票数 1
1
回答
UseEffect
挂钩
的
Jest
测
试用
例
reactjs
、
testing
、
jestjs
、
react-hooks
、
enzyme
我正在尝试为
useEffect
react
钩子
编写
Jest
-enzyme测
试用
例
,我真的迷路了,我想为2个
react
钩子
写测
试用
例
,一个进行异步调用,另一个使用usestate
钩子
对数据进行排序和设置,我
的
文件在这里。,setSortedDataset = useState(); fetchRegistryFunc
浏览 6
提问于2019-11-25
得票数 0
1
回答
使用
Jest
进行
React
.
js
自定义
钩子
测试
javascript
、
reactjs
、
jestjs
、
react-hooks
、
ts-jest
我正在尝试使用
jest
函数测试一个自定义
钩子
,但是我不知道怎么做。可以请帮助我与如何编写这个自定义
钩子
的
一些
jest
函数测
试用
例
。import
React
, {
useEffect
} from '
react
' ref:
React
.RefObject<HTMLElement>, callback: () =&
浏览 5
提问于2021-06-15
得票数 0
1
回答
如何使用
Jest
中
的
react
钩子
来模拟
react
组件
的
状态值?
javascript
、
jestjs
、
react-hooks
我使用
react
和。在
jest
中
测试组件时,我发现我不能访问状态值,也不能模拟它。 const handleDecrement = () => { };
React</e
浏览 1
提问于2019-08-26
得票数 1
回答已采纳
1
回答
如果在
useEffect
之后没有发生什么事情,则进行反应测试
reactjs
、
jestjs
、
react-testing-library
我使用
react
-testing-library和
jest
来测试在设置某个支柱时是否调用了我
的
API。目前,在没有完成
useEffect
()调用
的
情况下,测试立即成功。如何让测试等到
useEffect
完成,这样我才能确定API没有被调用?守则:
React
.
useEffect
(() => { const asyncFunction = asyn
浏览 3
提问于2020-06-10
得票数 3
回答已采纳
1
回答
使用
useEffect
()
钩子
测试
Jest
中
的
函数
reactjs
、
unit-testing
、
jestjs
、
use-effect
、
use-state
我基本上是在学习
Jest
,我必须为
useEffect
()
钩子
编写一个测
试用
例
,该
钩子
基于标志计数器呈现,并在内部检查字段是否存在localStorage值。counter); return localStorage.getItem("some_Id"); setDisplayIcon(false);
浏览 29
提问于2020-03-11
得票数 4
2
回答
React
Unit Testing
Jest
使用mount()
的
Typescript问题
reactjs
、
typescript
、
react-hooks
、
jestjs
、
enzyme
App"> </div>} draw : Function我
的
问题是试图写一个带有
浏览 11
提问于2021-10-30
得票数 0
2
回答
在
Jest
中
的
API模拟之后,
useEffect
中
的
无限循环
reactjs
、
react-hooks
、
react-redux
、
react-test-renderer
在我目前正在处理
的
组件中看到一些奇怪
的
事情。因此,我有一个服务器端分页表,在每个API调用
中
,我都将新记录推送到现有数组。我正在使用进行API调用。...prevState, ]); }, [records]);
jest
.mock("..,如果我们在
useEffect
钩子
中使用数组作为依赖项,它可能会导致无限循环,因为
React
使用浅比较来检查
浏览 14
提问于2022-06-14
得票数 1
回答已采纳
1
回答
使用
Jest
-expo测试异步存储
的
示例使用案例?
javascript
、
reactjs
、
react-native
、
jestjs
、
asyncstorage
我已经复制了一个例子来理解用于reactjs
的
模拟异步存储
的
测试。欢迎对不同
的
测试方法提出任何建议。我尝试从这个堆栈溢出页面复制用
例
:,但我不知道它如何适合我
的
样
例
。用Example.test.
js
编写
的
代码 beforeEach/setup-tests.<e
浏览 3
提问于2020-11-05
得票数 4
2
回答
模拟反应查询useQueryClient来测试缓存
的
数据
javascript
、
reactjs
、
testing
、
react-query
我使用一个自定义
钩子
来共享一个increment函数,这占用了我
的
应用程序(它增加了购物车
中
的
数量)。这一职能是干什么
的
:之后,组件将读取缓存,并使用新
的
quantity更新UI。
钩子
完成工作
浏览 6
提问于2022-06-30
得票数 0
回答已采纳
1
回答
描述方法只能通过一次测试,除非一次又一次地重新呈现每个组件。
reactjs
、
unit-testing
、
jestjs
我正在试图弄清楚为什么我
的
测试--当描述块包含超过一个测试时,它单独运行时就会通过--失败。以这个例子为
例
,我从我
的
真实代码
中
摘取并简化了这个例子: const {container} = render(<CreateAccountFormAnother test', () => { expect(email).toBeInTheDocument(); // fai
浏览 3
提问于2022-01-18
得票数 0
回答已采纳
2
回答
无法模拟
useEffect
内部
的
函数
javascript
、
reactjs
、
jestjs
、
react-testing-library
我有一个自定义
的
钩子
,如下所示 export const useUserSearch = () => { const [userSearch] = useUserSearchMutation(); }, [searchString, userSearch]);
浏览 39
提问于2021-10-06
得票数 5
回答已采纳
1
回答
React
-使用
react
挂钩,在
useEffect
中
设置数组状态,并观察它导致无限循环?
reactjs
声明一个自定义
钩子
: const useTest = (init: any) => {
useEffect
setArr(Array.from(init.arr)); return arr; }; 使用它: useTest({ arr: [1] }) 无论我传递给init.arr
的
是什么对象或数组我使用带有
jest
的
“@ test -library/<em
浏览 13
提问于2020-07-22
得票数 0
1
回答
自定义
钩子
:如何在组件卸载时不调用测试集状态
reactjs
、
react-hooks
、
react-testing-library
、
react-hooks-testing-library
我有一个自定义
钩子
,它在页面加载时调用一个承诺来设置数据。setError(e); } act(() => {To fix, cancel all subscriptions and asynchrono
浏览 4
提问于2019-09-20
得票数 0
2
回答
测试异常- unstable_flushDiscreteUpdates
reactjs
、
typescript
、
jestjs
、
create-react-app
、
react-testing-library
我有一个测试,它使用
Jest
和带有.tsx测试文件(TypeScript)
的
react
-testing-library:import { Provider} from '
react
-redux';import Home from &
浏览 8
提问于2020-07-05
得票数 1
1
回答
useQuery:无法监视useQuery属性,因为它不是一个函数
reactjs
、
unit-testing
、
react-hooks
、
jestjs
、
react-query
拥有这样一个简单
的
useQuery isLoading, isError, data,在我
的
单元测试
中
,我希望从一开始就获得useQuery返回信息(这是我想这么做
的
原因,但这不是主题) beforeEach(() =
浏览 2
提问于2022-01-11
得票数 -1
回答已采纳
1
回答
如何测试在解析/拒绝API调用时返回布尔值
的
React
异步自定义
钩子
javascript
、
reactjs
、
unit-testing
、
react-hooks
、
jestjs
我有一个定制
的
反应
钩子
,如下所示: token, policyReference, async function fetchOnMount(): Promise<void> {: 也有一个console.erro
浏览 1
提问于2021-10-22
得票数 0
1
回答
如何使用实际模块而不是模拟
javascript
、
reactjs
、
typescript
、
jestjs
、
react-testing-library
(ts|tsx)$'], },class Select extends Component<SelectProps{opt.label} ))} );我有个测
试用
例
import
React
fr
浏览 2
提问于2022-08-08
得票数 3
1
回答
RTL不会抛出无效
的
钩子
调用警告
reactjs
、
react-hooks
、
react-testing-library
从中,我们知道反应
钩子
不能在一个条件下调用。我有一个定制
的
react
钩子
useRemoteData,我把它放在if(visible) return null语句之后。所以它违反了
钩子
的
规则。我希望RTL应该抛出无效
的
钩子
调用警告。但事实并非如此。两个测
试用
例
在没有任何警告
的
情况下通过了。
React
"useRemo
浏览 6
提问于2022-03-10
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
携程租车React Native单元测试实践
React请求后端数据
对 React 组件进行单元测试
FastAPI+React全栈开发19 React Hooks事件和状态
React16之测试单元
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券